.customer-service-container[data-v-24e8a49c]{min-height:100vh;background:linear-gradient(135deg,#225266,#1b588f);padding-bottom:20px;position:relative;overflow:hidden}.background-decoration[data-v-24e8a49c]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.decoration-circle[data-v-24e8a49c]{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px)}.circle-1[data-v-24e8a49c]{width:200px;height:200px;top:-100px;right:-100px;-webkit-animation:float-data-v-24e8a49c 6s ease-in-out infinite;animation:float-data-v-24e8a49c 6s ease-in-out infinite}.circle-2[data-v-24e8a49c]{width:150px;height:150px;bottom:-75px;left:-75px;animation:float-data-v-24e8a49c 8s ease-in-out infinite reverse}.circle-3[data-v-24e8a49c]{width:100px;height:100px;top:50%;left:10%;-webkit-animation:float-data-v-24e8a49c 10s ease-in-out infinite;animation:float-data-v-24e8a49c 10s ease-in-out infinite}@-webkit-keyframes float-data-v-24e8a49c{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-20px) rotate(180deg);transform:translateY(-20px) rotate(180deg)}}@keyframes float-data-v-24e8a49c{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-20px) rotate(180deg);transform:translateY(-20px) rotate(180deg)}}.header[data-v-24e8a49c]{position:fixed;top:0;left:0;right:0;height:45px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1000;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1)}.back-btn[data-v-24e8a49c]{position:absolute;left:15px;height:30px;width:30px;cursor:pointer;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.back-btn[data-v-24e8a49c]:active{-webkit-transform:scale(.95);transform:scale(.95)}.title[data-v-24e8a49c]{font-size:18px;font-weight:600;color:#333;margin:0}.status-banner[data-v-24e8a49c]{margin-top:50px;margin:50px 15px 20px;padding:20px;border-radius:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.1);box-shadow:0 4px 20px rgba(0,0,0,.1);-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;z-index:2}.status-banner.online[data-v-24e8a49c]{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.status-banner.offline[data-v-24e8a49c]{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff}.status-icon[data-v-24e8a49c]{margin-right:15px}.icon[data-v-24e8a49c]{font-size:24px}.icon-online[data-v-24e8a49c]:before{content:"\1F7E2"}.icon-offline[data-v-24e8a49c]:before{content:"\1F534"}.status-text[data-v-24e8a49c]{-webkit-box-flex:1;-ms-flex:1;flex:1}.status-title[data-v-24e8a49c]{font-size:16px;font-weight:600;margin-bottom:5px}.status-desc[data-v-24e8a49c]{font-size:14px;opacity:.9}.customer-list[data-v-24e8a49c]{margin:0 15px 20px;position:relative;z-index:2}.list-title[data-v-24e8a49c]{font-size:16px;font-weight:600;color:#fff;margin-bottom:15px;text-align:center}.customer-items[data-v-24e8a49c]{background:hsla(0,0%,100%,.95);border-radius:15px;overflow:hidden;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.1);box-shadow:0 4px 20px rgba(0,0,0,.1);display:grid;grid-template-columns:1fr 1fr;gap:0}.customer-item[data-v-24e8a49c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:18px 15px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.customer-item[data-v-24e8a49c]:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;max-width:50%;border:none}.customer-item[data-v-24e8a49c]:active{background:#f8f9fa;-webkit-transform:scale(.98);transform:scale(.98)}.customer-avatar[data-v-24e8a49c]{margin-right:10px;-ms-flex-negative:0;flex-shrink:0}.avatar-icon[data-v-24e8a49c]{width:40px;height:40px;-o-object-fit:contain;object-fit:contain}.customer-info[data-v-24e8a49c]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.customer-name[data-v-24e8a49c]{font-size:16px;font-weight:600;color:#333;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-status[data-v-24e8a49c]{font-size:13px;padding:3px 8px;border-radius:8px;display:inline-block}.customer-status.online[data-v-24e8a49c]{background:#4caf50;color:#fff}.customer-status.offline[data-v-24e8a49c]{background:rgba(229,62,62,.1);color:#e53e3e}.customer-action[data-v-24e8a49c]{margin-left:8px;-ms-flex-negative:0;flex-shrink:0}.action-icon[data-v-24e8a49c]{font-size:20px}.no-customer[data-v-24e8a49c]{text-align:center;padding:40px 20px;background:hsla(0,0%,100%,.95);margin:0 15px 20px;border-radius:15px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.1);box-shadow:0 4px 20px rgba(0,0,0,.1);position:relative;z-index:2}.no-customer-icon[data-v-24e8a49c]{font-size:48px;margin-bottom:15px}.no-customer-text[data-v-24e8a49c]{font-size:18px;font-weight:600;color:#333;margin-bottom:10px}.no-customer-desc[data-v-24e8a49c]{font-size:14px;color:#666}.service-info[data-v-24e8a49c]{margin:0 15px;background:hsla(0,0%,100%,.95);border-radius:15px;padding:20px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.1);box-shadow:0 4px 20px rgba(0,0,0,.1);position:relative;z-index:2}.info-title[data-v-24e8a49c]{font-size:16px;font-weight:600;color:#333;margin-bottom:15px;text-align:center}.info-content .info-item[data-v-24e8a49c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px;font-size:14px;color:#666}.info-content .info-item[data-v-24e8a49c]:last-child{margin-bottom:0}.info-content .info-item .info-icon[data-v-24e8a49c]{margin-right:10px;font-size:16px}@media (max-width:375px){.status-banner[data-v-24e8a49c]{margin:45px 10px 15px;padding:15px}.customer-list[data-v-24e8a49c],.no-customer[data-v-24e8a49c],.service-info[data-v-24e8a49c]{margin:0 10px 15px}.customer-item[data-v-24e8a49c]{padding:12px 8px}.customer-name[data-v-24e8a49c]{font-size:12px}.customer-status[data-v-24e8a49c]{font-size:10px}.avatar-icon[data-v-24e8a49c]{font-size:20px}.action-icon[data-v-24e8a49c]{font-size:12px}}