.site-footer[data-v-3db8e594]{background:linear-gradient(135deg,#2c0136,#9d1e31,#a1268e);padding:20px 30px;box-shadow:0 -2px 16px #a1268e26;border-top:1px solid rgba(255,255,255,.1)}.footer-inner[data-v-3db8e594]{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-left[data-v-3db8e594]{display:flex;align-items:center;gap:12px}.footer-title[data-v-3db8e594]{color:#fffffff2;font-size:1.8em;margin:0;font-weight:300;letter-spacing:1px}.footer-meta[data-v-3db8e594]{color:#ffffffbf;font-size:.95em}.footer-nav[data-v-3db8e594]{display:flex;align-items:center;gap:20px}.footer-link[data-v-3db8e594]{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#ffffff26;border-radius:50px;border:1px solid rgba(255,255,255,.25);color:#fffffff2;text-decoration:none;font-weight:600;transition:all .3s ease}.footer-link[data-v-3db8e594]:hover{background:#ffffff40;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.footer-link.router-link-active[data-v-3db8e594]{background:#ffffff4d;color:#fff;border-color:#fff6}.footer-link[data-v-3db8e594]:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffff40}@media (max-width: 520px){.footer-inner[data-v-3db8e594]{flex-direction:column;align-items:flex-start}}.toast-container[data-v-3b4c1f96]{position:fixed;top:20px;right:20px;z-index:100000;display:flex;flex-direction:column;gap:10px;max-width:420px;width:calc(100vw - 40px);pointer-events:none}.toast-item[data-v-3b4c1f96]{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#fff;font-size:14px;line-height:1.4;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.15)}.toast-item.success[data-v-3b4c1f96]{background:linear-gradient(135deg,#228b22eb,#2ea043eb)}.toast-item.error[data-v-3b4c1f96]{background:linear-gradient(135deg,#cf222eeb,#dc3545eb)}.toast-item.warning[data-v-3b4c1f96]{background:linear-gradient(135deg,#bb8009eb,#d29922eb)}.toast-item.info[data-v-3b4c1f96]{background:linear-gradient(135deg,#a1268eeb,#2c0136eb)}.toast-icon[data-v-3b4c1f96]{font-size:20px;flex-shrink:0}.toast-message[data-v-3b4c1f96]{flex:1;word-break:break-word;white-space:pre-line}.toast-close[data-v-3b4c1f96]{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:4px;flex-shrink:0;font-size:14px;transition:color .2s}.toast-close[data-v-3b4c1f96]:hover{color:#fff}.toast-enter-active[data-v-3b4c1f96]{animation:toast-in-3b4c1f96 .35s ease-out}.toast-leave-active[data-v-3b4c1f96]{animation:toast-out-3b4c1f96 .3s ease-in forwards}.toast-move[data-v-3b4c1f96]{transition:transform .3s ease}@keyframes toast-in-3b4c1f96{0%{opacity:0;transform:translate(80px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-out-3b4c1f96{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(80px) scale(.85)}}@media (max-width: 480px){.toast-container[data-v-3b4c1f96]{top:10px;right:10px;left:10px;max-width:none;width:auto}.toast-item[data-v-3b4c1f96]{font-size:13px;padding:12px 14px}}*{margin:0;padding:0;box-sizing:border-box}#app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1}.auth-view[data-v-34c7923a]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-container[data-v-34c7923a]{display:grid;grid-template-columns:1fr 1fr;max-width:1200px;width:100%;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #a1268e26;min-height:700px}.auth-branding[data-v-34c7923a]{background:linear-gradient(135deg,#a1268e,#9d1e31,#2c0136);padding:60px 50px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.auth-branding[data-v-34c7923a]:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(234,193,219,.1) 0%,transparent 70%);top:-200px;right:-200px;border-radius:50%}.brand-content[data-v-34c7923a]{position:relative;z-index:1;text-align:center;color:#fff}.brand-logo[data-v-34c7923a]{margin-bottom:30px}.logo-image[data-v-34c7923a]{width:150px;height:auto;border-radius:12px;display:block;margin:0 auto}.logo-circle[data-v-34c7923a]{width:100px;height:100px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;border:3px solid rgba(255,255,255,.3)}.logo-circle i[data-v-34c7923a]{font-size:48px;color:#eac1db}.brand-title[data-v-34c7923a]{font-size:3em;font-weight:300;letter-spacing:2px;margin-bottom:16px}.brand-subtitle[data-v-34c7923a]{font-size:1.1em;opacity:.9;margin-bottom:50px;font-weight:300}.brand-features[data-v-34c7923a]{display:flex;flex-direction:column;gap:20px;text-align:left}.feature-item[data-v-34c7923a]{display:flex;align-items:center;gap:12px;font-size:1.05em}.feature-item i[data-v-34c7923a]{font-size:20px;color:#eac1db}.auth-forms[data-v-34c7923a]{padding:60px 50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,#faf8fb)}.form-wrapper[data-v-34c7923a]{width:100%;max-width:450px}.form-header[data-v-34c7923a]{margin-bottom:30px}.form-header h2[data-v-34c7923a]{font-size:2em;font-weight:600;color:#2c0136;margin-bottom:8px}.form-header p[data-v-34c7923a]{font-size:1em;color:#9d1e31;font-weight:400}.tab-switcher[data-v-34c7923a]{display:flex;gap:8px;background:#f5f5f5;padding:6px;border-radius:12px;margin-bottom:32px}.tab-switch-btn[data-v-34c7923a]{flex:1;padding:12px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;color:#666;transition:all .3s ease}.tab-switch-btn.active[data-v-34c7923a]{background:#fff;color:#a1268e;box-shadow:0 2px 8px #a1268e26}.auth-form[data-v-34c7923a]{display:flex;flex-direction:column;gap:24px}.avatar-section[data-v-34c7923a]{display:flex;justify-content:center;margin-bottom:8px}.avatar-upload[data-v-34c7923a]{width:100px;height:100px;border-radius:50%;overflow:hidden;cursor:pointer;position:relative;border:4px solid #eac1db;transition:all .3s ease}.avatar-upload[data-v-34c7923a]:hover{border-color:#a1268e;transform:scale(1.05)}.avatar-upload img[data-v-34c7923a]{width:100%;height:100%;object-fit:cover}.avatar-empty[data-v-34c7923a]{width:100%;height:100%;background:linear-gradient(135deg,#eac1db,#f5d9ed);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a1268e;font-size:.85em;font-weight:600;gap:6px}.avatar-empty i[data-v-34c7923a]{font-size:28px}.avatar-edit[data-v-34c7923a]{position:absolute;bottom:0;right:0;width:32px;height:32px;background:#a1268e;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s ease}.avatar-upload:hover .avatar-edit[data-v-34c7923a]{opacity:1}.input-group[data-v-34c7923a]{display:flex;flex-direction:column;gap:8px}.input-group label[data-v-34c7923a]{display:flex;align-items:center;gap:8px;font-size:.95em;font-weight:600;color:#2c0136}.input-group label i[data-v-34c7923a]{font-size:16px;color:#a1268e}.input-group input[data-v-34c7923a],.input-group select[data-v-34c7923a],.input-group textarea[data-v-34c7923a]{padding:14px 16px;border:2px solid #e5e5e5;border-radius:12px;font-size:16px;font-family:inherit;transition:all .3s ease;background:#fff}.input-group input[data-v-34c7923a]:focus,.input-group select[data-v-34c7923a]:focus,.input-group textarea[data-v-34c7923a]:focus{outline:none;border-color:#a1268e;box-shadow:0 0 0 4px #a1268e1a}.input-group textarea[data-v-34c7923a]{resize:vertical;min-height:80px}.char-count[data-v-34c7923a]{text-align:right;font-size:.85em;color:#9d1e31}.submit-btn[data-v-34c7923a]{padding:16px 32px;background:linear-gradient(135deg,#a1268e,#9d1e31);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease;margin-top:8px}.submit-btn[data-v-34c7923a]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #a1268e4d}.submit-btn i[data-v-34c7923a]{font-size:18px}@media (max-width: 968px){.auth-container[data-v-34c7923a]{grid-template-columns:1fr}.auth-branding[data-v-34c7923a]{display:none}.auth-forms[data-v-34c7923a]{padding:40px 30px}}@media (max-width: 480px){.auth-forms[data-v-34c7923a]{padding:30px 20px}.form-wrapper[data-v-34c7923a]{max-width:100%}}.sidebar[data-v-fd3c4d69]{width:280px;background:linear-gradient(180deg,#2c0136,#9d1e31,#a1268e);color:#fff;display:flex;flex-direction:column;box-shadow:4px 0 24px #0000001a;position:fixed;height:100vh;overflow-y:auto}.sidebar-header[data-v-fd3c4d69]{padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.logo[data-v-fd3c4d69]{display:flex;align-items:center;gap:12px}.logo-icon[data-v-fd3c4d69]{width:48px;height:48px;background:#fff;border-radius:12px;overflow:hidden;flex-shrink:0}.logo-text[data-v-fd3c4d69]{font-size:24px;font-weight:700}.sidebar-user[data-v-fd3c4d69]{padding:24px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.user-avatar-large[data-v-fd3c4d69]{width:100px;height:100px;border-radius:50%;margin:0 auto 16px;position:relative;border:4px solid rgba(255,255,255,.2);overflow:hidden}.user-avatar-large img[data-v-fd3c4d69]{width:100%;height:100%;object-fit:cover}.status-dot[data-v-fd3c4d69]{position:absolute;bottom:8px;right:8px;width:16px;height:16px;background:#4ade80;border:3px solid white;border-radius:50%}.user-info-sidebar h3[data-v-fd3c4d69]{margin:0 0 4px;font-size:18px;font-weight:600}.user-info-sidebar p[data-v-fd3c4d69]{margin:0;opacity:.8;font-size:14px}.sidebar-nav[data-v-fd3c4d69]{flex:1;padding:24px 0}.nav-item[data-v-fd3c4d69]{display:flex;align-items:center;gap:12px;padding:14px 24px;color:#fffc;text-decoration:none;transition:all .3s;border-left:3px solid transparent}.nav-item[data-v-fd3c4d69]:hover{background:#ffffff1a;color:#fff}.nav-item.active[data-v-fd3c4d69]{background:#ffffff26;color:#fff;border-left-color:#fff}.nav-item i[data-v-fd3c4d69]{font-size:18px}.sidebar-footer[data-v-fd3c4d69]{padding:24px;border-top:1px solid rgba(255,255,255,.1)}.logout-btn[data-v-fd3c4d69]{width:100%;padding:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;transition:all .3s}.logout-btn[data-v-fd3c4d69]:hover{background:#fff3;transform:translateY(-2px)}@media (max-width: 768px){.sidebar[data-v-fd3c4d69]{width:80px}.logo-text[data-v-fd3c4d69],.nav-item span[data-v-fd3c4d69],.logout-btn span[data-v-fd3c4d69]{display:none}.sidebar-user[data-v-fd3c4d69]{padding:16px}.user-avatar-large[data-v-fd3c4d69]{width:60px;height:60px}.user-info-sidebar[data-v-fd3c4d69]{display:none}}.active-call-section[data-v-41a35b87]{padding:40px}.call-header-bar[data-v-41a35b87]{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 16px #0000001a;border:2px solid #eee}.calling-user[data-v-41a35b87]{display:flex;align-items:center;gap:16px}.calling-user img[data-v-41a35b87]{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #eee}.calling-user h3[data-v-41a35b87]{margin:0 0 4px;font-size:22px;font-weight:600;color:#2c0136}.calling-user p[data-v-41a35b87]{margin:0;font-size:15px}.calling-user .status.success[data-v-41a35b87]{color:#4ade80}.calling-user .status.info[data-v-41a35b87]{color:#3b82f6}.calling-user .status.error[data-v-41a35b87]{color:#ef4444}.remaining-indicator[data-v-41a35b87]{color:#666;display:flex;align-items:center;gap:6px;margin-top:4px!important}.end-call-btn[data-v-41a35b87]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 12px #ef44444d}.end-call-btn[data-v-41a35b87]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.audio-call-area[data-v-41a35b87]{display:flex;align-items:center;justify-content:center;min-height:600px;background:linear-gradient(135deg,#2c0136,#9d1e31);border-radius:16px;padding:60px;box-shadow:0 8px 32px #0003}.audio-visualization[data-v-41a35b87]{text-align:center}.audio-avatar-large[data-v-41a35b87]{width:220px;height:220px;border-radius:50%;margin:0 auto 48px;border:6px solid rgba(255,255,255,.3);overflow:hidden;box-shadow:0 12px 48px #0000004d}.audio-avatar-large img[data-v-41a35b87]{width:100%;height:100%;object-fit:cover}.audio-waves[data-v-41a35b87]{display:flex;justify-content:center;align-items:center;gap:10px;height:100px;margin-bottom:32px}.wave[data-v-41a35b87]{width:8px;background:linear-gradient(180deg,#eac1db,#a1268e);border-radius:4px;animation:wave-41a35b87 1.2s ease-in-out infinite}.wave[data-v-41a35b87]:nth-child(1){height:40px;animation-delay:0s}.wave[data-v-41a35b87]:nth-child(2){height:60px;animation-delay:.2s}.wave[data-v-41a35b87]:nth-child(3){height:90px;animation-delay:.4s}.wave[data-v-41a35b87]:nth-child(4){height:60px;animation-delay:.6s}.wave[data-v-41a35b87]:nth-child(5){height:40px;animation-delay:.8s}@keyframes wave-41a35b87{0%,to{height:40px}50%{height:100px}}.call-duration[data-v-41a35b87]{color:#fff;font-size:48px;font-weight:600;margin:0;letter-spacing:4px}.remaining-time[data-v-41a35b87]{color:#eac1db;font-size:24px;font-weight:500;margin:16px 0 0;opacity:.9}@media (max-width: 768px){.active-call-section[data-v-41a35b87]{padding:20px}.call-header-bar[data-v-41a35b87]{flex-direction:column;gap:16px;padding:20px}.calling-user[data-v-41a35b87]{width:100%;justify-content:center}.calling-user img[data-v-41a35b87]{width:50px;height:50px}.calling-user h3[data-v-41a35b87]{font-size:18px}.end-call-btn[data-v-41a35b87]{width:100%;justify-content:center}.audio-call-area[data-v-41a35b87]{min-height:400px;padding:40px 20px}.audio-avatar-large[data-v-41a35b87]{width:150px;height:150px;margin-bottom:32px}.audio-waves[data-v-41a35b87]{height:60px;margin-bottom:24px}.call-duration[data-v-41a35b87]{font-size:36px}.remaining-time[data-v-41a35b87]{font-size:18px}}.call-modal-overlay[data-v-805bfdd9]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn-805bfdd9 .3s ease}@keyframes fadeIn-805bfdd9{0%{opacity:0}to{opacity:1}}.call-modal[data-v-805bfdd9]{background:#fff;border-radius:24px;padding:48px 40px;text-align:center;max-width:420px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp-805bfdd9 .3s ease}@keyframes slideUp-805bfdd9{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-avatar[data-v-805bfdd9]{position:relative;width:120px;height:120px;margin:0 auto 24px}.modal-avatar img[data-v-805bfdd9]{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #a1268e;box-shadow:0 8px 24px #a1268e4d}.pulse-ring[data-v-805bfdd9]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;border:4px solid #a1268e;border-radius:50%;animation:pulse-805bfdd9 2s ease-out infinite}@keyframes pulse-805bfdd9{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}.call-modal h2[data-v-805bfdd9]{font-size:28px;font-weight:600;color:#2c0136;margin:0 0 12px}.caller-name[data-v-805bfdd9]{font-size:20px;font-weight:600;color:#a1268e;margin:0 0 8px}.caller-subtitle[data-v-805bfdd9]{font-size:16px;color:#666;margin:0 0 32px}.modal-buttons[data-v-805bfdd9]{display:flex;gap:16px;justify-content:center}.decline-btn[data-v-805bfdd9],.accept-btn[data-v-805bfdd9]{flex:1;padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.decline-btn[data-v-805bfdd9]{background:#f5f5f5;color:#666}.decline-btn[data-v-805bfdd9]:hover{background:#e0e0e0;transform:translateY(-2px)}.accept-btn[data-v-805bfdd9]{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;box-shadow:0 4px 16px #4ade804d}.accept-btn[data-v-805bfdd9]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ade8066}@media (max-width: 768px){.call-modal[data-v-805bfdd9]{padding:40px 24px}.modal-avatar[data-v-805bfdd9]{width:100px;height:100px}.pulse-ring[data-v-805bfdd9]{width:120px;height:120px}.call-modal h2[data-v-805bfdd9]{font-size:24px}.caller-name[data-v-805bfdd9]{font-size:18px}.modal-buttons[data-v-805bfdd9]{flex-direction:column}.decline-btn[data-v-805bfdd9],.accept-btn[data-v-805bfdd9]{width:100%}}.dashboard-container[data-v-fc8211f9]{display:flex;height:100vh;background:#f5f5f5}.sidebar[data-v-fc8211f9]{width:280px;background:linear-gradient(180deg,#2c0136,#9d1e31,#a1268e);color:#fff;display:flex;flex-direction:column;box-shadow:4px 0 24px #0000001a;position:relative;z-index:10}.sidebar-header[data-v-fc8211f9]{padding:32px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.logo[data-v-fc8211f9]{display:flex;align-items:center;gap:12px}.logo-icon[data-v-fc8211f9]{width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-icon .logo-image[data-v-fc8211f9]{width:100%;height:100%;object-fit:cover}.logo-text[data-v-fc8211f9]{font-size:24px;font-weight:700;letter-spacing:-.5px}.sidebar-user[data-v-fc8211f9]{padding:24px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.user-avatar-large[data-v-fc8211f9]{width:80px;height:80px;border-radius:50%;margin:0 auto 16px;position:relative;border:3px solid rgba(255,255,255,.3);overflow:hidden}.user-avatar-large img[data-v-fc8211f9]{width:100%;height:100%;object-fit:cover}.status-dot[data-v-fc8211f9]{position:absolute;bottom:4px;right:4px;width:16px;height:16px;background:#4ade80;border:3px solid #2c0136;border-radius:50%;animation:pulse-fc8211f9 2s infinite}.user-info-sidebar h3[data-v-fc8211f9]{margin:0 0 4px;font-size:18px;font-weight:600}.user-info-sidebar p[data-v-fc8211f9]{margin:0;opacity:.8;font-size:14px}.sidebar-nav[data-v-fc8211f9]{flex:1;padding:24px 0;overflow-y:auto}.nav-item[data-v-fc8211f9]{display:flex;align-items:center;gap:12px;padding:14px 24px;color:#ffffffb3;text-decoration:none;transition:all .3s;font-weight:500;border-left:3px solid transparent}.nav-item[data-v-fc8211f9]:hover{background:#ffffff1a;color:#fff}.nav-item.active[data-v-fc8211f9]{background:#ffffff26;color:#fff;border-left-color:#eac1db}.nav-item i[data-v-fc8211f9]{font-size:18px}.sidebar-footer[data-v-fc8211f9]{padding:24px;border-top:1px solid rgba(255,255,255,.1)}.logout-btn[data-v-fc8211f9]{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#ffffff1a;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s}.logout-btn[data-v-fc8211f9]:hover{background:#fff3;transform:translateY(-2px)}.main-content[data-v-fc8211f9]{flex:1;overflow-y:auto;background:linear-gradient(135deg,#f5f5f5,#e8e8e8)}.content-header[data-v-fc8211f9]{background:#fff;padding:32px 40px;box-shadow:0 2px 12px #0000000d;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.header-left h1[data-v-fc8211f9]{margin:0 0 4px;font-size:32px;font-weight:700;color:#2c0136}.header-left p[data-v-fc8211f9]{margin:0;color:#666;font-size:16px}.header-right[data-v-fc8211f9]{display:flex;align-items:center;gap:16px}.search-box[data-v-fc8211f9]{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#f5f5f5;border-radius:12px;border:2px solid transparent;transition:all .3s}.search-box[data-v-fc8211f9]:focus-within{background:#fff;border-color:#a1268e;box-shadow:0 4px 12px #a1268e1a}.search-box i[data-v-fc8211f9]{color:#999}.search-box input[data-v-fc8211f9]{border:none;background:none;outline:none;width:200px;font-size:14px;color:#333}.notification-btn[data-v-fc8211f9]{position:relative;width:48px;height:48px;background:#f5f5f5;border:none;border-radius:12px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.notification-btn[data-v-fc8211f9]:hover{background:#fff;box-shadow:0 4px 12px #0000001a}.notification-btn i[data-v-fc8211f9]{font-size:18px;color:#666}.notification-badge[data-v-fc8211f9]{position:absolute;top:8px;right:8px;width:18px;height:18px;background:#9d1e31;color:#fff;border-radius:50%;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.stats-grid[data-v-fc8211f9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;padding:40px}.stat-card[data-v-fc8211f9]{background:#fff;border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 12px #0000000d;transition:all .3s}.stat-card[data-v-fc8211f9]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.stat-icon[data-v-fc8211f9]{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.stat-icon.users[data-v-fc8211f9]{background:linear-gradient(135deg,#a1268e,#9d1e31)}.stat-icon.calls[data-v-fc8211f9]{background:linear-gradient(135deg,#9d1e31,#a1268e)}.stat-icon.active[data-v-fc8211f9]{background:linear-gradient(135deg,#2c0136,#a1268e)}.stat-content h4[data-v-fc8211f9]{margin:0 0 4px;font-size:28px;font-weight:700;color:#2c0136}.stat-content p[data-v-fc8211f9]{margin:0;color:#666;font-size:14px}.content-grid[data-v-fc8211f9]{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 40px 40px}.content-card[data-v-fc8211f9]{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000d;overflow:hidden}.card-header[data-v-fc8211f9]{padding:24px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.card-header h2[data-v-fc8211f9]{margin:0;font-size:20px;font-weight:600;color:#2c0136;display:flex;align-items:center;gap:12px}.card-header i[data-v-fc8211f9]{color:#a1268e}.badge[data-v-fc8211f9]{background:linear-gradient(135deg,#eac1db,#a1268e);color:#fff;padding:6px 14px;border-radius:20px;font-size:14px;font-weight:600}.card-content[data-v-fc8211f9]{padding:24px;max-height:600px;overflow-y:auto}.users-grid[data-v-fc8211f9]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.user-profile-card[data-v-fc8211f9]{background:linear-gradient(135deg,#f9f9f9,#fff);border:2px solid #eee;border-radius:16px;padding:20px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.user-profile-card[data-v-fc8211f9]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#eac1db,#a1268e,#9d1e31);opacity:0;transition:opacity .3s}.user-profile-card[data-v-fc8211f9]:hover{border-color:#a1268e;transform:translateY(-4px);box-shadow:0 8px 24px #a1268e26}.user-profile-card[data-v-fc8211f9]:hover:before{opacity:1}.user-profile-card.online[data-v-fc8211f9]{border-color:#4ade80}.user-card-header[data-v-fc8211f9]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.user-avatar-wrapper[data-v-fc8211f9]{position:relative}.user-avatar-wrapper img[data-v-fc8211f9]{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #eee}.online-badge[data-v-fc8211f9]{position:absolute;bottom:0;right:0;width:14px;height:14px;background:#4ade80;border:3px solid white;border-radius:50%;animation:pulse-fc8211f9 2s infinite}.call-button[data-v-fc8211f9]{width:40px;height:40px;background:linear-gradient(135deg,#a1268e,#9d1e31);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;opacity:0}.user-profile-card:hover .call-button[data-v-fc8211f9]{opacity:1}.call-button[data-v-fc8211f9]:hover{transform:scale(1.1);box-shadow:0 4px 12px #a1268e66}.user-card-body h4[data-v-fc8211f9]{margin:0 0 4px;font-size:16px;font-weight:600;color:#2c0136}.role-badge[data-v-fc8211f9]{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#eac1db,#a1268e);color:#fff;border-radius:12px;font-size:12px;font-weight:600;margin-bottom:8px}.user-bio-text[data-v-fc8211f9]{margin:8px 0 0;font-size:13px;color:#666;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.call-section[data-v-fc8211f9]{grid-column:span 2}.call-placeholder[data-v-fc8211f9]{text-align:center;padding:60px 24px}.placeholder-icon[data-v-fc8211f9]{width:80px;height:80px;background:linear-gradient(135deg,#eac1db,#a1268e);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:32px;color:#fff}.call-placeholder h3[data-v-fc8211f9]{margin:0 0 8px;font-size:24px;font-weight:600;color:#2c0136}.call-placeholder p[data-v-fc8211f9]{margin:0;color:#666;font-size:16px}.active-call[data-v-fc8211f9]{display:flex;flex-direction:column;gap:20px}.call-header[data-v-fc8211f9]{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#f9f9f9,#fff);border-radius:12px;border:2px solid #eee}.calling-user[data-v-fc8211f9]{display:flex;align-items:center;gap:16px}.calling-user img[data-v-fc8211f9]{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid #eee}.calling-user h4[data-v-fc8211f9]{margin:0 0 4px;font-size:18px;font-weight:600;color:#2c0136}.calling-user p[data-v-fc8211f9]{margin:0;font-size:14px}.status.success[data-v-fc8211f9]{color:#4ade80}.status.info[data-v-fc8211f9]{color:#3b82f6}.status.warning[data-v-fc8211f9]{color:#f59e0b}.status.error[data-v-fc8211f9]{color:#ef4444}.end-call-btn[data-v-fc8211f9]{padding:12px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s}.end-call-btn[data-v-fc8211f9]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.video-grid[data-v-fc8211f9]{position:relative;background:#000;border-radius:12px;overflow:hidden;min-height:400px;display:flex;align-items:center;justify-content:center}.remote-video[data-v-fc8211f9]{width:100%;height:100%;object-fit:contain}.local-video[data-v-fc8211f9]{position:absolute;bottom:20px;right:20px;width:200px;height:150px;object-fit:cover;border-radius:12px;border:3px solid white;box-shadow:0 4px 12px #0000004d}@keyframes pulse-fc8211f9{0%,to{opacity:1}50%{opacity:.5}}.card-content[data-v-fc8211f9]::-webkit-scrollbar,.sidebar-nav[data-v-fc8211f9]::-webkit-scrollbar{width:6px}.card-content[data-v-fc8211f9]::-webkit-scrollbar-track,.sidebar-nav[data-v-fc8211f9]::-webkit-scrollbar-track{background:transparent}.card-content[data-v-fc8211f9]::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.sidebar-nav[data-v-fc8211f9]::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.card-content[data-v-fc8211f9]::-webkit-scrollbar-thumb:hover{background:#ccc}.sidebar-nav[data-v-fc8211f9]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.clients-section[data-v-fc8211f9]{padding:40px}.section-header[data-v-fc8211f9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.section-header h2[data-v-fc8211f9]{margin:0;font-size:28px;font-weight:700;color:#2c0136;display:flex;align-items:center;gap:12px}.section-header h2 i[data-v-fc8211f9]{color:#a1268e}.stats[data-v-fc8211f9]{display:flex;gap:24px}.stat-item[data-v-fc8211f9]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border-radius:20px;font-weight:600;color:#666;box-shadow:0 2px 8px #0000000d}.stat-item i[data-v-fc8211f9]{font-size:14px}.stat-item.online[data-v-fc8211f9]{color:#065f46}.stat-item.online i[data-v-fc8211f9]{color:#4ade80;animation:pulse-fc8211f9 2s infinite}.clients-list[data-v-fc8211f9]{display:flex;flex-direction:column;gap:16px;background:#fff;border-radius:24px;padding:32px;box-shadow:0 4px 24px #00000014}.client-item[data-v-fc8211f9]{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:20px;padding:20px;background:#f9f9f9;border:2px solid #eee;border-radius:16px;transition:all .3s}.client-item[data-v-fc8211f9]:hover{border-color:#a1268e;box-shadow:0 4px 16px #a1268e1a;transform:translateY(-2px)}.client-avatar[data-v-fc8211f9]{width:56px;height:56px;border-radius:50%;border:3px solid #eee;overflow:hidden;flex-shrink:0}.client-avatar img[data-v-fc8211f9]{width:100%;height:100%;object-fit:cover}.client-details[data-v-fc8211f9]{min-width:0;flex:1}.client-name[data-v-fc8211f9]{margin:0 0 4px;font-size:16px;font-weight:600;color:#2c0136;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-email[data-v-fc8211f9]{margin:0;color:#666;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-minutes[data-v-fc8211f9]{display:flex;align-items:center;gap:6px;margin-top:8px;color:#a1268e;font-size:13px;font-weight:600}.client-minutes i[data-v-fc8211f9]{font-size:14px}.minutes-controls[data-v-fc8211f9]{display:flex;align-items:center;gap:8px;padding:6px;background:#fff;border-radius:10px;border:2px solid #eee}.minutes-input[data-v-fc8211f9]{width:100px;padding:6px 10px;border:1px solid #ddd;border-radius:8px;font-size:13px;text-align:center}.minutes-input[data-v-fc8211f9]:focus{outline:none;border-color:#a1268e}.add-minutes-btn[data-v-fc8211f9]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#a1268e;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s}.add-minutes-btn[data-v-fc8211f9]:hover:not(:disabled){background:#8a2078;transform:translateY(-2px);box-shadow:0 4px 12px #a1268e4d}.add-minutes-btn[data-v-fc8211f9]:disabled{opacity:.6;cursor:not-allowed}.add-minutes-btn i[data-v-fc8211f9]{font-size:14px}.client-status[data-v-fc8211f9]{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;background:#fee2e2;color:#991b1b;white-space:nowrap}.client-status.online[data-v-fc8211f9]{background:#d1fae5;color:#065f46}.status-dot[data-v-fc8211f9]{width:8px;height:8px;border-radius:50%;background:currentColor}.call-action-btn[data-v-fc8211f9]{background:linear-gradient(135deg,#a1268e,#9d1e31);color:#fff;border:none;padding:10px 20px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s;white-space:nowrap}.call-action-btn[data-v-fc8211f9]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #a1268e4d}.call-action-btn[data-v-fc8211f9]:disabled{opacity:.5;cursor:not-allowed;background:#ccc}.busy-badge[data-v-fc8211f9]{background:#fee2e2;color:#991b1b;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;white-space:nowrap}.no-clients[data-v-fc8211f9]{text-align:center;padding:80px 20px;color:#999}.no-clients i[data-v-fc8211f9]{font-size:64px;margin-bottom:24px;opacity:.5}.no-clients h3[data-v-fc8211f9]{margin:0 0 12px;font-size:24px;color:#666}.no-clients p[data-v-fc8211f9]{margin:0;font-size:16px}.advisor-call-section[data-v-fc8211f9]{padding:40px}.call-header-bar[data-v-fc8211f9]{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 16px #0000001a;border:2px solid #eee}.calling-client[data-v-fc8211f9]{display:flex;align-items:center;gap:16px}.calling-client img[data-v-fc8211f9]{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #eee}.calling-client h3[data-v-fc8211f9]{margin:0 0 4px;font-size:22px;font-weight:600;color:#2c0136}.calling-client p[data-v-fc8211f9]{margin:0;font-size:15px}.calling-client .status.success[data-v-fc8211f9]{color:#4ade80}.calling-client .status.info[data-v-fc8211f9]{color:#3b82f6}.calling-client .status.error[data-v-fc8211f9]{color:#ef4444}.video-area[data-v-fc8211f9]{position:relative;background:linear-gradient(135deg,#2c0136,#9d1e31);border-radius:16px;overflow:hidden;min-height:600px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0003}.audio-call-area[data-v-fc8211f9]{display:flex;align-items:center;justify-content:center;min-height:600px;background:linear-gradient(135deg,#2c0136,#9d1e31);border-radius:16px;padding:60px;box-shadow:0 8px 32px #0003}.audio-visualization[data-v-fc8211f9]{text-align:center}.audio-avatar-large[data-v-fc8211f9]{width:220px;height:220px;border-radius:50%;margin:0 auto 48px;border:6px solid rgba(255,255,255,.3);overflow:hidden;box-shadow:0 12px 48px #0000004d}.audio-avatar-large img[data-v-fc8211f9]{width:100%;height:100%;object-fit:cover}.audio-waves[data-v-fc8211f9]{display:flex;justify-content:center;align-items:center;gap:10px;height:100px;margin-bottom:32px}.wave[data-v-fc8211f9]{width:8px;background:linear-gradient(180deg,#eac1db,#a1268e);border-radius:4px;animation:wave-fc8211f9 1.2s ease-in-out infinite}.wave[data-v-fc8211f9]:nth-child(1){height:40px;animation-delay:0s}.wave[data-v-fc8211f9]:nth-child(2){height:60px;animation-delay:.2s}.wave[data-v-fc8211f9]:nth-child(3){height:90px;animation-delay:.4s}.wave[data-v-fc8211f9]:nth-child(4){height:60px;animation-delay:.6s}.wave[data-v-fc8211f9]:nth-child(5){height:40px;animation-delay:.8s}@keyframes wave-fc8211f9{0%,to{height:40px}50%{height:100px}}.call-duration[data-v-fc8211f9]{color:#fff;font-size:48px;font-weight:600;margin:0;letter-spacing:4px}.remaining-time[data-v-fc8211f9]{color:#eac1db;font-size:24px;font-weight:500;margin:16px 0 0;opacity:.9}.video-area .remote-video[data-v-fc8211f9],.video-area .local-video[data-v-fc8211f9]{display:none}.customer-call-container[data-v-fc8211f9]{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 100px);padding:40px}.call-invitation[data-v-fc8211f9]{background:#fff;border-radius:24px;padding:60px 40px;max-width:600px;text-align:center;box-shadow:0 8px 32px #0000001a}.invitation-icon[data-v-fc8211f9]{width:100px;height:100px;background:linear-gradient(135deg,#eac1db,#a1268e);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:48px;color:#fff;box-shadow:0 8px 24px #a1268e4d}.call-invitation h2[data-v-fc8211f9]{margin:0 0 12px;font-size:32px;font-weight:700;color:#2c0136}.call-invitation>p[data-v-fc8211f9]{margin:0 0 40px;color:#666;font-size:16px;line-height:1.6}.advisor-card[data-v-fc8211f9]{background:linear-gradient(135deg,#f9f9f9,#fff);border:2px solid #eee;border-radius:20px;padding:32px;margin:32px 0;display:flex;align-items:center;gap:24px;text-align:left;transition:all .3s}.advisor-card[data-v-fc8211f9]:hover{border-color:#a1268e;box-shadow:0 8px 24px #a1268e26}.advisor-avatar[data-v-fc8211f9]{position:relative;flex-shrink:0}.advisor-avatar img[data-v-fc8211f9]{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid #eee}.advisor-avatar .online-dot[data-v-fc8211f9]{position:absolute;bottom:4px;right:4px;width:20px;height:20px;background:#4ade80;border:4px solid white;border-radius:50%;animation:pulse-fc8211f9 2s infinite}.advisor-info[data-v-fc8211f9]{flex:1}.advisor-info h3[data-v-fc8211f9]{margin:0 0 8px;font-size:24px;font-weight:600;color:#2c0136}.advisor-info>p[data-v-fc8211f9]{margin:0 0 12px;color:#666;font-size:14px;line-height:1.5}.advisor-info .status[data-v-fc8211f9]{display:inline-block;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600}.advisor-info .status.online[data-v-fc8211f9]{background:#d1fae5;color:#065f46}.advisor-info .status.offline[data-v-fc8211f9]{background:#fee2e2;color:#991b1b}.call-advisor-btn[data-v-fc8211f9]{width:100%;padding:18px 32px;background:linear-gradient(135deg,#a1268e,#9d1e31);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s}.call-advisor-btn[data-v-fc8211f9]:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 24px #a1268e66}.call-advisor-btn[data-v-fc8211f9]:disabled{opacity:.5;cursor:not-allowed}.call-advisor-btn i[data-v-fc8211f9]{font-size:24px}.no-advisor[data-v-fc8211f9]{color:#666;font-size:16px;margin:32px 0 0}.active-call-container[data-v-fc8211f9]{padding:40px}.active-call-container .content-card[data-v-fc8211f9]{max-width:1200px;margin:0 auto}@media (max-width: 1200px){.clients-grid[data-v-fc8211f9]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.dashboard-container[data-v-fc8211f9]{display:block}.sidebar[data-v-fc8211f9]{display:none}.main-content[data-v-fc8211f9]{margin-left:0;padding:16px}.content-header[data-v-fc8211f9]{padding:16px;flex-direction:column;gap:12px}.header-left h1[data-v-fc8211f9]{font-size:22px;margin:0}.header-left p[data-v-fc8211f9]{font-size:13px;margin:4px 0 0}.header-right[data-v-fc8211f9],.search-box[data-v-fc8211f9]{width:100%}.notification-btn[data-v-fc8211f9]{width:40px;height:40px}.clients-section[data-v-fc8211f9]{padding:16px;border-radius:16px}.section-header[data-v-fc8211f9]{flex-direction:column;align-items:flex-start;gap:12px}.section-header h2[data-v-fc8211f9]{font-size:18px}.stats[data-v-fc8211f9]{width:100%;justify-content:flex-start}.stat-item[data-v-fc8211f9]{font-size:12px}.clients-list[data-v-fc8211f9]{gap:12px}.client-item[data-v-fc8211f9]{grid-template-columns:auto 1fr;gap:12px;padding:12px;border-radius:12px}.client-avatar[data-v-fc8211f9]{width:48px;height:48px}.client-details h3[data-v-fc8211f9]{font-size:15px}.client-email[data-v-fc8211f9]{font-size:12px}.client-minutes[data-v-fc8211f9]{font-size:12px;margin-top:6px}.minutes-controls[data-v-fc8211f9],.client-status[data-v-fc8211f9],.call-action-btn[data-v-fc8211f9],.busy-badge[data-v-fc8211f9]{grid-column:1 / -1;width:100%;justify-content:center}.minutes-controls[data-v-fc8211f9]{padding:8px;margin-top:8px}.call-action-btn[data-v-fc8211f9]{padding:10px 16px;font-size:14px;margin-top:8px}.advisor-call-section[data-v-fc8211f9]{padding:16px}.call-header-bar[data-v-fc8211f9]{flex-direction:column;gap:12px;text-align:center;padding:16px}.calling-client h3[data-v-fc8211f9]{font-size:16px}.calling-client p[data-v-fc8211f9]{font-size:13px}.end-call-btn[data-v-fc8211f9]{width:100%;justify-content:center}.video-area[data-v-fc8211f9]{min-height:300px;border-radius:12px}.video-area .local-video[data-v-fc8211f9]{width:100px;height:75px;bottom:8px;right:8px}.customer-call-container[data-v-fc8211f9]{padding:16px}.call-invitation[data-v-fc8211f9]{padding:24px 16px;border-radius:16px}.invitation-icon[data-v-fc8211f9]{width:80px;height:80px;font-size:36px}.call-invitation h2[data-v-fc8211f9]{font-size:20px}.call-invitation p[data-v-fc8211f9]{font-size:14px}.advisor-card[data-v-fc8211f9]{flex-direction:column;text-align:center;padding:16px;gap:12px}.advisor-avatar[data-v-fc8211f9]{width:64px;height:64px}.advisor-info h3[data-v-fc8211f9]{font-size:16px}.advisor-info p[data-v-fc8211f9]{font-size:12px}.call-advisor-btn[data-v-fc8211f9]{padding:12px 24px;font-size:15px}.no-clients[data-v-fc8211f9]{padding:32px 16px}.no-clients i[data-v-fc8211f9]{font-size:48px}.no-clients h3[data-v-fc8211f9]{font-size:18px}.no-clients p[data-v-fc8211f9]{font-size:14px}}@media (max-width: 480px){.main-content[data-v-fc8211f9],.content-header[data-v-fc8211f9]{padding:12px}.header-left h1[data-v-fc8211f9]{font-size:20px}.clients-section[data-v-fc8211f9]{padding:12px}.section-header h2[data-v-fc8211f9]{font-size:16px}.client-item[data-v-fc8211f9]{padding:10px}.client-avatar[data-v-fc8211f9]{width:44px;height:44px}.client-details h3[data-v-fc8211f9]{font-size:14px}.minutes-input[data-v-fc8211f9]{width:50px;padding:6px 8px;font-size:12px}.add-minutes-btn[data-v-fc8211f9]{width:28px;height:28px}.add-minutes-btn i[data-v-fc8211f9]{font-size:12px}}.call-modal-overlay[data-v-fc8211f9]{position:fixed;top:0;left:0;right:0;bottom:0;background:#2c0136d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn-fc8211f9 .3s ease}.call-modal[data-v-fc8211f9]{background:#fff;border-radius:24px;padding:48px;max-width:450px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp-fc8211f9 .3s ease}@keyframes slideUp-fc8211f9{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-avatar[data-v-fc8211f9]{position:relative;width:140px;height:140px;margin:0 auto 24px}.modal-avatar img[data-v-fc8211f9]{width:140px;height:140px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 8px 24px #0003;position:relative;z-index:2}.pulse-ring[data-v-fc8211f9]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;border-radius:50%;border:3px solid #a1268e;animation:pulse-fc8211f9 1.5s ease infinite}@keyframes pulse-fc8211f9{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.6);opacity:0}}.call-modal h2[data-v-fc8211f9]{font-size:24px;font-weight:600;color:#2c0136;margin:0 0 12px}.caller-name[data-v-fc8211f9]{font-size:28px;font-weight:700;color:#a1268e;margin:0 0 8px}.caller-subtitle[data-v-fc8211f9]{font-size:16px;color:#666;margin:0 0 32px}.modal-buttons[data-v-fc8211f9]{display:flex;gap:16px;justify-content:center}.modal-buttons button[data-v-fc8211f9]{flex:1;padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s}.decline-btn[data-v-fc8211f9]{background:#fee2e2;color:#9d1e31}.decline-btn[data-v-fc8211f9]:hover{background:#fecaca;transform:scale(1.05)}.accept-btn[data-v-fc8211f9]{background:linear-gradient(135deg,#a1268e,#9d1e31);color:#fff}.accept-btn[data-v-fc8211f9]:hover{transform:scale(1.05);box-shadow:0 8px 24px #a1268e66}.modal-buttons button i[data-v-fc8211f9]{font-size:20px}.mobile-view[data-v-fc8211f9]{display:flex;flex-direction:column}.mobile-view .main-content[data-v-fc8211f9]{margin-left:0;width:100%}.mobile-stats[data-v-fc8211f9]{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;background:#fff;margin:-20px 20px 20px;border-radius:16px;box-shadow:0 2px 8px #0000000f}.stat-card[data-v-fc8211f9]{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#f9f9f9,#fff);border-radius:12px;border:2px solid #eee}.stat-card i[data-v-fc8211f9]{font-size:28px;color:#a1268e}.stat-card.online i[data-v-fc8211f9]{color:#4ade80;animation:pulse-fc8211f9 2s infinite}.stat-card div[data-v-fc8211f9]{display:flex;flex-direction:column}.stat-number[data-v-fc8211f9]{font-size:24px;font-weight:700;color:#2c0136;line-height:1}.stat-label[data-v-fc8211f9]{font-size:12px;color:#666;margin-top:4px}.mobile-list[data-v-fc8211f9]{display:flex;flex-direction:column;gap:12px}.mobile-item[data-v-fc8211f9]{display:flex!important;align-items:center;gap:12px;padding:16px!important;background:#fff;border:2px solid #eee;border-radius:16px;cursor:pointer;transition:all .3s}.mobile-item[data-v-fc8211f9]:active{transform:scale(.98);border-color:#a1268e}.mobile-item .client-avatar[data-v-fc8211f9]{position:relative;width:56px;height:56px;flex-shrink:0}.mobile-item .client-avatar img[data-v-fc8211f9]{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #eee}.mobile-item .online-badge[data-v-fc8211f9]{position:absolute;bottom:2px;right:2px;width:16px;height:16px;background:#4ade80;border:3px solid white;border-radius:50%;animation:pulse-fc8211f9 2s infinite}.mobile-item .client-details[data-v-fc8211f9]{flex:1;min-width:0}.mobile-item .client-name[data-v-fc8211f9]{font-size:16px;font-weight:600;margin:0 0 4px;color:#2c0136}.mobile-item .client-minutes[data-v-fc8211f9]{font-size:13px;color:#a1268e;font-weight:600}.mobile-item .client-minutes i[data-v-fc8211f9]{font-size:14px}.mobile-item .call-action-btn[data-v-fc8211f9]{width:48px;height:48px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-item .call-action-btn span[data-v-fc8211f9]{display:none}.mobile-item .call-action-btn i[data-v-fc8211f9]{font-size:20px;margin:0}.mobile-item .busy-badge[data-v-fc8211f9]{width:48px;height:48px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fee2e2;color:#991b1b}.mobile-item .busy-badge span[data-v-fc8211f9]{display:none}.mobile-action-sheet-overlay[data-v-fc8211f9]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9999;display:flex;align-items:flex-end;animation:fadeIn-fc8211f9 .2s ease-out}.mobile-action-sheet[data-v-fc8211f9]{background:#fff;border-radius:24px 24px 0 0;width:100%;max-height:80vh;overflow-y:auto;animation:slideUp-fc8211f9 .3s ease-out}.action-sheet-header[data-v-fc8211f9]{display:flex;align-items:center;gap:16px;padding:24px;border-bottom:2px solid #eee}.action-sheet-avatar[data-v-fc8211f9]{width:64px;height:64px;flex-shrink:0}.action-sheet-avatar img[data-v-fc8211f9]{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #eee}.action-sheet-info[data-v-fc8211f9]{flex:1;min-width:0}.action-sheet-info h3[data-v-fc8211f9]{font-size:20px;font-weight:600;color:#2c0136;margin:0 0 8px}.action-sheet-minutes[data-v-fc8211f9]{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#a1268e;margin:0}.action-sheet-minutes i[data-v-fc8211f9]{font-size:16px}.action-sheet-close[data-v-fc8211f9]{width:40px;height:40px;border-radius:50%;background:#f5f5f5;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;flex-shrink:0}.action-sheet-actions[data-v-fc8211f9]{padding:24px;display:flex;flex-direction:column;gap:12px}.action-sheet-btn[data-v-fc8211f9]{display:flex;align-items:center;gap:12px;padding:18px 24px;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.action-sheet-btn[data-v-fc8211f9]:active:not(:disabled){transform:scale(.98)}.action-sheet-btn i[data-v-fc8211f9]{font-size:24px}.action-sheet-btn.add-btn[data-v-fc8211f9]{background:linear-gradient(135deg,#f9f9f9,#fff);color:#a1268e;border:2px solid #eee}.action-sheet-btn.add-btn[data-v-fc8211f9]:active{border-color:#a1268e}.action-sheet-btn.call-btn[data-v-fc8211f9]{background:linear-gradient(135deg,#a1268e,#9d1e31);color:#fff;box-shadow:0 4px 16px #a1268e4d}.action-sheet-btn.call-btn[data-v-fc8211f9]:disabled{opacity:.5;cursor:not-allowed}@keyframes slideUp-fc8211f9{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn-fc8211f9{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.content-header[data-v-fc8211f9]{padding:20px;margin-bottom:0}.content-header h1[data-v-fc8211f9]{font-size:24px}.clients-section[data-v-fc8211f9]{padding:0 20px 20px}.no-clients[data-v-fc8211f9]{padding:60px 20px}}.mobile-add-minutes-btn[data-v-fc8211f9]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#a1268e,#9d1e31);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-shadow:0 2px 8px #a1268e4d;transition:transform .2s}.mobile-add-minutes-btn[data-v-fc8211f9]:active{transform:scale(.9)}.mobile-add-minutes-btn i[data-v-fc8211f9]{font-size:18px}.mobile-topbar[data-v-fc8211f9]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#2c0136,#9d1e31);color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000026}.mobile-topbar-left[data-v-fc8211f9]{display:flex;align-items:center}.mobile-logo[data-v-fc8211f9]{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#fff}.mobile-topbar-right[data-v-fc8211f9]{display:flex;align-items:center;gap:12px}.mobile-user-name[data-v-fc8211f9]{font-size:14px;font-weight:500;color:#ffffffe6;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-logout-btn[data-v-fc8211f9]{width:36px;height:36px;border-radius:50%;background:#ffffff26;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.mobile-logout-btn[data-v-fc8211f9]:active{background:#ffffff4d}.mobile-logout-btn i[data-v-fc8211f9]{font-size:16px}.mobile-bottom-nav[data-v-fc8211f9]{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:1px solid #eee;box-shadow:0 -2px 12px #00000014;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav-item[data-v-fc8211f9]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 0;text-decoration:none;color:#999;font-size:11px;font-weight:500;transition:color .2s}.bottom-nav-item i[data-v-fc8211f9]{font-size:20px}.bottom-nav-item.active[data-v-fc8211f9]{color:#a1268e}.bottom-nav-item[data-v-fc8211f9]:active{color:#a1268e;background:#a1268e0d}.mobile-view .main-content[data-v-fc8211f9]{margin-left:0;width:100%;padding-bottom:70px}.customer-dashboard[data-v-81f0015f]{min-height:100vh;background:linear-gradient(135deg,#f5f5f5,#e8e8e8)}.customer-header[data-v-81f0015f]{background:linear-gradient(135deg,#2c0136,#9d1e31,#a1268e);padding:20px 40px;box-shadow:0 4px 24px #0000001a}.header-content[data-v-81f0015f]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo[data-v-81f0015f]{display:flex;align-items:center;gap:12px;color:#fff}.logo-icon[data-v-81f0015f]{width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-icon .logo-image[data-v-81f0015f]{width:100%;height:100%;object-fit:cover}.logo span[data-v-81f0015f]{font-size:24px;font-weight:700}.user-section[data-v-81f0015f]{display:flex;align-items:center;gap:16px}.available-minutes[data-v-81f0015f]{display:flex;align-items:center;gap:8px;background:#ffffff26;padding:8px 16px;border-radius:20px;color:#fff;font-weight:600;font-size:15px;border:2px solid rgba(255,255,255,.2)}.available-minutes i[data-v-81f0015f]{font-size:18px}.user-profile[data-v-81f0015f]{display:flex;align-items:center;gap:12px;background:#ffffff1a;padding:8px 16px;border-radius:24px;color:#fff}.user-profile img[data-v-81f0015f]{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.profile-btn[data-v-81f0015f],.logout-btn[data-v-81f0015f]{width:40px;height:40px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.profile-btn[data-v-81f0015f]:hover,.logout-btn[data-v-81f0015f]:hover{background:#fff3;transform:scale(1.05)}.customer-main[data-v-81f0015f]{max-width:1200px;margin:0 auto;padding:60px 40px}.call-invitation-container[data-v-81f0015f]{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px)}.invitation-card[data-v-81f0015f]{background:#fff;border-radius:32px;padding:60px 50px;max-width:700px;width:100%;text-align:center;box-shadow:0 8px 48px #0000001a}.invitation-icon[data-v-81f0015f]{width:120px;height:120px;background:linear-gradient(135deg,#eac1db,#a1268e);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 32px;font-size:56px;color:#fff;box-shadow:0 12px 32px #a1268e4d}.invitation-card h1[data-v-81f0015f]{margin:0 0 16px;font-size:36px;font-weight:700;color:#2c0136}.subtitle[data-v-81f0015f]{margin:0 0 48px;color:#666;font-size:18px;line-height:1.6}.advisor-profile[data-v-81f0015f]{background:linear-gradient(135deg,#f9f9f9,#fff);border:3px solid #eee;border-radius:24px;padding:40px;margin:48px 0;display:flex;flex-direction:column;align-items:center;gap:24px;transition:all .3s}.advisor-profile[data-v-81f0015f]:hover{border-color:#a1268e;box-shadow:0 12px 32px #a1268e26;transform:translateY(-4px)}.advisor-avatar[data-v-81f0015f]{position:relative}.advisor-avatar img[data-v-81f0015f]{width:120px;height:120px;border-radius:50%;object-fit:cover;border:5px solid #eee;box-shadow:0 4px 16px #0000001a}.advisor-avatar .online-indicator[data-v-81f0015f]{position:absolute;bottom:8px;right:8px;width:24px;height:24px;background:#4ade80;border:5px solid white;border-radius:50%;animation:pulse-81f0015f 2s infinite}.advisor-details[data-v-81f0015f]{flex:1;width:100%}.advisor-details h2[data-v-81f0015f]{margin:0 0 8px;font-size:28px;font-weight:600;color:#2c0136}.advisor-details .role[data-v-81f0015f]{margin:0 0 16px;color:#a1268e;font-size:16px;font-weight:600}.advisor-details .bio[data-v-81f0015f]{margin:0 0 20px;color:#666;font-size:15px;line-height:1.7}.status-badge[data-v-81f0015f]{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:24px;font-size:15px;font-weight:600}.status-badge.online[data-v-81f0015f]{background:#d1fae5;color:#065f46}.status-badge.offline[data-v-81f0015f]{background:#fee2e2;color:#991b1b}.start-call-btn[data-v-81f0015f]{width:100%;padding:20px 40px;background:linear-gradient(135deg,#a1268e,#9d1e31);color:#fff;border:none;border-radius:16px;font-size:20px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s;box-shadow:0 8px 24px #a1268e4d}.start-call-btn[data-v-81f0015f]:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 32px #a1268e66}.start-call-btn[data-v-81f0015f]:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.start-call-btn i[data-v-81f0015f]{font-size:28px}.no-advisor[data-v-81f0015f]{padding:40px;color:#999;display:flex;flex-direction:column;align-items:center;gap:16px}.no-advisor i[data-v-81f0015f]{font-size:48px}.no-advisor p[data-v-81f0015f]{margin:0;font-size:18px}.active-call-view[data-v-81f0015f]{background:#fff;border-radius:24px;padding:32px;box-shadow:0 8px 32px #0000001a}.call-controls[data-v-81f0015f]{display:flex;justify-content:space-between;align-items:center;padding:24px;background:linear-gradient(135deg,#f9f9f9,#fff);border-radius:16px;margin-bottom:24px;border:2px solid #eee}.call-info[data-v-81f0015f]{display:flex;align-items:center;gap:16px}.call-info img[data-v-81f0015f]{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid #eee}.call-info h3[data-v-81f0015f]{margin:0 0 4px;font-size:20px;font-weight:600;color:#2c0136}.call-info p[data-v-81f0015f]{margin:0;font-size:14px}.remaining-time[data-v-81f0015f]{display:flex;align-items:center;gap:6px;color:#fbbf24!important;font-weight:600;margin-top:4px!important}.remaining-time i[data-v-81f0015f]{font-size:16px}.call-status.success[data-v-81f0015f]{color:#4ade80}.call-status.info[data-v-81f0015f]{color:#3b82f6}.call-status.error[data-v-81f0015f]{color:#ef4444}.end-call-btn[data-v-81f0015f]{padding:14px 28px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.end-call-btn[data-v-81f0015f]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef444466}.video-container[data-v-81f0015f]{position:relative;background:linear-gradient(135deg,#2c0136,#9d1e31);border-radius:16px;overflow:hidden;min-height:500px;display:flex;align-items:center;justify-content:center}.audio-call-container[data-v-81f0015f]{display:flex;align-items:center;justify-content:center;min-height:500px;background:linear-gradient(135deg,#2c0136,#9d1e31);border-radius:16px;padding:60px}.audio-visualization[data-v-81f0015f]{text-align:center}.audio-avatar[data-v-81f0015f]{width:200px;height:200px;border-radius:50%;margin:0 auto 40px;border:6px solid rgba(255,255,255,.3);overflow:hidden;box-shadow:0 12px 48px #0000004d}.audio-avatar img[data-v-81f0015f]{width:100%;height:100%;object-fit:cover}.audio-waves[data-v-81f0015f]{display:flex;justify-content:center;align-items:center;gap:8px;height:80px;margin-bottom:24px}.wave[data-v-81f0015f]{width:6px;background:linear-gradient(180deg,#eac1db,#a1268e);border-radius:3px;animation:wave-81f0015f 1.2s ease-in-out infinite}.wave[data-v-81f0015f]:nth-child(1){height:30px;animation-delay:0s}.wave[data-v-81f0015f]:nth-child(2){height:50px;animation-delay:.2s}.wave[data-v-81f0015f]:nth-child(3){height:70px;animation-delay:.4s}.wave[data-v-81f0015f]:nth-child(4){height:50px;animation-delay:.6s}.wave[data-v-81f0015f]:nth-child(5){height:30px;animation-delay:.8s}@keyframes wave-81f0015f{0%,to{height:30px}50%{height:80px}}.call-duration[data-v-81f0015f]{color:#fff;font-size:32px;font-weight:600;margin:0;letter-spacing:2px}.remote-video[data-v-81f0015f],.local-video[data-v-81f0015f]{display:none}@keyframes pulse-81f0015f{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.customer-header[data-v-81f0015f]{padding:12px 16px}.header-content[data-v-81f0015f]{flex-wrap:wrap;gap:10px}.logo[data-v-81f0015f]{gap:8px}.logo-icon[data-v-81f0015f]{width:36px;height:36px;border-radius:8px}.logo span[data-v-81f0015f]{display:none}.user-section[data-v-81f0015f]{gap:8px;flex-wrap:wrap;justify-content:flex-end;flex:1;min-width:0}.available-minutes[data-v-81f0015f]{padding:6px 10px;font-size:13px;order:1;flex-shrink:1;min-width:0}.available-minutes span[data-v-81f0015f]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-profile[data-v-81f0015f]{padding:6px 10px;gap:8px;order:2;min-width:0}.user-profile img[data-v-81f0015f]{width:32px;height:32px;flex-shrink:0}.user-profile span[data-v-81f0015f]{display:none}.profile-btn[data-v-81f0015f],.logout-btn[data-v-81f0015f]{width:36px;height:36px;flex-shrink:0}.profile-btn[data-v-81f0015f]{order:3}.logout-btn[data-v-81f0015f]{order:4}.customer-main[data-v-81f0015f]{padding:24px 16px}.invitation-card[data-v-81f0015f]{padding:40px 24px}.invitation-card h1[data-v-81f0015f]{font-size:28px}.advisor-profile[data-v-81f0015f]{padding:24px}.advisor-avatar img[data-v-81f0015f]{width:80px;height:80px}.advisor-details h2[data-v-81f0015f]{font-size:22px}.active-call-view[data-v-81f0015f]{padding:16px}.call-controls[data-v-81f0015f]{flex-direction:column;gap:16px;text-align:center}.local-video[data-v-81f0015f]{width:120px;height:90px;bottom:12px;right:12px}}.call-modal-overlay[data-v-81f0015f]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn-81f0015f .3s ease-out}.call-modal[data-v-81f0015f]{background:linear-gradient(135deg,#2c0136,#9d1e31,#a1268e);border-radius:24px;padding:48px 40px;box-shadow:0 20px 60px #0006;text-align:center;max-width:400px;width:90%;animation:slideUp-81f0015f .3s ease-out}.modal-avatar[data-v-81f0015f]{position:relative;width:120px;height:120px;margin:0 auto 24px}.modal-avatar img[data-v-81f0015f]{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid white;position:relative;z-index:2}.pulse-ring[data-v-81f0015f]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:3px solid rgba(255,255,255,.6);border-radius:50%;animation:pulseRing-81f0015f 1.5s cubic-bezier(.215,.61,.355,1) infinite}@keyframes pulseRing-81f0015f{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.call-modal h2[data-v-81f0015f]{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px}.caller-name[data-v-81f0015f]{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.caller-subtitle[data-v-81f0015f]{color:#ffffffe6;font-size:16px;margin:0 0 32px}.modal-buttons[data-v-81f0015f]{display:flex;gap:16px;justify-content:center}.modal-buttons button[data-v-81f0015f]{padding:16px 32px;border-radius:12px;border:none;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.decline-btn[data-v-81f0015f]{background:#ef4444e6;color:#fff}.decline-btn[data-v-81f0015f]:hover{background:#ef4444;transform:scale(1.05)}.accept-btn[data-v-81f0015f]{background:linear-gradient(135deg,#a1268e,#9d1e31);color:#fff}.accept-btn[data-v-81f0015f]:hover{background:linear-gradient(135deg,#b13a9f,#ae2540);transform:scale(1.05);box-shadow:0 8px 20px #a1268e66}@keyframes fadeIn-81f0015f{0%{opacity:0}to{opacity:1}}@keyframes slideUp-81f0015f{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dashboard-container[data-v-ce555974]{display:flex;min-height:100vh;background:#f5f5f5}.sidebar[data-v-ce555974]{width:280px;background:linear-gradient(180deg,#2c0136,#9d1e31,#a1268e);color:#fff;display:flex;flex-direction:column;box-shadow:4px 0 24px #0000001a;position:fixed;height:100vh;overflow-y:auto}.sidebar-header[data-v-ce555974]{padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.logo[data-v-ce555974]{display:flex;align-items:center;gap:12px}.logo-icon[data-v-ce555974]{width:48px;height:48px;background:#fff;border-radius:12px;overflow:hidden;flex-shrink:0}.logo-text[data-v-ce555974]{font-size:24px;font-weight:700}.sidebar-user[data-v-ce555974]{padding:24px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.user-avatar-large[data-v-ce555974]{width:100px;height:100px;border-radius:50%;margin:0 auto 16px;position:relative;border:4px solid rgba(255,255,255,.2);overflow:hidden}.user-avatar-large img[data-v-ce555974]{width:100%;height:100%;object-fit:cover}.status-dot[data-v-ce555974]{position:absolute;bottom:8px;right:8px;width:16px;height:16px;background:#4ade80;border:3px solid white;border-radius:50%}.user-info-sidebar h3[data-v-ce555974]{margin:0 0 4px;font-size:18px;font-weight:600}.user-info-sidebar p[data-v-ce555974]{margin:0;opacity:.8;font-size:14px}.sidebar-nav[data-v-ce555974]{flex:1;padding:24px 0}.nav-item[data-v-ce555974]{display:flex;align-items:center;gap:12px;padding:14px 24px;color:#fffc;text-decoration:none;transition:all .3s;border-left:3px solid transparent}.nav-item[data-v-ce555974]:hover{background:#ffffff1a;color:#fff}.nav-item.active[data-v-ce555974]{background:#ffffff26;color:#fff;border-left-color:#fff}.nav-item i[data-v-ce555974]{font-size:18px}.sidebar-footer[data-v-ce555974]{padding:24px;border-top:1px solid rgba(255,255,255,.1)}.logout-btn[data-v-ce555974]{width:100%;padding:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;transition:all .3s}.logout-btn[data-v-ce555974]:hover{background:#fff3;transform:translateY(-2px)}.main-content[data-v-ce555974]{margin-left:280px;flex:1;padding:40px;overflow-y:auto}.customer-dashboard[data-v-ce555974]{min-height:100vh;background:linear-gradient(135deg,#f5f5f5,#e8e8e8)}.customer-header[data-v-ce555974]{background:linear-gradient(135deg,#2c0136,#9d1e31,#a1268e);padding:20px 40px;box-shadow:0 4px 24px #0000001a}.header-content[data-v-ce555974]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo[data-v-ce555974]{display:flex;align-items:center;gap:12px;color:#fff}.logo span[data-v-ce555974]{font-size:24px;font-weight:700}.user-section[data-v-ce555974]{display:flex;align-items:center;gap:16px}.user-profile[data-v-ce555974]{display:flex;align-items:center;gap:12px;background:#ffffff1a;padding:8px 16px;border-radius:24px;color:#fff}.user-profile img[data-v-ce555974]{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.profile-btn[data-v-ce555974],.logout-btn-header[data-v-ce555974]{width:40px;height:40px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.profile-btn[data-v-ce555974]:hover,.logout-btn-header[data-v-ce555974]:hover{background:#fff3;transform:scale(1.05)}.customer-main[data-v-ce555974]{max-width:1200px;margin:0 auto;padding:40px}.profile-page[data-v-ce555974]{max-width:800px;margin:0 auto}.profile-header[data-v-ce555974]{margin-bottom:32px}.profile-header h1[data-v-ce555974]{margin:0 0 8px;font-size:32px;font-weight:700;color:#2c0136}.profile-header p[data-v-ce555974]{margin:0;color:#666;font-size:16px}.profile-content[data-v-ce555974]{background:#fff;border-radius:24px;padding:40px;box-shadow:0 4px 24px #00000014}.profile-picture-section[data-v-ce555974]{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #eee}.avatar-container[data-v-ce555974]{position:relative;display:inline-block;margin-bottom:1rem}.profile-avatar[data-v-ce555974]{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid #a1268e;background:#f0f0f0;box-shadow:0 4px 12px #a1268e33}.avatar-upload-btn[data-v-ce555974]{position:absolute;bottom:5px;right:5px;background:linear-gradient(135deg,#a1268e,#9d1e31);width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #a1268e66;transition:all .3s;font-size:1.3rem;border:3px solid white}.avatar-upload-btn[data-v-ce555974]:hover{transform:scale(1.1);box-shadow:0 6px 16px #a1268e80}.avatar-hint[data-v-ce555974]{color:#666;font-size:.85rem;margin:0}.profile-form[data-v-ce555974]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-ce555974]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-ce555974]{font-weight:600;color:#2c0136;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.form-group input[data-v-ce555974]{padding:.875rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s;background:#fff}.form-group input[data-v-ce555974]:focus{outline:none;border-color:#a1268e;box-shadow:0 0 0 3px #a1268e1a}.form-group input[data-v-ce555974]::placeholder{color:#9ca3af}.error-message[data-v-ce555974]{background:#fee;color:#c33;padding:1rem;border-radius:12px;border-left:4px solid #c33;font-size:.9rem}.success-message[data-v-ce555974]{background:#efe;color:#2d7a2d;padding:1rem;border-radius:12px;border-left:4px solid #2d7a2d;font-size:.9rem}.form-actions[data-v-ce555974]{display:flex;gap:1rem;margin-top:1rem}.form-actions button[data-v-ce555974]{flex:1;padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-cancel[data-v-ce555974]{background:#fff;color:#666;border:2px solid #e5e7eb}.btn-cancel[data-v-ce555974]:hover{background:#f9fafb;border-color:#d1d5db}.btn-save[data-v-ce555974]{background:linear-gradient(135deg,#a1268e,#9d1e31);color:#fff;box-shadow:0 4px 12px #a1268e4d}.btn-save[data-v-ce555974]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #a1268e66}.btn-save[data-v-ce555974]:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.profile-page[data-v-ce555974]{padding:1rem}.profile-header[data-v-ce555974]{padding:1.5rem}.profile-header h1[data-v-ce555974]{font-size:1.5rem}.profile-content[data-v-ce555974]{padding:1.5rem}.profile-avatar[data-v-ce555974]{width:120px;height:120px}.avatar-upload-btn[data-v-ce555974]{width:40px;height:40px;font-size:1.1rem}.form-actions[data-v-ce555974]{flex-direction:column}}@media (max-width: 768px){.dashboard-container[data-v-ce555974]{flex-direction:column}.main-content[data-v-ce555974]{margin-left:0;width:100%;padding:20px 20px 70px}.customer-header[data-v-ce555974]{padding:12px 16px}.header-content[data-v-ce555974]{flex-wrap:wrap;gap:10px}.logo-icon[data-v-ce555974]{width:36px;height:36px;border-radius:8px}.logo span[data-v-ce555974]{display:none}.user-section[data-v-ce555974]{gap:8px}.user-profile span[data-v-ce555974]{display:none}.user-profile img[data-v-ce555974]{width:32px;height:32px}.customer-main[data-v-ce555974]{padding:24px 16px}.profile-page[data-v-ce555974]{padding:0}.profile-header h1[data-v-ce555974]{font-size:24px}.profile-content[data-v-ce555974]{padding:24px}.profile-avatar[data-v-ce555974]{width:120px;height:120px}.form-actions[data-v-ce555974]{flex-direction:column}}.mobile-topbar[data-v-ce555974]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#2c0136,#9d1e31);color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000026}.mobile-topbar-left[data-v-ce555974]{display:flex;align-items:center}.mobile-logo[data-v-ce555974]{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#fff}.mobile-topbar-right[data-v-ce555974]{display:flex;align-items:center;gap:12px}.mobile-user-name[data-v-ce555974]{font-size:14px;font-weight:500;color:#ffffffe6;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-logout-btn[data-v-ce555974]{width:36px;height:36px;border-radius:50%;background:#ffffff26;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.mobile-logout-btn i[data-v-ce555974]{font-size:16px}.mobile-bottom-nav[data-v-ce555974]{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:1px solid #eee;box-shadow:0 -2px 12px #00000014;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav-item[data-v-ce555974]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 0;text-decoration:none;color:#999;font-size:11px;font-weight:500;transition:color .2s}.bottom-nav-item i[data-v-ce555974]{font-size:20px}.bottom-nav-item.active[data-v-ce555974]{color:#a1268e}.bottom-nav-item[data-v-ce555974]:active{color:#a1268e;background:#a1268e0d}.dashboard-container[data-v-13b47230]{display:flex;min-height:100vh;background:#f5f5f5}.main-content[data-v-13b47230]{margin-left:280px;flex:1;padding:40px}.content-header[data-v-13b47230]{margin-bottom:32px}.header-left h1[data-v-13b47230]{margin:0 0 8px;font-size:32px;font-weight:700;color:#2c0136}.header-left p[data-v-13b47230]{margin:0;color:#666;font-size:16px}.calls-section[data-v-13b47230]{background:#fff;border-radius:24px;padding:32px;box-shadow:0 4px 24px #00000014;min-height:400px}.empty-state[data-v-13b47230]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-state h2[data-v-13b47230]{margin:24px 0 8px;font-size:24px;color:#2c0136}.empty-state p[data-v-13b47230]{margin:0;color:#666;font-size:16px}.calls-list[data-v-13b47230]{display:flex;flex-direction:column;gap:16px}.call-item[data-v-13b47230]{display:flex;align-items:center;gap:16px;padding:20px;background:#f9f9f9;border:2px solid #eee;border-radius:16px;transition:all .3s}.call-item[data-v-13b47230]:hover{border-color:#a1268e;box-shadow:0 4px 16px #a1268e1a}.call-avatar[data-v-13b47230]{width:56px;height:56px;border-radius:50%;overflow:hidden;border:2px solid #eee;flex-shrink:0}.call-avatar img[data-v-13b47230]{width:100%;height:100%;object-fit:cover}.call-info[data-v-13b47230]{flex:1}.call-info h3[data-v-13b47230]{margin:0 0 4px;font-size:16px;font-weight:600;color:#2c0136}.call-time[data-v-13b47230]{margin:0;color:#666;font-size:14px}.call-status[data-v-13b47230]{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.call-status.completed[data-v-13b47230]{background:#d1fae5;color:#065f46}.call-status.missed[data-v-13b47230]{background:#fee2e2;color:#991b1b}.call-status.ongoing[data-v-13b47230]{background:#dbeafe;color:#1e40af}@media (max-width: 768px){.mobile-view[data-v-13b47230]{flex-direction:column}.mobile-view .main-content[data-v-13b47230]{margin-left:0;width:100%;padding:20px 20px 70px}.content-header h1[data-v-13b47230]{font-size:24px}.calls-section[data-v-13b47230]{padding:20px;border-radius:16px}.call-item[data-v-13b47230]{flex-direction:column;text-align:center}.call-status[data-v-13b47230]{align-self:stretch;justify-content:center}}.mobile-topbar[data-v-13b47230]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#2c0136,#9d1e31);color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000026}.mobile-topbar-left[data-v-13b47230]{display:flex;align-items:center}.mobile-logo[data-v-13b47230]{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#fff}.mobile-topbar-right[data-v-13b47230]{display:flex;align-items:center;gap:12px}.mobile-user-name[data-v-13b47230]{font-size:14px;font-weight:500;color:#ffffffe6;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-logout-btn[data-v-13b47230]{width:36px;height:36px;border-radius:50%;background:#ffffff26;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.mobile-logout-btn[data-v-13b47230]:active{background:#ffffff4d}.mobile-logout-btn i[data-v-13b47230]{font-size:16px}.mobile-bottom-nav[data-v-13b47230]{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:1px solid #eee;box-shadow:0 -2px 12px #00000014;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav-item[data-v-13b47230]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 0;text-decoration:none;color:#999;font-size:11px;font-weight:500;transition:color .2s}.bottom-nav-item i[data-v-13b47230]{font-size:20px}.bottom-nav-item.active[data-v-13b47230]{color:#a1268e}.bottom-nav-item[data-v-13b47230]:active{color:#a1268e;background:#a1268e0d}.legal-page[data-v-1d800dc2]{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#2c0136,#9d1e31,#a1268e);position:relative;background-attachment:fixed}.legal-page[data-v-1d800dc2]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="rgba(255,255,255,0.05)" d="M0,96L48,112C96,128,192,160,288,186.7C384,213,480,235,576,213.3C672,192,768,128,864,128C960,128,1056,192,1152,197.3C1248,203,1344,149,1392,122.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;background-size:cover;opacity:.3;pointer-events:none}.legal-card[data-v-1d800dc2]{width:100%;max-width:1100px;background:#fffffffa;border-radius:24px;box-shadow:0 20px 60px #0000004d;padding:60px;line-height:1.9;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#2c0136}h1[data-v-1d800dc2]{margin:0 0 40px;color:#2c0136;font-weight:300;font-size:3em;letter-spacing:1px;text-align:center;position:relative;padding-bottom:20px}h1[data-v-1d800dc2]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,#2c0136,#9d1e31,#a1268e);border-radius:2px}h3[data-v-1d800dc2]{margin:48px 0 24px;color:#2c0136;font-weight:400;font-size:2em;padding-left:16px;border-left:4px solid #9d1e31;letter-spacing:.5px}h4[data-v-1d800dc2]{margin:32px 0 16px;color:#9d1e31;font-weight:400;font-size:1.4em;letter-spacing:.3px}p[data-v-1d800dc2]{margin:0 0 20px;color:#2c0136;text-align:justify;opacity:.9;font-size:1.05em}a[data-v-1d800dc2]{color:#9d1e31;text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:all .3s ease}a[data-v-1d800dc2]:hover:not(.back){color:#2c0136;border-bottom-color:#9d1e31}.back[data-v-1d800dc2]{display:inline-block;color:#fff;background:linear-gradient(135deg,#2c0136,#9d1e31,#a1268e);text-decoration:none;font-weight:600;padding:14px 32px;border-radius:30px;margin-top:40px;transition:all .3s ease;box-shadow:0 6px 20px #a1268e66;font-size:1.05em}.back[data-v-1d800dc2]:hover{color:#fff;transform:translateY(-3px);box-shadow:0 10px 30px #a1268e80}@media (max-width: 768px){.legal-card[data-v-1d800dc2]{padding:40px 28px}h1[data-v-1d800dc2]{font-size:2.2em;margin-bottom:32px}h3[data-v-1d800dc2]{font-size:1.6em;margin-top:40px}h4[data-v-1d800dc2]{font-size:1.25em}p[data-v-1d800dc2]{font-size:1em}}@media (max-width: 480px){.legal-page[data-v-1d800dc2]{padding:20px 12px}.legal-card[data-v-1d800dc2]{padding:32px 20px;border-radius:16px}h1[data-v-1d800dc2]{font-size:1.8em}h3[data-v-1d800dc2]{font-size:1.4em}.back[data-v-1d800dc2]{width:100%;text-align:center}}.legal-page[data-v-3df7f45b]{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#2c0136,#9d1e31,#a1268e);background-attachment:fixed;position:relative}.legal-page[data-v-3df7f45b]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="rgba(255,255,255,0.05)" d="M0,96L48,112C96,128,192,160,288,186.7C384,213,480,235,576,213.3C672,192,768,128,864,128C960,128,1056,192,1152,197.3C1248,203,1344,149,1392,122.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;background-size:cover;opacity:.3;pointer-events:none}<style scoped> .legal-page[data-v-3df7f45b]{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#2c0136,#9d1e31,#a1268e);position:relative}.legal-page[data-v-3df7f45b]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="rgba(255,255,255,0.05)" d="M0,96L48,112C96,128,192,160,288,186.7C384,213,480,235,576,213.3C672,192,768,128,864,128C960,128,1056,192,1152,197.3C1248,203,1344,149,1392,122.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;background-size:cover;opacity:.3;pointer-events:none}.legal-card[data-v-3df7f45b]{width:100%;max-width:1100px;background:#fffffffa;border-radius:24px;box-shadow:0 20px 60px #0000004d;padding:60px;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}h1[data-v-3df7f45b]{margin:0 0 40px;color:#2c0136;font-weight:300;font-size:3em;letter-spacing:1px;text-align:center;position:relative;padding-bottom:20px}h1[data-v-3df7f45b]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,#2c0136,#9d1e31,#a1268e);border-radius:2px}h2[data-v-3df7f45b]{margin:48px 0 24px;color:#2c0136;font-weight:400;font-size:2em;letter-spacing:.5px;padding-left:16px;border-left:4px solid #9d1e31}h3[data-v-3df7f45b]{margin:32px 0 16px;color:#9d1e31;font-weight:400;font-size:1.4em;letter-spacing:.3px}.content[data-v-3df7f45b]{line-height:1.9;color:#2c0136;font-size:1.05em}.content p[data-v-3df7f45b]{margin:0 0 20px;text-align:justify;opacity:.9}.content ul[data-v-3df7f45b]{margin:24px 0;padding-left:40px;list-style-type:none}.content li[data-v-3df7f45b]{margin-bottom:12px;line-height:1.7;position:relative;padding-left:24px}.content li[data-v-3df7f45b]:before{content:"▸";position:absolute;left:0;color:#9d1e31;font-weight:700}.content a[data-v-3df7f45b]{color:#9d1e31;text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:all .3s ease}.content a[data-v-3df7f45b]:hover{color:#2c0136;border-bottom-color:#9d1e31}.content strong[data-v-3df7f45b]{color:#2c0136;font-weight:600}.contact-info[data-v-3df7f45b]{margin:48px 0;padding:32px;background:linear-gradient(135deg,#2c013614,#9d1e3114);border-left:5px solid #2c0136;border-radius:12px;box-shadow:0 4px 12px #2c01361a}.contact-info p[data-v-3df7f45b]{margin:0 0 12px;text-align:left}.contact-info p[data-v-3df7f45b]:last-child{margin-bottom:0}.end-marker[data-v-3df7f45b]{text-align:center;margin-top:48px;font-style:italic;color:#666;padding-top:24px;border-top:2px solid rgba(161,38,142,.2)}.back[data-v-3df7f45b]{display:inline-block;color:#fff;background:linear-gradient(135deg,#2c0136,#9d1e31,#a1268e);text-decoration:none;font-weight:600;padding:14px 32px;border-radius:30px;margin-top:40px;transition:all .3s ease;box-shadow:0 6px 20px #a1268e66;font-size:1.05em}.back[data-v-3df7f45b]:hover{transform:translateY(-3px);box-shadow:0 10px 30px #a1268e80}@media (max-width: 768px){.legal-card[data-v-3df7f45b]{padding:40px 28px}h1[data-v-3df7f45b]{font-size:2.2em;margin-bottom:32px}h2[data-v-3df7f45b]{font-size:1.6em;margin-top:40px}h3[data-v-3df7f45b]{font-size:1.25em}.content ul[data-v-3df7f45b]{padding-left:28px}.content[data-v-3df7f45b]{font-size:1em}}@media (max-width: 480px){.legal-page[data-v-3df7f45b]{padding:20px 12px}.legal-card[data-v-3df7f45b]{padding:32px 20px;border-radius:16px}h1[data-v-3df7f45b]{font-size:1.8em}h2[data-v-3df7f45b]{font-size:1.4em}.back[data-v-3df7f45b]{width:100%;text-align:center}}.not-found-container[data-v-8152d64d]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#eac1db,#a1268e,#2c0136);padding:20px;position:relative;overflow:hidden}.not-found-container[data-v-8152d64d]:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(234,193,219,.15) 0%,transparent 70%);top:-300px;right:-300px;border-radius:50%}.not-found-content[data-v-8152d64d]{text-align:center;background:#fff;padding:60px 50px;border-radius:24px;box-shadow:0 20px 60px #a1268e40;max-width:600px;width:100%;position:relative;z-index:1;border:1px solid rgba(161,38,142,.1)}.error-icon[data-v-8152d64d]{width:120px;height:120px;margin:0 auto 30px;background:linear-gradient(135deg,#eac1db,#f5d9ed);border-radius:50%;display:flex;align-items:center;justify-content:center;border:4px solid rgba(161,38,142,.2)}.error-icon i[data-v-8152d64d]{font-size:60px;color:#a1268e}.error-code[data-v-8152d64d]{font-size:120px;font-weight:300;margin:0;letter-spacing:8px;background:linear-gradient(135deg,#a1268e,#9d1e31);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.error-title[data-v-8152d64d]{font-size:32px;color:#2c0136;margin:20px 0;font-weight:600}.error-message[data-v-8152d64d]{font-size:18px;color:#9d1e31;margin:20px 0 40px;line-height:1.6;font-weight:400}.action-buttons[data-v-8152d64d]{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn-primary[data-v-8152d64d],.btn-secondary[data-v-8152d64d]{padding:14px 32px;font-size:16px;border:none;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:10px;font-family:inherit}.btn-primary[data-v-8152d64d]{background:linear-gradient(135deg,#a1268e,#9d1e31);color:#fff}.btn-primary[data-v-8152d64d]:hover{transform:translateY(-2px);box-shadow:0 10px 20px #a1268e4d}.btn-secondary[data-v-8152d64d]{background:transparent;color:#a1268e;border:2px solid #a1268e}.btn-secondary[data-v-8152d64d]:hover{background:linear-gradient(135deg,#a1268e,#9d1e31);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #a1268e33}@media (max-width: 768px){.not-found-content[data-v-8152d64d]{padding:40px 30px}.error-icon[data-v-8152d64d]{width:100px;height:100px;margin-bottom:20px}.error-icon i[data-v-8152d64d]{font-size:50px}.error-code[data-v-8152d64d]{font-size:80px}.error-title[data-v-8152d64d]{font-size:24px}.error-message[data-v-8152d64d]{font-size:16px}.action-buttons[data-v-8152d64d]{flex-direction:column;gap:12px}.btn-primary[data-v-8152d64d],.btn-secondary[data-v-8152d64d]{width:100%;justify-content:center}}body{margin:0;padding:0;background:linear-gradient(135deg,#eac1db,#a1268e,#2c0136);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:#fff;border-radius:16px;box-shadow:0 8px 32px #a1268e33;padding:40px;max-width:480px;margin:100px auto;border:1px solid rgba(161,38,142,.1)}.card h1{color:#a1268e;text-align:center;margin-bottom:10px;font-size:2.5em;font-weight:300;letter-spacing:1px}.card h2{text-align:center;color:#9d1e31;margin-bottom:30px;font-weight:300;font-size:1.2em}.tabs{display:flex;gap:10px;margin-bottom:30px}.tab-btn{flex:1;padding:12px;border:1px solid #a1268e;background:transparent;border-radius:8px;cursor:pointer;font-size:16px;transition:all .3s ease;color:#a1268e;font-weight:500}.tab-btn.active{background:linear-gradient(135deg,#a1268e,#9d1e31);color:#fff;border-color:#a1268e}.tab-btn:hover{background:linear-gradient(135deg,#a1268e,#9d1e31);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #a1268e4d}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#2c0136;font-weight:500;font-size:.95em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #eac1db;border-radius:8px;font-size:16px;transition:all .3s ease;background:#fafafa;font-family:inherit}.form-group textarea{resize:vertical;min-height:60px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#a1268e;background:#fff;box-shadow:0 0 0 3px #a1268e1a}.char-counter{display:block;text-align:right;color:#9d1e31;font-size:.85em;margin-top:4px}.avatar-upload-section{display:flex;justify-content:center;margin-bottom:24px}.avatar-preview{width:100px;height:100px;border-radius:50%;overflow:hidden;cursor:pointer;transition:all .3s ease;border:3px solid #eac1db;position:relative}.avatar-preview:hover{transform:scale(1.05);border-color:#a1268e;box-shadow:0 4px 16px #a1268e4d}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#eac1db,#f5d9ed);color:#a1268e;font-size:.85em;font-weight:600;gap:8px}.avatar-placeholder i{font-size:24px}.btn-primary{width:100%;padding:14px;background:linear-gradient(135deg,#a1268e,#9d1e31);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #a1268e4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a1268e66}.btn-secondary{padding:10px 20px;background:#fff;color:#a1268e;border:1px solid #a1268e;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500}.btn-secondary:hover{background:#eac1db;transform:translateY(-1px)}.header{background:linear-gradient(135deg,#fffffffa,#eac1dbf2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px 30px;box-shadow:0 2px 16px #a1268e26;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(161,38,142,.2)}.header h1{color:#a1268e;font-size:1.8em;margin:0;font-weight:300;letter-spacing:1px}.user-info{display:flex;align-items:center;gap:20px}.current-user-profile{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#fff9;border-radius:50px;border:1px solid rgba(161,38,142,.2)}.header-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #a1268e}.user-details{display:flex;flex-direction:column;gap:2px}.user-name-header{font-weight:600;color:#2c0136;font-size:.95em}.user-role-header{font-size:.8em;color:#9d1e31}.dashboard-content{display:grid;grid-template-columns:1fr 2fr;gap:20px;margin-top:20px}.users-list,.call-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;box-shadow:0 4px 24px #a1268e26;border:1px solid rgba(161,38,142,.1)}.users-list h2,.call-section h2{color:#a1268e;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid rgba(161,38,142,.2);font-weight:300;font-size:1.5em;letter-spacing:.5px}.users-container{display:flex;flex-direction:column;gap:16px}.user-card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#fff,#f9f3f7);border-radius:16px;cursor:pointer;transition:all .3s ease;border:2px solid rgba(161,38,142,.1);position:relative}.user-card:hover{background:linear-gradient(135deg,#eac1db,#f5d9ed);transform:translateY(-4px);box-shadow:0 8px 24px #a1268e40;border-color:#a1268e}.user-card.online:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,#a1268e,#9d1e31);border-radius:16px 0 0 16px}.user-avatar-wrapper{position:relative;flex-shrink:0}.user-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #eac1db;transition:all .3s ease}.user-card:hover .user-avatar{border-color:#a1268e;transform:scale(1.05)}.online-indicator{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:#4caf50;border:2px solid white;border-radius:50%;box-shadow:0 0 8px #4caf5080;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.user-info{flex:1;min-width:0}.user-name{font-weight:600;color:#2c0136;font-size:1.1em;margin-bottom:4px}.user-role{font-size:.9em;color:#9d1e31;font-weight:500;margin-bottom:6px}.user-bio{font-size:.85em;color:#5d4e6d;line-height:1.4;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.call-icon{font-size:24px;color:#a1268e;transition:all .3s ease;flex-shrink:0}.user-card:hover .call-icon{transform:scale(1.2) rotate(10deg);color:#9d1e31}.call-btn{padding:12px 24px;margin-right:10px;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease}.call-btn.start{background:linear-gradient(135deg,#a1268e,#9d1e31);color:#fff;box-shadow:0 4px 12px #a1268e4d}.call-btn.start:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a1268e66}.call-btn.end{background:linear-gradient(135deg,#9d1e31,#2c0136);color:#fff;box-shadow:0 4px 12px #9d1e314d}.call-btn.end:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9d1e3166}.call-status{padding:12px;margin-bottom:20px;border-radius:8px;text-align:center;font-weight:500}.call-status.calling{background:linear-gradient(135deg,#eac1db,#f5d9ed);color:#9d1e31;border:1px solid #a1268e}.call-status.connected{background:linear-gradient(135deg,#d4f4dd,#a8e6cf);color:#1b5e20;border:1px solid #4caf50}.videos{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px}.videos video{width:100%;background:#2c0136;border-radius:12px;box-shadow:0 4px 16px #2c01364d;border:2px solid rgba(161,38,142,.3)}@media (max-width: 768px){.dashboard-content,.videos{grid-template-columns:1fr}.card{margin:40px auto;padding:30px 20px}}
