@charset "UTF-8";:root{--bg: #f0f2f5;--surface: #ffffff;--sidebar-bg: #1a1f2e;--dark: #1a1f2e;--slate: #3d4452;--muted: #8b95a6;--ghost: #adb5bd;--border-light: #e9ecf0;--border: #d0d5dd;--blue-solid: #007bff;--blue-s: rgba(0,123,255,.08);--green: #22c55e;--green-s: rgba(92,188,117,.12);--red: #ef4444;--amber: #f59e0b;--acb-h: 52px;--sidebar-w: 56px;--left-col-w: 270px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--dark);display:flex;height:100vh;overflow:hidden;font-size:14px}app-root,app-contacts-shell,app-conference-shell,app-calls-shell,app-messages-shell,app-notifications-shell,app-accounts-shell,app-contact-detail,app-non-foneapp-detail,app-group-msg-detail,app-group-sms-detail,app-profile-tab,app-plans-tab,app-members-tab,app-numbers-tab,app-external-contacts-tab,app-usage-tab,app-conference-form,app-conference-list,app-conference-detail,app-conference-empty,app-call-list,app-call-detail,app-call-sidebar,app-call-empty,app-call-screen,app-dialpad,app-message-list-shell,app-msg-list,app-sms-list,app-vm-list,app-message-empty,app-login,app-signup,app-signup-otp,app-signup-profile,app-forgot-password,app-forgot-password-verify,app-settings-shell,app-settings-list,app-settings-empty,app-account-settings,app-contact-info,app-delete-account,app-transfer-account,app-change-password{display:contents}svg{display:block}@keyframes up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.app{flex:1;display:flex;overflow:hidden}.left-col{width:72px;background:var(--panel);border-right:1px solid var(--border-line);display:flex;flex-direction:column;overflow:hidden;transition:width .2s ease;flex-shrink:0}.left-col.expanded{width:296px}.panel-hd{padding:16px 14px 0;flex-shrink:0}.panel-title{font-weight:700;font-size:17px;color:var(--dark);white-space:nowrap;overflow:hidden}.panel-sub{font-size:11px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden}.search-box{margin:10px 10px 0;display:flex;align-items:center;gap:7px;background:var(--border);border:none;border-radius:12px;padding:7px 10px;transition:all .15s}.search-box:focus-within{background:#d8dadf}.search-box input{border:none;background:transparent;font-family:inherit;font-size:12px;color:var(--dark);outline:none;width:100%;min-width:0}.search-box input::placeholder{color:var(--ghost)}.tabs-row{display:flex;margin:10px 10px 0;gap:0;flex-shrink:0;border:1px solid var(--blue-solid);border-radius:6px;overflow:hidden}.tab{flex:1;padding:6px 4px;text-align:center;font-size:11px;font-weight:600;cursor:pointer;color:var(--blue-solid);background:#fff;transition:all .15s;white-space:nowrap;border-right:1px solid var(--blue-solid)}.tab:last-child{border-right:none}.tab.active{background:var(--blue-solid);color:#fff}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.body-area{flex:1;display:flex;overflow:hidden}.view{display:none;flex:1;overflow:hidden}.view.active{display:flex;flex-direction:column}.detail-pane{flex:1;overflow-y:auto}.detail-pane::-webkit-scrollbar{width:3px}.detail-pane::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.topbar{height:52px;background:var(--surface);border-bottom:1px solid var(--border-light);display:flex;align-items:center;padding:0 20px;gap:10px;flex-shrink:0}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.breadcrumb b{color:var(--dark);font-weight:600}.topbar-spacer{flex:1}.icon-btn{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--border);color:var(--muted);background:var(--surface);transition:all .15s}.icon-btn:hover{background:#f8f9fa;color:var(--dark)}.icon-btn.star-on{background:#fffbeb;border-color:#fcd34d;color:#f59e0b}.btn{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:6px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:all .15s}.btn-blue{background:var(--blue-solid);color:#fff}.btn-blue:hover{background:var(--blue-h)}.btn-ghost{background:transparent;color:var(--slate);border:1px solid var(--border)}.btn-ghost:hover{background:#f8f9fa}.btn-danger{background:var(--red-s);color:var(--red);border:1px solid #f5c6c6}.btn-danger:hover{background:#fdecea}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--ghost);padding:40px}.empty-icon{width:52px;height:52px;background:#f8f9fa;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.empty-title{font-size:13px;font-weight:600;color:var(--muted)}.empty-sub{font-size:12px;color:var(--ghost);text-align:center}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);display:flex;flex-direction:column;align-items:center;padding:8px 0 12px;flex-shrink:0;z-index:10}.logo{width:34px;height:34px;background:var(--blue-solid);border-radius:10px;color:#fff;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.nav-btn{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#ffffff73;cursor:pointer;margin-bottom:4px;transition:all .15s;position:relative}.nav-btn .badge{position:absolute;top:2px;right:2px;background:var(--red);color:#fff;font-size:8px;font-weight:700;min-width:14px;height:14px;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:0 3px}.nav-btn:hover{background:#ffffff14;color:#ffffffb3}.nav-btn.active{background:#007bff33;color:var(--blue-solid)}.nav-spacer{flex:1}.avatar-wrap{width:32px;height:32px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.15)}.avatar-wrap img{width:100%;height:100%;object-fit:cover}.hidden{display:none!important}.text-muted{color:var(--muted)}.text-blue{color:var(--blue-solid)}.text-red{color:var(--red)}.text-green{color:var(--green)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flex-1{flex:1}.flex-center{display:flex;align-items:center;justify-content:center}.contact-list{flex:1;overflow-y:auto;padding:4px 0}.contact-list::-webkit-scrollbar{width:3px}.contact-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sec-label{padding:8px 12px 3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--ghost);white-space:nowrap;overflow:hidden}.c-row{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background .1s;position:relative;border-bottom:1px solid var(--border-light)}.c-row:last-child{border-bottom:none}.c-row:hover{background:#f8f9fa}.c-row.active{background:#007bff0f}.c-row.active:before{content:"";position:absolute;left:0;top:15%;bottom:15%;width:3px;background:var(--blue-solid);border-radius:0 3px 3px 0}.c-av{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;position:relative;background:var(--border);color:var(--slate)}.c-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid #fff}.c-dot.on{background:var(--green)}.c-dot.off{background:var(--ghost)}.c-dot.busy{background:var(--red)}.c-info{flex:1;min-width:0}.c-name{font-size:13px;font-weight:400;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-meta{font-size:11px;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic}.c-fav{color:var(--blue-solid);font-size:13px;flex-shrink:0}.invite-tag{padding:2px 7px;background:transparent;color:var(--muted);border-radius:4px;font-size:10px;font-weight:400;flex-shrink:0;font-style:italic}.group-row{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background .1s;border-bottom:1px solid var(--border-light)}.group-row:last-child{border-bottom:none}.group-row:hover{background:#f8f9fa}.group-row.active{background:#007bff0f}.group-av{width:38px;height:38px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.group-type{padding:2px 7px;border-radius:4px;font-size:10px;font-weight:600}.group-type.msg{background:#007bff1a;color:var(--blue-solid)}.group-type.sms{background:#5cbc7526;color:#3a9e57}.subtabs{display:flex;gap:0;padding:8px 10px 0;border-bottom:1px solid var(--border-line);flex-shrink:0;overflow-x:auto}.subtabs::-webkit-scrollbar{display:none}.subtab{padding:6px 10px;font-size:11px;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:all .15s}.subtab.active{color:var(--blue-solid);border-bottom-color:var(--blue-solid)}.hero-card{background:var(--surface);border-bottom:1px solid var(--border-light);padding:20px 24px;display:flex;gap:14px;margin-bottom:0;animation:up .2s ease both}.hero-av-lg{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;flex-shrink:0;position:relative;background:var(--border);color:var(--slate)}.hero-status-dot{position:absolute;bottom:-1px;right:-1px;width:13px;height:13px;border-radius:50%;border:2px solid #fff}.hero-name{font-size:16px;font-weight:600;color:var(--dark)}.hero-loc{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:4px;margin:2px 0 6px;font-style:italic}.status-msg{font-size:12px;color:var(--dark);margin-top:4px}.contact-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.chip{display:flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:400;background:#f8f9fa;color:var(--slate);border:1px solid var(--border)}.action-row{display:flex;gap:10px;margin:16px 24px}.act-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;border-radius:8px;font-size:11px;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all .15s;letter-spacing:.2px}.act-btn.msg-btn{background:var(--blue-solid);color:#fff}.act-btn.msg-btn:hover{background:var(--blue-h)}.act-btn.call-btn{background:var(--border);color:#919191}.act-btn.call-btn:hover{background:#d3d6db;color:var(--dark)}.act-btn.sms-btn{background:var(--border);color:#919191}.act-btn.sms-btn:hover{background:#d3d6db;color:var(--dark)}.card{background:var(--surface);border-top:1px solid var(--border-light);padding:14px 24px;margin-bottom:0;animation:up .2s ease both}.card-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.card-title{font-size:13px;font-weight:600;color:var(--dark);display:flex;align-items:center;gap:6px}.row-item{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--border-light);font-size:12px}.row-item:last-child{border-bottom:none;padding-bottom:0}.row-label{color:var(--muted)}.row-val{color:var(--dark);font-weight:400;text-align:right;max-width:60%}.num-block{margin-bottom:10px}.acc-label{font-size:11px;font-weight:400;color:var(--dark);margin-bottom:6px;padding:6px 10px;background:var(--border);border-radius:6px 6px 0 0}.num-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#f8f9fa;border-radius:var(--radius-sm);margin-bottom:2px}.num-info{flex:1}.num-name{font-size:12px;font-weight:400;color:var(--dark)}.num-detail{font-size:11px;color:var(--muted);margin-top:1px}.sms-chip{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:400;padding:2px 0;color:var(--dark)}.sms-chip.on{color:var(--dark)}.sms-chip.off{color:var(--muted)}.conf-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#f8f9fa;border-radius:var(--radius-sm)}.toggle{width:36px;height:20px;background:var(--ghost);border-radius:10px;position:relative;cursor:pointer;transition:background .2s}.toggle.on{background:var(--blue-solid)}.toggle-knob{position:absolute;top:3px;left:3px;width:14px;height:14px;background:#fff;border-radius:50%;transition:left .2s;box-shadow:0 1px 3px #0003}.toggle.on .toggle-knob{left:19px}.grp-pill{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;background:#f8f9fa;border-radius:var(--radius-sm);margin-bottom:4px;font-size:12px}.grp-name{font-weight:400;color:var(--dark)}.grp-num{font-size:11px;color:var(--muted)}.tag-cloud{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:4px 10px;border-radius:6px;background:#007bff14;color:var(--blue-solid);font-size:11px;font-weight:400}.invite-card{background:#f8f9fa;border-bottom:1px solid var(--border-light);padding:20px 24px;margin-bottom:0;text-align:center;animation:up .2s ease both}.invite-card .hero-av-lg{margin:0 auto 10px}.invite-title{font-size:15px;font-weight:600;color:var(--dark)}.invite-sub{font-size:12px;color:var(--muted);margin:3px 0 12px}.invite-actions{display:flex;gap:8px;justify-content:center}.mem-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface);border-bottom:1px solid var(--border-light);transition:background .1s;cursor:pointer}.mem-row:last-child{border-bottom:none}.mem-row:hover{background:#f8f9fa}.mem-av{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;position:relative;background:var(--border);color:var(--slate)}.mem-info{flex:1}.mem-name{font-size:13px;font-weight:400;color:var(--dark)}.mem-meta{font-size:11px;color:var(--muted);margin-top:1px}.mem-badges{display:flex;gap:5px;align-items:center}.badge-sm{padding:2px 7px;border-radius:4px;font-size:10px;font-weight:600}.badge-conf{background:#007bff1a;color:var(--blue-solid)}.badge-nums{background:#f8f9fa;color:var(--slate);border:1px solid var(--border)}.badge-pending{background:#fffbeb;color:#d97706}.mem-actions{display:flex;gap:4px}.act-icon{width:26px;height:26px;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--border);color:var(--muted);transition:all .12s}.act-icon:hover{background:var(--red-s);color:var(--red);border-color:#f5c6c6}.conf-list-col{width:320px;background:#fff;border-right:1px solid var(--border-light);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.conf-list-hd{padding:16px 14px 12px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.conf-list-title{font-size:16px;font-weight:600;color:var(--dark);display:flex;align-items:center;gap:6px}.conf-add-btn{width:28px;height:28px;border-radius:50%;background:#f8f9fa;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--dark);transition:all .15s}.conf-add-btn:hover{background:var(--blue-solid);color:#fff;border-color:var(--blue-solid)}.conf-search{margin:10px 12px;display:flex;align-items:center;gap:7px;background:var(--border);border-radius:12px;padding:7px 10px}.conf-search input{border:none;background:transparent;font-family:inherit;font-size:12px;color:var(--dark);outline:none;width:100%}.conf-search input::placeholder{color:var(--ghost)}.conf-scroll{flex:1;overflow-y:auto}.conf-scroll::-webkit-scrollbar{width:3px}.conf-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.conf-row{display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;border-bottom:1px solid var(--border-light);transition:background .1s;position:relative}.conf-row:hover{background:#f8f9fa}.conf-row.active{background:#007bff0d}.conf-row.active:before{content:"";position:absolute;left:0;top:15%;bottom:15%;width:3px;background:var(--blue-solid);border-radius:0 3px 3px 0}.conf-row-icon{color:#adb5bd;flex-shrink:0;margin-top:2px}.conf-row-info{flex:1;min-width:0}.conf-row-name{font-size:13px;font-weight:400;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conf-row-time{font-size:11px;color:var(--muted);margin-top:2px;font-style:italic}.conf-status{font-size:10px;font-weight:600;padding:2px 7px;border-radius:4px;flex-shrink:0}.conf-status.ongoing{background:#5cbc7526;color:#2e7d32}.conf-status.upcoming{background:#007bff1a;color:var(--blue-solid)}.conf-status.ended{background:#f8f9fa;color:var(--ghost)}.join-btn{width:40px;height:40px;border-radius:50%;background:var(--border);border:1px solid rgba(128,128,128,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;font-weight:600;color:var(--blue-solid);flex-shrink:0;transition:all .15s;white-space:nowrap}.join-btn:hover{background:var(--blue-solid);color:#fff;border-color:var(--blue-solid)}.join-btn.disabled{color:#80808066;cursor:default}.join-btn.disabled:hover{background:var(--border);color:#80808066}.conf-detail-pane{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff}.conf-detail-hd{padding:14px 20px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.conf-detail-title{font-size:14px;font-weight:600;color:var(--dark)}.conf-detail-actions{display:flex;gap:8px}.conf-detail-body{flex:1;overflow-y:auto;padding:0}.conf-detail-body::-webkit-scrollbar{width:3px}.conf-detail-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.conf-hero{padding:18px 20px;border-bottom:1px solid var(--border-light);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.conf-hero-name{font-size:15px;font-weight:600;color:var(--dark);display:flex;align-items:center;gap:8px}.conf-hero-time{font-size:12px;color:var(--muted);margin-top:6px}.conf-hero-time span{font-weight:600;color:var(--dark)}.conf-hero-status{font-size:12px;font-weight:600;margin-top:6px}.conf-hero-status.upcoming{color:var(--blue-solid)}.conf-hero-status.ongoing{color:#2e7d32}.conf-hero-status.ended{color:var(--muted)}.conf-detail-row{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border-light);font-size:13px}.conf-detail-row-label{color:var(--dark);font-weight:400}.conf-detail-row-val{color:var(--muted)}.conf-members-hd{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 6px;border-bottom:1px solid var(--border-light)}.conf-members-count{font-size:13px;font-weight:400;color:var(--dark)}.conf-member-row{display:flex;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid var(--border-light);transition:background .1s}.conf-member-row:hover{background:#f8f9fa}.conf-member-av{width:38px;height:38px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:400;flex-shrink:0;position:relative;color:var(--muted)}.conf-member-info{flex:1;min-width:0}.conf-member-name{font-size:13px;font-weight:400;color:var(--dark)}.conf-member-meta{font-size:11px;color:var(--muted);margin-top:1px}.conf-member-status{font-size:11px;font-weight:600}.conf-member-status.accepted{color:#2e7d32}.conf-member-status.rejected{color:var(--red)}.conf-member-status.pending{color:var(--blue-solid)}.conf-form-pane{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:12px}.conf-form-hd{padding:14px 20px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.conf-form-title{font-size:14px;font-weight:600;color:var(--dark)}.conf-form-done{font-size:13px;font-weight:600;color:var(--blue-solid);cursor:pointer;padding:4px 8px;border-radius:5px;transition:background .12s}.conf-form-done:hover{background:#007bff14}.conf-form-body{flex:1;overflow-y:auto;padding:0}.conf-form-body::-webkit-scrollbar{width:3px}.cf-row{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;border-bottom:1px solid var(--border-light)}.cf-row-label{font-size:13px;color:var(--dark);font-weight:400}.cf-row-val{font-size:13px;color:var(--blue-solid);display:flex;align-items:center;gap:6px}.cf-row-val select,.cf-row-val input[type=text],.cf-row-val input[type=datetime-local]{border:none;font-family:inherit;font-size:13px;color:var(--blue-solid);background:transparent;outline:none;text-align:right}.cf-subject-wrap{padding:4px 20px 8px;border-bottom:1px solid var(--border-light)}.cf-subject-label{font-size:10px;color:var(--muted);margin-bottom:2px}.cf-subject-input{width:100%;border:none;border-bottom:1px solid #000;padding:4px 0;font-family:inherit;font-size:13px;color:var(--dark);outline:none;background:transparent}.cf-subject-input:focus{border-bottom-color:var(--blue-solid)}.cf-check-row,.cf-members-row{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border-light)}.cf-add-icon{width:26px;height:26px;border-radius:50%;background:transparent;border:none;color:var(--blue-solid);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.cf-mem-row{display:flex;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid var(--border-light)}.cf-mem-remove{width:20px;height:20px;border-radius:50%;background:var(--red);border:none;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.cf-mem-status{font-size:11px;font-weight:600;margin-left:auto}.cf-mem-status.accepted{color:#2e7d32}.cf-mem-status.rejected{color:var(--red)}.cf-mem-status.pending{color:var(--blue-solid)}.cf-delete-btn{margin:20px auto;display:block;padding:8px 28px;border:1.5px solid var(--red);background:#fff;color:var(--red);border-radius:6px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.cf-delete-btn:hover{background:var(--red);color:#fff}.conf-join-overlay{position:fixed;inset:0;background:#00000080;z-index:200;display:flex;align-items:center;justify-content:center}.conf-join-card{background:#fff;border-radius:12px;width:420px;overflow:hidden;box-shadow:0 8px 40px #0003}.conf-join-hd{background:var(--blue-solid);padding:20px 24px;color:#fff}.conf-join-name{font-size:16px;font-weight:600}.conf-join-time{font-size:12px;opacity:.85;margin-top:4px}.conf-join-body{padding:24px}.conf-join-stat{display:flex;align-items:center;gap:12px;margin-bottom:14px}.conf-join-stat-icon{width:40px;height:40px;border-radius:50%;background:#007bff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.conf-join-label{font-size:12px;color:var(--muted)}.conf-join-val{font-size:14px;font-weight:600;color:var(--dark);margin-top:1px}.conf-join-divider{height:1px;background:var(--border-light);margin:16px 0}.conf-join-footer{display:flex;gap:10px;justify-content:flex-end;padding:0 24px 20px}.conf-icon{width:34px;height:34px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.conf-icon.ongoing{background:#22c55e1a;color:var(--green)}.conf-icon.upcoming{background:#007bff14;color:var(--blue-solid)}.conf-icon.ended{background:var(--bg);color:var(--ghost)}.conf-info{flex:1;min-width:0}.conf-name{font-size:12px;font-weight:600;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conf-meta{font-size:10px;color:var(--muted);margin-top:2px}.conf-right{display:flex;flex-direction:column;align-items:flex-end}.conf-badge{font-size:9px;font-weight:700;padding:2px 7px;border-radius:6px}.conf-badge.ongoing{background:#22c55e1f;color:#16a34a}.conf-badge.upcoming{background:var(--blue-s);color:var(--blue-solid)}.conf-badge.ended{background:var(--bg);color:var(--muted)}.conf-detail-meta{font-size:11px;color:var(--muted)}.cl-list{width:280px;background:var(--panel);border-right:1px solid var(--border-line);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.cl-hd{padding:16px 14px 12px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.cl-hd-title{font-size:16px;font-weight:700;color:var(--dark)}.cl-hd-btns{display:flex;gap:6px;align-items:center}.cl-search{margin:10px 10px 0;display:flex;align-items:center;gap:7px;background:var(--border);border-radius:12px;padding:7px 10px}.cl-search input{border:none;background:transparent;font-family:inherit;font-size:12px;color:var(--dark);outline:none;width:100%}.cl-search input::placeholder{color:var(--ghost)}.cl-tabs{display:flex;margin:10px 10px 0;border:1px solid var(--blue-solid);border-radius:6px;overflow:hidden}.cl-tab{flex:1;padding:6px 4px;text-align:center;font-size:11px;font-weight:600;cursor:pointer;color:var(--blue-solid);background:#fff;border-right:1px solid var(--blue-solid);transition:all .15s}.cl-tab:last-child{border-right:none}.cl-tab.active{background:var(--blue-solid);color:#fff}.cl-subtabs{display:flex;padding:8px 10px 0;border-bottom:1px solid var(--border-line);flex-shrink:0;overflow-x:auto}.cl-subtabs::-webkit-scrollbar{display:none}.cl-stab{padding:6px 10px;font-size:11px;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:all .15s}.cl-stab.active{color:var(--blue-solid);border-bottom-color:var(--blue-solid)}.cl-log{flex:1;overflow-y:auto}.cl-log::-webkit-scrollbar{width:3px}.cl-log::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.cl-day{padding:7px 12px 3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--ghost);background:var(--bg);border-bottom:1px solid var(--border-light)}.cl-row{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;transition:background .1s;border-bottom:1px solid var(--border-light);position:relative}.cl-row:hover{background:#f8f9fa}.cl-row.active{background:#007bff0f}.cl-row.active:before{content:"";position:absolute;left:0;top:15%;bottom:15%;width:3px;background:var(--blue-solid);border-radius:0 3px 3px 0}.cl-av{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cl-av.out{background:#eef2ff;color:#4f6ddb}.cl-av.in{background:var(--green-s);color:#3a9e57}.cl-av.missed{background:var(--red-s);color:var(--red)}.cl-info{flex:1;min-width:0}.cl-name{font-size:13px;font-weight:500;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-name.missed{color:var(--red)}.cl-meta{font-size:11px;color:var(--muted);margin-top:2px;display:flex;align-items:center;gap:5px}.cl-badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0}.cl-badge.out{background:#eef2ff;color:#4f6ddb}.cl-badge.in{background:var(--green-s);color:#3a9e57}.cl-badge.missed{background:var(--red-s);color:var(--red)}.cl-time{font-size:11px;color:var(--ghost);flex-shrink:0;white-space:nowrap}.cl-dur{font-size:10px;color:var(--ghost);font-style:italic}.cl-cnt{min-width:17px;height:17px;border-radius:8px;background:var(--red);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px;border:1.5px solid #fff}.cl-del-btn{width:20px;height:20px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:all .15s;animation:up .15s ease both}.cl-del-btn:hover{background:#dc2626;transform:scale(1.1)}.cl-main{flex:1;display:flex;overflow:hidden}.cl-detail{flex:1;display:flex;flex-direction:column;overflow-y:auto}.cl-detail::-webkit-scrollbar{width:3px}.cl-detail::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.cl-topbar{height:52px;background:var(--surface);border-bottom:1px solid var(--border-light);display:flex;align-items:center;padding:0 20px;gap:10px;flex-shrink:0}.cl-hero{background:var(--surface);border-bottom:1px solid var(--border-light);padding:18px 24px;display:flex;gap:14px;flex-shrink:0;animation:up .2s ease both}.cl-hero-av{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:600;flex-shrink:0}.cl-hero-name{font-size:16px;font-weight:600;color:var(--dark)}.cl-hero-sub{font-size:11px;color:var(--muted);margin:3px 0 10px;font-style:italic}.cl-acts{display:flex;gap:8px}.cl-act{display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 14px;border-radius:8px;font-size:11px;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all .15s;min-width:68px}.cl-act.blue{background:var(--blue-solid);color:#fff}.cl-act.blue:hover{background:var(--blue-h)}.cl-act.grey{background:var(--border);color:#919191}.cl-act.grey:hover{background:#d3d6db;color:var(--dark)}.cl-act.red{background:var(--red-s);color:var(--red);border:1px solid #f5c6c6}.cl-act.red:hover{background:#fdecea}.cl-hist{flex:1;overflow-y:auto}.cl-hist::-webkit-scrollbar{width:3px}.cl-hist::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.cl-hist-grp{padding:8px 24px 4px;font-size:11px;font-weight:700;color:var(--dark);background:var(--bg);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.cl-hist-row{display:flex;align-items:center;gap:12px;padding:11px 24px;border-bottom:1px solid var(--border-light);transition:background .1s}.cl-hist-row:hover{background:#f8f9fa}.cl-hist-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cl-hist-icon.in{background:var(--green-s);color:#3a9e57}.cl-hist-icon.out{background:#eef2ff;color:#4f6ddb}.cl-hist-icon.missed{background:var(--red-s);color:var(--red)}.cl-hist-info{flex:1}.cl-hist-acct{font-size:13px;font-weight:500;color:var(--dark)}.cl-hist-num{font-size:11px;color:var(--muted);margin-top:1px}.cl-hist-right{text-align:right;min-width:90px}.cl-hist-type{font-size:12px;font-weight:600;color:var(--slate)}.cl-hist-type.missed{color:var(--red)}.cl-hist-time{font-size:11px;color:var(--muted);margin-top:1px;font-style:italic}.cl-hist-dur{font-size:10px;color:var(--ghost);margin-top:1px}.cl-hist-acts{display:flex;gap:4px;margin-left:8px;opacity:0;transition:opacity .15s}.cl-hist-row:hover .cl-hist-acts{opacity:1}.cl-sidebar{width:224px;border-left:1px solid var(--border-light);background:var(--surface);overflow-y:auto;flex-shrink:0}.cl-sidebar::-webkit-scrollbar{width:3px}.cl-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.cl-sb-sec{padding:12px 14px;border-bottom:1px solid var(--border-light)}.cl-sb-title{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px}.cl-num-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background .1s;margin-bottom:2px}.cl-num-row:hover{background:#f8f9fa}.cl-num-icon{width:28px;height:28px;border-radius:50%;background:#007bff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cl-num-text{flex:1;min-width:0}.cl-num-val{font-size:12px;font-weight:500;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-num-lbl{font-size:10px;color:var(--muted)}.cl-num-call{width:22px;height:22px;border-radius:50%;background:var(--blue-solid);display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transition:opacity .15s}.cl-num-row:hover .cl-num-call{opacity:1}.cl-route-sel{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:11px;color:var(--dark);background:#fff;outline:none}.cl-tag{display:inline-flex;padding:2px 8px;background:#007bff14;color:var(--blue-solid);border-radius:20px;font-size:10px;margin:2px 2px 2px 0}.cl-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--ghost)}.cs-pane{position:fixed;top:0;left:var(--sidebar-w);right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;gap:6px;padding:40px 20px;z-index:200;animation:csFadeIn .3s ease both}.cs-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;margin-bottom:6px;border:3px solid var(--border-light)}.cs-name{font-size:20px;font-weight:700;color:var(--dark);margin-bottom:2px}.cs-info-line{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin:2px 0}.cs-info-line svg{stroke:var(--muted);flex-shrink:0}.cs-status{font-size:13px;color:var(--muted);margin:6px 0 28px;min-height:20px}.cs-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.cs-status-dot.connecting{background:var(--amber);animation:csPulse 1.2s infinite}.cs-status-dot.ringing{background:var(--blue-solid);animation:csPulse 1s infinite}.cs-status-dot.connected{background:var(--green)}.cs-timer{color:var(--green);font-weight:700;font-variant-numeric:tabular-nums;font-size:16px}.cs-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 40px;margin-bottom:36px}.cs-ctrl-btn{display:flex;flex-direction:column;align-items:center;gap:7px;background:transparent;border:none;color:var(--slate);font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;padding:6px 12px;border-radius:10px}.cs-ctrl-btn:hover{background:var(--bg)}.cs-ctrl-btn.active{color:var(--blue-solid)}.cs-ctrl-btn.active .cs-ctrl-icon{background:var(--blue-s);border-color:var(--blue-m);color:var(--blue-solid)}.cs-ctrl-icon{width:54px;height:54px;border-radius:50%;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all .15s;background:#fff;color:var(--slate)}.cs-ctrl-btn:hover .cs-ctrl-icon{background:var(--bg);border-color:var(--border-line)}.cs-end-btn{width:56px;height:56px;border-radius:50%;background:#ef4444;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;box-shadow:0 4px 16px #ef44444d}.cs-end-btn:hover{background:#dc2626;transform:scale(1.06);box-shadow:0 6px 24px #ef444466}@keyframes csFadeIn{0%{opacity:0}to{opacity:1}}@keyframes csPulse{0%,to{opacity:1}50%{opacity:.4}}.acb{display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#1c2340;color:#fff;border-radius:14px;padding:10px 16px;box-shadow:0 8px 32px #00000059;z-index:500;gap:12px;align-items:center;min-width:400px;animation:slideUp .2s ease}.acb.show{display:flex}.acb-av{width:34px;height:34px;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.acb-info{flex:1}.acb-name{font-size:13px;font-weight:600;white-space:nowrap}.acb-stat{font-size:11px;color:#94a3b8;display:flex;align-items:center;gap:5px;margin-top:1px}.acb-pulse{width:6px;height:6px;border-radius:50%;background:#4ade80;animation:acbp 1.4s infinite}.acb-timer{font-size:13px;font-weight:700;color:#90cdf4;font-variant-numeric:tabular-nums}.acb-btn{width:33px;height:33px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.acb-ctrl{background:#ffffff1f;color:#fff}.acb-ctrl:hover{background:#ffffff38}.acb-ctrl.on{background:#facc15d9;color:#1c2340}.acb-end{background:#ef4444;color:#fff;width:38px;height:38px}.acb-end:hover{background:#dc2626}@keyframes acbp{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(14px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.sel-num-modal{display:none;position:fixed;inset:0;background:#0006;z-index:300;align-items:center;justify-content:center}.sel-num-modal.show{display:flex}.sel-num-card{background:#fff;border-radius:12px;width:340px;overflow:hidden;box-shadow:0 20px 60px #0003;animation:up .18s ease both}.sel-num-hd{padding:14px 18px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.sel-num-grp{padding:5px 18px;font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;background:var(--bg);border-bottom:1px solid var(--border-light)}.sel-num-item{display:flex;align-items:center;gap:12px;padding:11px 18px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .1s}.sel-num-item:last-child{border-bottom:none}.sel-num-item:hover{background:#f8f9fa}.sel-num-item-icon{width:36px;height:36px;border-radius:50%;background:#007bff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--blue-solid)}.dp-modal{display:none;position:fixed;inset:0;background:#0006;z-index:300;align-items:center;justify-content:center}.dp-modal.show{display:flex}.dp-card{background:#fff;border-radius:14px;width:296px;padding:20px;box-shadow:0 20px 60px #0003;animation:up .18s ease both}.dp-display{background:#f8f9fa;border-radius:8px;padding:10px 14px;font-size:22px;font-weight:500;letter-spacing:3px;text-align:center;min-height:50px;color:var(--dark);font-variant-numeric:tabular-nums;margin-bottom:14px}.dp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.dp-k{height:52px;border-radius:8px;background:#f8f9fa;border:none;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transition:all .1s}.dp-k:hover{background:var(--border)}.dp-k:active{transform:scale(.94)}.dp-kn{font-size:20px;font-weight:400;color:var(--dark);line-height:1}.dp-ks{font-size:8px;font-weight:700;letter-spacing:.8px;color:var(--muted)}.dp-del{height:52px;border-radius:8px;background:var(--red-s);border:none;color:var(--red);font-size:18px;cursor:pointer;transition:all .1s;display:flex;align-items:center;justify-content:center}.dp-del:hover{background:#fcd5d4}.dp-call{width:100%;height:46px;background:var(--green);border:none;border-radius:8px;color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:all .15s}.dp-call:hover{background:#4aaa64}.dcm{display:none;position:fixed;inset:0;background:#0006;z-index:400;align-items:center;justify-content:center}.dcm.show{display:flex}.dcm-box{background:#fff;border-radius:12px;padding:22px 20px 16px;width:280px;text-align:center;box-shadow:0 20px 60px #0003}.dcm-msg{font-size:14px;color:var(--dark);line-height:1.5;margin-bottom:18px}.dcm-btns{display:flex;justify-content:center;gap:28px}.dcm-btn{background:transparent;border:none;font-family:inherit;font-size:14px;font-weight:600;color:var(--blue-solid);cursor:pointer;padding:4px 12px}.cl-dp-key{background:#fff;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;padding:12px 0;transition:background .1s;font-family:inherit}.cl-dp-key:hover{background:#f8f9fa}.cl-dp-key:active{transform:scale(.94)}.cl-dp-bdr{border-right:1px solid var(--border-light)}.cl-dp-top{border-top:1px solid var(--border-light)}.cl-dp-num{font-size:22px;font-weight:300;color:var(--dark);line-height:1}.cl-dp-sub{font-size:8px;font-weight:700;letter-spacing:.8px;color:var(--muted)}.mw{display:flex;flex:1;height:100%;overflow:hidden}app-message-thread{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}app-message-right-sidebar{display:contents}.ml{width:300px;background:#fff;border-right:1px solid var(--border-line);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.ml-hd{padding:14px 14px 10px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.ml-title{font-size:16px;font-weight:700;color:var(--dark)}.ml-acts{display:flex;gap:5px;align-items:center}.ml-search{margin:8px 10px 0;display:flex;align-items:center;gap:7px;background:#eef0f3;border-radius:20px;padding:7px 12px;flex-shrink:0}.ml-search input{border:none;background:transparent;font-family:inherit;font-size:12px;color:var(--dark);outline:none;width:100%}.ml-search input::placeholder{color:var(--ghost)}.ml-tabs{display:flex;margin:8px 10px 6px;border:1.5px solid var(--blue-solid);border-radius:6px;overflow:hidden;flex-shrink:0}.ml-tab{flex:1;padding:6px 3px;text-align:center;font-size:11px;font-weight:700;cursor:pointer;color:var(--blue-solid);background:#fff;border-right:1.5px solid var(--blue-solid);transition:all .15s;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:3px;text-decoration:none}.ml-tab:last-child{border-right:none}.ml-tab.active{background:var(--blue-solid);color:#fff}.ml-tab.active .ml-badge{background:#fff;color:var(--blue-solid)}.ml-badge{display:inline-flex;min-width:16px;height:16px;border-radius:8px;background:#e74c3c;color:#fff;font-size:8px;font-weight:700;align-items:center;justify-content:center;padding:0 3px}.ml-acc-bar{padding:0 10px 6px;flex-shrink:0}.ml-acc-sel{width:100%;padding:7px 10px;border:1px solid var(--border-line);border-radius:6px;font-family:inherit;font-size:12px;color:var(--dark);background:#fff;outline:none;cursor:pointer}.ml-list{flex:1;overflow-y:auto}.ml-list::-webkit-scrollbar{width:3px}.ml-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.ml-row{display:flex;align-items:center;gap:10px;padding:11px 12px;cursor:pointer;transition:background .1s;border-bottom:1px solid var(--border-light);position:relative}.ml-row:hover{background:#f8f9fa}.ml-row:hover .ml-del{opacity:1}.ml-row.active{background:#007bff0f}.ml-row.active:before{content:"";position:absolute;left:0;top:15%;bottom:15%;width:3px;background:var(--blue-solid);border-radius:0 3px 3px 0}.ml-av{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;background:#e4e6eb;color:#9098a3}.ml-av-sms{font-size:10px;font-weight:700;letter-spacing:.3px}.ml-av-vm{background:#f0f0f0;color:#888}.ml-row-body{flex:1;min-width:0}.ml-row-name{font-size:13px;font-weight:600;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml-row-prev{font-size:11px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml-row-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.ml-row-time{font-size:10px;color:var(--ghost);white-space:nowrap}.ml-row-time.it{font-style:italic}.ml-unread{min-width:18px;height:18px;border-radius:9px;background:#e74c3c;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}.ml-del{opacity:0;width:24px;height:24px;border-radius:4px;border:none;background:transparent;cursor:pointer;color:var(--muted);display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0}.ml-del:hover{background:var(--red-s);color:var(--red)}.vm-minus{display:none;width:20px;height:20px;border-radius:50%;background:#e74c3c;border:none;color:#fff;font-size:18px;font-weight:300;cursor:pointer;align-items:center;justify-content:center;flex-shrink:0;line-height:.8;padding:0}.vm-edit-mode .vm-minus{display:flex}.vm-del-all{display:none;padding:5px 12px;border-bottom:1px solid var(--border-light);flex-shrink:0}.vm-del-all.show{display:block}.mc{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff}.mc-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--ghost)}.mc-topbar{height:52px;background:#fff;border-bottom:1px solid var(--border-light);display:flex;align-items:center;padding:0 16px;gap:10px;flex-shrink:0}.mc-topbar-av{width:34px;height:34px;border-radius:50%;background:#e4e6eb;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.mc-topbar-name{font-size:14px;font-weight:600;color:var(--dark)}.mc-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column}.mc-body::-webkit-scrollbar{width:3px}.mc-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.msg-date-div{text-align:center;margin:8px 0 14px}.msg-date-pill{background:#e9ecef;color:var(--muted);font-size:11px;font-weight:500;padding:4px 16px;border-radius:20px;display:inline-block}.msg-item{display:flex;align-items:flex-end;gap:8px;margin-bottom:14px}.msg-item.sent{flex-direction:row-reverse}.msg-item.sent .msg-bubble-col{align-items:flex-end}.msg-item.recv .msg-bubble-col{align-items:flex-start}.msg-item.sent .msg-bubble-row{flex-direction:row-reverse}.msg-item.sent .bubble{background:var(--blue-solid);color:#fff;border-radius:16px 16px 2px}.msg-item.recv .bubble{background:#f0f2f5;color:var(--dark);border-radius:16px 16px 16px 2px}.msg-item.sent .bmenu{right:0}.msg-item.recv .bmenu{left:0}.msg-item.sent .msg-ts{text-align:right}.msg-item:hover .bmenu-btn{opacity:1}.msg-item-av{width:28px;height:28px;border-radius:50%;background:#e4e6eb;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:#9098a3;flex-shrink:0}.msg-bubble-col{display:flex;flex-direction:column;max-width:65%}.msg-sender-lbl{font-size:10px;color:var(--muted);margin-bottom:3px;padding:0 4px}.msg-bubble-row{display:flex;align-items:center;gap:5px;position:relative}.bubble{padding:10px 14px;font-size:13px;line-height:1.45;word-break:break-word}.msg-ticks{display:flex;justify-content:flex-end;margin-top:5px;opacity:.75}.msg-ts{font-size:10px;color:var(--muted);margin-top:3px;padding:0 4px}.bmenu-btn{opacity:0;width:22px;height:22px;border-radius:50%;border:none;background:#e9ecef;cursor:pointer;color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;line-height:1;transition:opacity .15s;flex-shrink:0;padding:0}.bmenu-btn:hover{background:var(--border)}.bmenu-wrap{position:relative}.bmenu{position:absolute;top:calc(100% + 4px);background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000001f;z-index:50;min-width:130px;overflow:hidden;display:none}.bmenu.show{display:block}.bmenu-item{display:flex;align-items:center;gap:8px;padding:9px 14px;font-size:12px;color:var(--dark);cursor:pointer;transition:background .1s;white-space:nowrap;border:none;background:transparent;font-family:inherit;width:100%;text-align:left}.bmenu-item:hover{background:#f8f9fa}.bmenu-item.danger{color:var(--red)}.mc-compose{border-top:1px solid var(--border-light);padding:10px 16px;display:flex;align-items:center;gap:8px;flex-shrink:0;background:#fff}.compose-plus-btn{width:34px;height:34px;border-radius:50%;border:2px solid var(--blue-solid);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--blue-solid);flex-shrink:0;font-size:22px;font-weight:300;line-height:1;transition:all .15s}.compose-plus-btn:hover{background:var(--blue-solid);color:#fff}.compose-att-row{display:flex;gap:8px;padding:2px 0 6px}.compose-att-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);transition:all .15s}.compose-att-btn:hover{background:var(--blue-s);color:var(--blue-solid)}.compose-field{flex:1;border:1px solid var(--border);border-radius:20px;padding:8px 14px;font-family:inherit;font-size:13px;color:var(--dark);outline:none;background:#fff;resize:none;line-height:1.4;min-height:36px;max-height:100px}.compose-field:focus{border-color:var(--blue-solid)}.compose-field::placeholder{color:var(--ghost)}.compose-mic-btn{width:34px;height:34px;border-radius:50%;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .15s}.compose-mic-btn:hover{background:var(--blue-s)}.mr{width:236px;border-left:1px solid var(--border-light);background:var(--surface);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.mr::-webkit-scrollbar{width:3px}.mr::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.mr-sec{padding:12px 14px;border-bottom:1px solid var(--border-light)}.mr-sec-title{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px}.mr-mem-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--border-light)}.mr-mem-row:last-child{border-bottom:none}.mr-mem-av{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;flex-shrink:0}.mr-admin-tag{font-size:9px;font-weight:700;color:var(--blue-solid);background:#007bff1a;padding:1px 5px;border-radius:3px;margin-left:3px}.mr-pending{font-size:10px;font-weight:600;color:var(--red)}.vm-player{background:#f8f9fa;border-radius:8px;padding:12px 10px}.vm-play-btn{width:32px;height:32px;border-radius:50%;background:var(--blue-solid);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:all .15s}.vm-play-btn:hover{background:var(--blue-h)}.vm-prog{flex:1;height:4px;background:var(--border);border-radius:2px;cursor:pointer;position:relative}.vm-prog-fill{height:100%;background:var(--blue-solid);border-radius:2px;width:0%;transition:width .2s}.msg-ov{display:none;position:fixed;inset:0;background:#0006;z-index:300;align-items:center;justify-content:center}.msg-ov.show{display:flex}.msg-cfm{background:#fff;border-radius:12px;padding:22px 20px 16px;width:290px;text-align:center;box-shadow:0 20px 60px #0003}.msg-cfm-txt{font-size:14px;color:var(--dark);line-height:1.5;margin-bottom:18px}.msg-cfm-btns{display:flex;justify-content:center;gap:28px}.msg-cfm-btn-c{background:transparent;border:none;font-family:inherit;font-size:14px;font-weight:600;color:var(--blue-solid);cursor:pointer;padding:4px 12px}.msg-info-card{background:#fff;border-radius:12px;width:320px;padding:18px;box-shadow:0 20px 60px #0003}.nm-card{background:#fff;border-radius:12px;width:460px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;animation:up .18s ease both;overflow:hidden}.nm-hd{padding:13px 18px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.nm-to-row{padding:8px 18px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:6px;flex-shrink:0}.nm-tabs{display:flex;border-bottom:1px solid var(--border-light);flex-shrink:0}.nm-tab{flex:1;padding:9px 4px;text-align:center;font-size:11px;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.nm-tab.active{color:var(--blue-solid);border-bottom-color:var(--blue-solid)}.nm-body{flex:1;overflow-y:auto}.nm-crow{display:flex;align-items:center;gap:10px;padding:10px 18px;cursor:pointer;border-bottom:1px solid var(--border-light);transition:background .1s}.nm-crow:hover{background:#f8f9fa}.nm-cav{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.cg-card{background:#fff;border-radius:12px;width:400px;overflow:hidden;box-shadow:0 20px 60px #0003;animation:up .18s ease both}.cg-hd{padding:13px 18px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.cg-av-wrap{display:flex;flex-direction:column;align-items:center;padding:20px 18px 14px}.cg-av{width:68px;height:68px;border-radius:50%;background:#e8f0fe;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;font-size:22px;font-weight:600;color:#4a90d9}.cg-cam{position:absolute;bottom:0;right:0;width:22px;height:22px;border-radius:50%;background:var(--blue-solid);border:2px solid #fff;display:flex;align-items:center;justify-content:center}.cg-row{padding:12px 18px;border-top:1px solid var(--border-light)}.cg-label{font-size:11px;color:var(--muted);margin-bottom:6px;font-weight:600}.cg-input{width:100%;border:none;border-bottom:1.5px solid var(--border);padding:6px 0;font-family:inherit;font-size:13px;color:var(--dark);outline:none;background:transparent;box-sizing:border-box}.cg-input:focus{border-bottom-color:var(--blue-solid)}.cg-err{font-size:11px;color:var(--red);margin-top:4px;display:none}.cg-radio-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;cursor:pointer;font-size:13px;color:var(--dark)}.cg-radio-row input[type=radio]{accent-color:var(--blue-solid)}.accounts-view{flex:1;display:flex;overflow:hidden}.acc-list-col{width:280px;border-right:1px solid var(--border-light);background:var(--surface);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.acc-list-hd{padding:16px 14px 12px;border-bottom:1px solid var(--border-light);flex-shrink:0}.acc-list-title{font-weight:600;font-size:15px;color:var(--dark);display:flex;align-items:center;justify-content:space-between}.acc-list-scroll{flex:1;overflow-y:auto}.acc-list-scroll::-webkit-scrollbar{width:3px}.acc-list-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.acc-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:all .12s;border-bottom:1px solid var(--border-light);position:relative}.acc-item:last-child{border-bottom:none}.acc-item:hover{background:var(--bg)}.acc-item.active{background:#007bff0f}.acc-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--blue-solid);border-radius:0 3px 3px 0}.acc-icon{width:40px;height:40px;border-radius:10px;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.acc-icon img{width:100%;height:100%;object-fit:cover}.acc-item-name{font-size:13px;font-weight:700;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acc-item-sub{font-size:11px;color:var(--muted);margin-top:1px}.act-pill{padding:3px 8px;border-radius:20px;font-size:10px;font-weight:600;flex-shrink:0}.act-pill.active{background:#5cbc7526;color:#3a9e57}.act-pill.activate{background:transparent;color:var(--blue-solid);border:1px solid var(--blue-solid);cursor:pointer;border-radius:6px}.act-pill.activate:hover{background:var(--blue-solid);color:#fff}.admin-dot{position:absolute;top:6px;right:6px;width:16px;height:16px;background:var(--blue-solid);border-radius:50%;display:flex;align-items:center;justify-content:center}.acc-detail{flex:1;height:100%;overflow:auto;display:flex;flex-direction:column}.acc-detail::-webkit-scrollbar{width:3px}.acc-detail::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.acc-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-light);padding:0 20px;background:var(--surface);flex-shrink:0}.acc-tab{padding:13px 14px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;white-space:nowrap}.acc-tab:hover{color:var(--slate)}.acc-tab.active{color:var(--blue-solid);border-bottom-color:var(--blue-solid)}.sub-view{display:none;flex:1;padding:20px 24px;overflow-y:auto;animation:up .15s ease both;min-height:0}.sub-view.active{display:flex;flex-direction:column;flex:1;overflow-y:auto}.sub-view::-webkit-scrollbar{width:3px}.sub-view::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-grid .card{margin-bottom:0}.member-list-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.member-count{font-size:12px;color:var(--muted);font-weight:400;margin-left:6px}.numbers-tabs{display:flex;border:1px solid var(--blue-solid);border-radius:6px;overflow:hidden;gap:0;margin-bottom:14px;width:-moz-fit-content;width:fit-content}.num-tab{padding:5px 16px;font-size:12px;font-weight:600;cursor:pointer;color:var(--blue-solid);background:#fff;transition:all .15s;border-right:1px solid var(--blue-solid)}.num-tab:last-child{border-right:none}.num-tab.active{background:var(--blue-solid);color:#fff}.num-card{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .1s}.num-card:hover{background:#f8f9fa}.num-av{width:38px;height:38px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.num-card-name{font-size:13px;font-weight:400;color:var(--dark)}.num-card-detail{font-size:11px;color:var(--muted);margin-top:1px}.num-card-right{display:flex;gap:6px;align-items:center;margin-left:auto}.shared-tag{padding:2px 7px;background:#007bff1a;color:var(--blue-solid);border-radius:4px;font-size:10px;font-weight:600}.plan-section-label{font-size:11px;font-weight:600;color:var(--muted);margin-bottom:8px;margin-top:16px}.plan-section-label:first-of-type{margin-top:0}.plan-card{display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--surface);border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .1s}.plan-card:hover{background:#f8f9fa}.plan-icon{width:36px;height:36px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.plan-name{font-size:13px;font-weight:400;color:var(--dark)}.plan-price{font-size:11px;color:var(--muted);margin-top:1px}.plan-qty{margin-left:auto;width:26px;height:26px;background:#f8f9fa;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--dark)}.plan-add{width:26px;height:26px;background:#007bff1a;border-radius:5px;display:flex;align-items:center;justify-content:center;color:var(--blue-solid);cursor:pointer;transition:all .12s}.plan-add:hover{background:var(--blue-solid);color:#fff}.cart-btn{display:flex;align-items:center;gap:6px;padding:7px 16px;background:var(--blue-solid);color:#fff;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all .15s}.cart-btn:hover{background:var(--blue-h)}.usage-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px}.usage-card{background:var(--surface);border:1px solid var(--border-light);border-radius:8px;padding:14px;box-shadow:0 1px 4px #0000000f}.usage-label{font-size:11px;font-weight:600;color:var(--muted);margin-bottom:8px}.usage-nums{display:flex;align-items:baseline;gap:4px;margin-bottom:6px}.usage-val{font-size:20px;font-weight:700;color:var(--dark)}.usage-total{font-size:12px;color:var(--muted)}.usage-bar{height:4px;background:var(--border);border-radius:3px;overflow:hidden}.usage-fill{height:100%;border-radius:3px;transition:width .4s ease}.usage-fill.blue{background:var(--blue-solid)}.usage-fill.green{background:var(--green)}.usage-fill.amber{background:#f59e0b}.usage-fill.red{background:var(--red)}.usage-plans{font-size:10px;color:var(--muted);margin-top:5px}.ext-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface);border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .1s}.ext-row:last-child{border-bottom:none}.ext-row:hover{background:#f8f9fa}.consent-tag{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;flex-shrink:0}.consent-tag.yes{background:#5cbc7526;color:#3a9e57}.consent-tag.no{background:#e555521f;color:#c0392b}.consent-tag.pending{background:#fffbeb;color:#d97706}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.f-field{display:flex;flex-direction:column;gap:4px}.f-field.span2{grid-column:1/-1}.f-label{font-size:11px;font-weight:600;color:var(--slate)}.f-req{color:var(--red)}.f-input{width:100%;padding:7px 11px;border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:12px;color:var(--dark);outline:none;transition:border .15s;background:#fff}.f-input:focus{border-color:var(--blue-solid);box-shadow:0 0 0 3px #007bff14}.f-input::placeholder{color:var(--ghost)}.f-select{width:100%;padding:7px 28px 7px 11px;border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:12px;color:var(--dark);background:#fff;outline:none;appearance:none}.f-select:focus{border-color:var(--blue-solid)}.form-section{margin-bottom:20px}.form-sec-hd{display:flex;align-items:center;gap:8px;padding:9px 14px;background:var(--border);border-radius:6px;margin-bottom:12px}.form-sec-icon{width:20px;height:20px;border-radius:4px;background:#007bff1a;display:flex;align-items:center;justify-content:center;color:var(--blue-solid)}.form-sec-label{font-size:12px;font-weight:600;color:var(--dark)}.form-footer{display:flex;justify-content:flex-end;gap:8px;padding-top:18px;border-top:1px solid var(--border-light);margin-top:4px}.f-wrap{display:flex;align-items:center;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:#fff;transition:border .15s}.f-wrap:focus-within{border-color:var(--blue-solid);box-shadow:0 0 0 3px #007bff14}.f-wrap .f-input{border:none;box-shadow:none;border-radius:0;flex:1}.f-wrap .f-input:focus{border:none;box-shadow:none}.f-addon{padding:0 10px;font-size:12px;color:var(--slate);background:var(--panel);border-right:1px solid var(--border);white-space:nowrap;display:flex;align-items:center;height:100%}.modal-overlay{position:fixed;inset:0;background:#0f172a73;z-index:200;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .15s ease}.modal-card{background:#fff;border-radius:12px;width:360px;overflow:hidden;box-shadow:0 20px 60px #0003;animation:up .18s ease both}.modal-hd{padding:14px 18px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:14px;font-weight:600;color:var(--dark)}.modal-body{padding:16px 18px;font-size:13px;color:var(--slate);line-height:1.6}.modal-footer{padding:12px 18px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:8px}.notif-row{display:flex;gap:12px;padding:12px 16px;border:1px solid var(--border-light);border-radius:12px;margin-bottom:8px;cursor:pointer;transition:background .12s}.notif-row:hover{background:var(--bg)}.notif-row.unread{background:var(--blue-s);border-color:#007bff26}.notif-icon{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.notif-icon.call{background:#22c55e1f;color:#16a34a}.notif-icon.message{background:var(--blue-s);color:var(--blue-solid)}.notif-icon.system{background:#fffbeb;color:#d97706}.notif-body{flex:1;min-width:0}.notif-title{font-size:12px;font-weight:700;color:var(--dark)}.notif-msg{font-size:11px;color:var(--muted);margin-top:2px}.notif-time{font-size:10px;color:var(--ghost);margin-top:4px}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--blue-solid);flex-shrink:0;margin-top:4px}.set-wrap{display:flex;flex:1;height:100%;overflow:hidden}.set-list{width:300px;background:#fff;border-right:1px solid var(--border-line);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.set-list-hd{padding:16px 18px 12px;border-bottom:1px solid var(--border-light);flex-shrink:0}.set-list-scroll{flex:1;overflow-y:auto}.set-row{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .1s;position:relative}.set-row:hover{background:#f8f9fa}.set-row.active{background:#007bff0f}.set-row.active:before{content:"";position:absolute;left:0;top:15%;bottom:15%;width:3px;background:var(--blue-solid);border-radius:0 3px 3px 0}.set-row.disabled{opacity:.4;cursor:default;pointer-events:none}.set-row-icon{width:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--muted)}.set-row-label{font-size:13px;font-weight:500;color:var(--dark);flex:1}.set-detail{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--surface)}.set-detail-hd{padding:14px 24px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.set-menu-row{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .1s}.set-menu-row:hover{background:#f8f9fa}.set-acc-row{display:flex;align-items:center;gap:14px;padding:16px 24px;border-bottom:1px solid var(--border-light);transition:background .1s}.set-acc-row:hover{background:#f8f9fa}.set-acc-av{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.set-field-card{background:var(--bg);border-radius:8px;padding:14px 18px;margin-bottom:16px}.set-field-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.set-field-val{font-size:14px;color:var(--dark)}.set-pw-field{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--border-light);position:relative}.set-pw-field svg{flex-shrink:0}.set-pw-input{flex:1;border:none;outline:none;font-family:inherit;font-size:14px;color:var(--dark);background:transparent;min-height:24px;padding:4px 0;position:relative;z-index:1}.set-pw-input::placeholder{color:var(--ghost)}.set-pw-rule{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:12px;color:var(--muted)}.set-pw-rule.valid{color:var(--blue-solid)}.set-pw-check{width:20px;height:20px;border-radius:50%;background:var(--border);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;transition:all .15s}.set-pw-rule.valid .set-pw-check{background:var(--blue-solid)}.auth-wrapper{flex:1;overflow-y:auto;height:100vh}.auth-split{display:flex;min-height:100vh;width:100%}.auth-brand{flex:0 0 45%;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#0052d4,#4364f7 40%,#6fb1fc);position:relative;overflow:hidden;padding:40px}.auth-brand:before{content:"";position:absolute;top:-20%;right:-15%;width:500px;height:500px;border-radius:50%;background:#ffffff0f}.auth-brand:after{content:"";position:absolute;bottom:-10%;left:-10%;width:350px;height:350px;border-radius:50%;background:#ffffff0a}.auth-brand-content{position:relative;z-index:1;max-width:380px}.auth-brand-logo{display:flex;align-items:center;gap:10px;margin-bottom:40px}.auth-brand-logo span{font-size:24px;font-weight:300;color:#fff;letter-spacing:1px;font-style:italic}.auth-brand-icon{width:40px;height:40px;border-radius:10px;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-brand-title{font-size:32px;font-weight:700;color:#fff;line-height:1.3;margin-bottom:16px;letter-spacing:-.5px}.auth-brand-sub{font-size:15px;color:#ffffffb3;line-height:1.6;margin-bottom:32px}.auth-brand-dots{display:flex;gap:8px}.auth-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;transition:all .2s}.auth-dot.active{width:24px;border-radius:4px;background:#fff}.auth-form-side{flex:1;display:flex;align-items:flex-start;justify-content:center;background:#f8fafc;padding:40px;overflow-y:auto}.auth-form-card{width:100%;max-width:400px;margin:auto 0;padding:20px 0}.auth-form-header{margin-bottom:32px}.auth-form-header h2{font-size:26px;font-weight:700;color:#1a1f2e;margin-bottom:6px}.auth-form-header p{font-size:14px;color:#8b95a6}.auth-f-group{margin-bottom:20px}.auth-f-label{display:block;font-size:13px;font-weight:600;color:#3d4452;margin-bottom:7px}.auth-f-phone{display:flex;gap:0;border:1.5px solid #e0e4ea;border-radius:10px;overflow:hidden;background:#fff;transition:border-color .15s}.auth-f-phone:focus-within{border-color:var(--blue-solid);box-shadow:0 0 0 3px #007bff1a}.auth-f-country{display:flex;align-items:center;gap:5px;padding:0 12px;border-right:1.5px solid #e0e4ea;flex-shrink:0;font-size:13px;font-weight:500;color:#3d4452;cursor:pointer;background:#f8fafc}.auth-f-input{flex:1;border:none;outline:none;padding:13px 14px;font-family:inherit;font-size:14px;color:#1a1f2e;background:transparent}.auth-f-input::placeholder{color:#adb5bd}.auth-f-input-wrap{display:flex;align-items:center;border:1.5px solid #e0e4ea;border-radius:10px;overflow:hidden;background:#fff;transition:border-color .15s}.auth-f-input-wrap:focus-within{border-color:var(--blue-solid);box-shadow:0 0 0 3px #007bff1a}.auth-f-input-wrap .auth-f-input{border:none}.auth-f-eye{padding:0 14px;cursor:pointer;color:#adb5bd;display:flex;align-items:center;transition:color .15s}.auth-f-eye:hover{color:#3d4452}.auth-f-forgot{font-size:12px;color:var(--blue-solid);text-decoration:none;font-weight:500}.auth-f-forgot:hover{text-decoration:underline}.auth-f-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:12px;color:#dc2626;margin-bottom:16px;display:flex;align-items:center;gap:6px}.auth-f-btn{width:100%;height:48px;border:none;border-radius:10px;background:linear-gradient(135deg,#0052d4,#4364f7);color:#fff;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;box-shadow:0 4px 14px #0052d44d}.auth-f-btn:hover{box-shadow:0 6px 20px #0052d466;transform:translateY(-1px)}.auth-f-btn:active{transform:translateY(0)}.auth-f-divider{display:flex;align-items:center;margin:24px 0}.auth-f-divider:before,.auth-f-divider:after{content:"";flex:1;height:1px;background:#e0e4ea}.auth-f-divider span{padding:0 14px;font-size:12px;color:#adb5bd;font-weight:500}.auth-f-bottom{text-align:center;font-size:13px;color:#8b95a6}.auth-f-bottom a{color:var(--blue-solid);font-weight:600;text-decoration:none}.auth-f-bottom a:hover{text-decoration:underline}.auth-white-page{flex:1;display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f8fafc}.auth-white-card{width:100%;max-width:460px;background:#fff;border-radius:14px;box-shadow:0 8px 40px #00000014;display:flex;flex-direction:column;overflow:hidden}.auth-white-hd{padding:18px 24px;border-bottom:1px solid #e9ecf0;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.auth-white-body{flex:1;padding:28px;overflow-y:auto}.auth-white-subtitle{font-size:13px;color:#8b95a6;margin-bottom:24px}.auth-form-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #e9ecf0}.auth-form-input{flex:1;border:none;outline:none;font-family:inherit;font-size:14px;color:#1a1f2e;background:transparent}.auth-form-input::placeholder{color:#adb5bd}.auth-checkbox-row{display:flex;align-items:flex-start;gap:10px;padding:20px 0 0;font-size:12px;color:#8b95a6;line-height:1.5}.auth-checkbox-row a{color:var(--blue-solid);text-decoration:none}.auth-checkbox-row a:hover{text-decoration:underline}.auth-otp-row{display:flex;gap:12px;justify-content:center;margin:24px 0}.auth-otp-box{width:48px;height:54px;border:2px solid #e0e4ea;border-radius:10px;text-align:center;font-size:22px;font-weight:600;font-family:inherit;color:#1a1f2e;outline:none;transition:border-color .15s}.auth-otp-box:focus{border-color:var(--blue-solid);box-shadow:0 0 0 3px #007bff1a}.auth-pw-rule{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:12px;color:#8b95a6}.auth-pw-rule.valid{color:var(--blue-solid)}.auth-pw-check{width:18px;height:18px;border-radius:50%;background:#e0e4ea;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;transition:all .15s}.auth-pw-rule.valid .auth-pw-check{background:var(--blue-solid)}