@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Outfit:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #0C0C0C;--surface: #141414;--surface2: #1C1C1C;--surface3: #222222;--border: #2A2A2A;--border2: #333333;--yellow: #F5C842;--yellow-dim:#C9A230;--orange: #FF6B35;--text: #EDE8DF;--muted: #6B6B6B;--soft: #A8A39A;--accent: #F5C842;--accent-light: rgba(245,200,66,.12);--accent-dark: #C9A230;--success: #2ECC71;--success-bg: rgba(46,204,113,.1);--danger: #E74C3C;--danger-bg: rgba(231,76,60,.1);--warning: #F39C12;--warning-bg: rgba(243,156,18,.1);--info: #3498DB;--info-bg: rgba(52,152,219,.1);--font-head: "Syne", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--sidebar-width: 248px;--topbar-height: 60px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--t-fast: .12s ease;--t-base: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer}input,select,textarea{font-family:var(--font-body)}.app-layout{display:flex;height:100vh;overflow:hidden}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.page-content{flex:1;overflow-y:auto;padding:28px 32px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px 26px;margin-bottom:18px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.card-title{font-family:var(--font-head);font-size:15px;font-weight:600;color:var(--text)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metric-card{background:var(--surface2);border-radius:var(--r-md);padding:18px 20px;border:1px solid var(--border)}.metric-label{font-size:12px;color:var(--muted);margin-bottom:6px;letter-spacing:.04em}.metric-value{font-family:var(--font-head);font-size:28px;font-weight:700;line-height:1.1}.metric-sub{font-size:12px;color:var(--soft);margin-top:4px}.metric-good{color:var(--success)}.metric-warn{color:var(--warning)}.metric-bad{color:var(--danger)}.badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--r-full);white-space:nowrap;letter-spacing:.03em}.badge-ia{background:var(--success-bg);color:var(--success);border:1px solid rgba(46,204,113,.2)}.badge-human{background:var(--info-bg);color:var(--info);border:1px solid rgba(52,152,219,.2)}.badge-missed{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(231,76,60,.2)}.badge-new{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(243,156,18,.2)}.badge-done{background:var(--success-bg);color:var(--success);border:1px solid rgba(46,204,113,.2)}.badge-pending{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(243,156,18,.2)}.badge-admin{background:var(--accent-light);color:var(--yellow);border:1px solid rgba(245,200,66,.3)}.btn-primary{padding:10px 22px;border-radius:var(--r-md);background:var(--yellow);color:#0c0c0c;border:none;font-family:var(--font-head);font-size:14px;font-weight:700;transition:transform var(--t-fast),box-shadow var(--t-fast);letter-spacing:.01em}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f5c8424d}.btn-secondary{padding:10px 22px;border-radius:var(--r-md);background:var(--surface2);color:var(--text);border:1px solid var(--border2);font-size:14px;transition:background var(--t-fast),border-color var(--t-fast)}.btn-secondary:hover{background:var(--surface3);border-color:var(--soft)}.btn-group{display:flex;gap:10px}.btn-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px 16px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);font-size:14px;font-weight:500;color:var(--soft);cursor:pointer;transition:all var(--t-base);text-align:center}.btn-action:hover{border-color:var(--yellow);color:var(--yellow);background:var(--accent-light);transform:translateY(-2px);box-shadow:0 4px 20px #f5c8421a}.btn-action__icon{font-size:28px;line-height:1}.btn-action__label{font-family:var(--font-head);font-size:13px;font-weight:600;color:var(--text)}.btn-action__sub{font-size:11px;color:var(--muted);font-weight:400}.form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-label{font-size:12px;font-weight:600;color:var(--soft);letter-spacing:.05em;text-transform:uppercase}.form-input{padding:10px 14px;border-radius:var(--r-md);border:1px solid var(--border2);background:var(--surface2);font-size:14px;color:var(--text);width:100%;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.form-input:focus{border-color:var(--yellow);box-shadow:0 0 0 3px #f5c8421a}.form-input::placeholder{color:var(--muted)}.form-textarea{min-height:100px;resize:vertical;line-height:1.6}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236B6B6B'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border)}.toggle-row:last-child{border-bottom:none}.toggle-label{font-size:14px;color:var(--text)}.toggle-sub{font-size:12px;color:var(--muted);margin-top:2px}.switch{position:relative;width:42px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface3);border-radius:12px;cursor:pointer;border:1px solid var(--border2);transition:all var(--t-base)}.switch-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:var(--muted);border-radius:50%;transition:transform var(--t-base),background var(--t-base)}.switch input:checked+.switch-slider{background:var(--accent-light);border-color:var(--yellow)}.switch input:checked+.switch-slider:before{transform:translate(18px);background:var(--yellow)}.progress-row{margin-bottom:12px}.progress-meta{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px;color:var(--muted)}.progress-meta span:last-child{font-weight:600;color:var(--text)}.progress-bar{height:4px;background:var(--surface2);border-radius:2px;overflow:hidden}.progress-fill{height:100%;border-radius:2px;transition:width .6s ease}.section-title{font-family:var(--font-head);font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;margin-top:4px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--surface2);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:12px;font-weight:700;color:var(--soft);flex-shrink:0}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.online{background:var(--success);box-shadow:0 0 6px var(--success)}.status-dot.busy{background:var(--warning)}.status-dot.offline{background:var(--muted)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:sticky;top:0;overflow:hidden}.sidebar__logo{padding:22px 20px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-shrink:0}.sidebar__logo-icon{width:34px;height:34px;border-radius:var(--r-md);background:var(--yellow);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar__logo-name{font-family:var(--font-head);font-size:18px;font-weight:800;color:var(--text);letter-spacing:-.02em}.sidebar__logo-sub{font-size:11px;color:var(--muted);margin-top:1px}.sidebar__nav{flex:1;padding:12px 10px;overflow-y:auto}.sidebar__nav-section{margin-bottom:6px}.sidebar__nav-label{font-family:var(--font-head);font-size:9.5px;font-weight:700;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;padding:10px 10px 5px}.sidebar__nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-md);cursor:pointer;font-size:14px;font-weight:500;color:var(--soft);transition:all var(--t-fast);border:none;background:none;width:100%;text-align:left}.sidebar__nav-item:hover{background:var(--surface2);color:var(--text)}.sidebar__nav-item--active{background:var(--accent-light);color:var(--yellow);border:1px solid rgba(245,200,66,.2)}.sidebar__nav-emoji{font-size:16px;flex-shrink:0}.sidebar__nav-text{flex:1}.sidebar__nav-badge{background:var(--danger);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:var(--r-full)}.sidebar__user{padding:12px;border-top:1px solid var(--border);flex-shrink:0}.sidebar__user-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-md);background:var(--surface2);border:1px solid var(--border)}.sidebar__user-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-light);border:1px solid rgba(245,200,66,.3);display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:11px;font-weight:700;color:var(--yellow);flex-shrink:0}.sidebar__user-name{font-size:13px;font-weight:600;color:var(--text);line-height:1.3}.sidebar__user-role{font-size:11px;color:var(--muted)}.topbar{height:var(--topbar-height);background:var(--surface);border-bottom:1px solid var(--border);padding:0 32px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.topbar__title{font-family:var(--font-head);font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.01em}.topbar__right{display:flex;align-items:center;gap:12px}.topbar__ia-toggle{display:flex;align-items:center;gap:8px;padding:7px 16px;border-radius:var(--r-md);border:1px solid;font-family:var(--font-head);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--t-base);background:none;letter-spacing:.01em}.topbar__ia-toggle--on{background:var(--accent-light);border-color:#f5c84266;color:var(--yellow)}.topbar__ia-toggle--off{background:var(--surface2);border-color:var(--border2);color:var(--muted)}.topbar__ia-dot{width:7px;height:7px;border-radius:50%;transition:all var(--t-base)}.topbar__ia-dot--on{background:var(--yellow);box-shadow:0 0 6px var(--yellow)}.topbar__ia-dot--off{background:var(--muted)}.topbar__logout-btn{padding:7px 16px;border-radius:var(--r-md);background:var(--surface2);border:1px solid var(--border2);font-size:13px;color:var(--muted);cursor:pointer;transition:all var(--t-fast)}.topbar__logout-btn:hover{background:var(--surface3);color:var(--text)}.dashboard__alert-missed{display:flex;align-items:center;gap:18px;background:#e74c3c14;border:1px solid rgba(231,76,60,.25);border-radius:var(--r-lg);padding:18px 22px;margin-bottom:28px}.dashboard__alert-icon{font-size:30px;flex-shrink:0}.dashboard__alert-title{font-family:var(--font-head);font-size:15px;font-weight:700;color:var(--danger)}.dashboard__alert-sub{font-size:12px;color:var(--danger);opacity:.7;margin-top:2px}.dashboard__alert-missed .btn-primary{margin-left:auto;white-space:nowrap;flex-shrink:0}.dashboard__missed-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.dashboard__missed-row:last-child{border-bottom:none}.dashboard__missed-info{flex:1;min-width:0}.dashboard__missed-name{font-size:14px;font-weight:600;color:var(--text)}.dashboard__missed-time{font-size:12px;color:var(--muted);margin-top:1px}.dashboard__call-back-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--r-md);background:var(--yellow);color:#0c0c0c;font-family:var(--font-head);font-size:13px;font-weight:700;border:none;cursor:pointer;white-space:nowrap;text-decoration:none;transition:all var(--t-fast)}.dashboard__call-back-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f5c8424d}.dashboard__call-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.dashboard__call-row:last-child{border-bottom:none}.dashboard__call-info{flex:1;min-width:0}.dashboard__call-name{font-size:14px;font-weight:600;color:var(--text)}.dashboard__call-meta{font-size:12px;color:var(--muted)}.dashboard__call-dur{font-size:12px;color:var(--soft);margin-right:8px}.dashboard__link{font-size:12px;color:var(--yellow);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--r-sm);transition:background var(--t-fast);font-family:var(--font-head);font-weight:600}.dashboard__link:hover{background:var(--accent-light)}.calls__row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--border)}.calls__row:last-child{border-bottom:none}.calls__info{flex:1;min-width:0}.calls__name{font-size:14px;font-weight:600;color:var(--text)}.calls__meta{font-size:12px;color:var(--muted)}.calls__dur{font-size:12px;color:var(--soft);margin-right:6px;flex-shrink:0}.calls__callback-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--r-md);background:var(--yellow);color:#0c0c0c;font-family:var(--font-head);font-size:13px;font-weight:700;border:none;cursor:pointer;white-space:nowrap;text-decoration:none;transition:all var(--t-fast)}.calls__callback-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f5c8424d}.calls__play{width:32px;height:32px;border-radius:50%;background:var(--surface2);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:var(--soft);flex-shrink:0;transition:all var(--t-fast)}.calls__play:hover:not(:disabled){background:var(--accent-light);border-color:#f5c84266;color:var(--yellow)}.calls__play:disabled{opacity:.25;cursor:default}.clients__row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--border)}.clients__row:last-child{border-bottom:none}.clients__info{flex:1;min-width:0}.clients__name{font-size:14px;font-weight:600;color:var(--text)}.clients__meta{font-size:12px;color:var(--muted)}.clients__call-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--r-md);background:var(--yellow);color:#0c0c0c;font-family:var(--font-head);font-size:13px;font-weight:700;border:none;cursor:pointer;white-space:nowrap;text-decoration:none;transition:all var(--t-fast)}.clients__call-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f5c8424d}.ia__intro{font-size:14px;color:var(--soft);margin-bottom:18px;line-height:1.7}.ia__intro strong{color:var(--text);font-weight:600}.ia__badge-auto{font-size:11px;font-weight:700;font-family:var(--font-head);color:var(--yellow);background:var(--accent-light);padding:3px 10px;border-radius:var(--r-full);border:1px solid rgba(245,200,66,.25);letter-spacing:.03em}.ia__twilio-wrap{display:flex;align-items:flex-end;gap:12px;margin-bottom:16px}.ia__save-btn{white-space:nowrap;align-self:flex-end;padding:11px 24px}.ia__success-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:var(--r-md);background:var(--success-bg);border:1px solid rgba(46,204,113,.25);margin-bottom:16px}.ia__success-title{font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--success)}.ia__success-sub{font-size:12px;color:var(--soft);margin-top:2px}.ia__hint{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);line-height:1.5}.ia__hint a{color:var(--yellow);font-weight:600}.ia__hint a:hover{text-decoration:underline}.ia__auto-items{display:flex;flex-direction:column;gap:8px}.ia__auto-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:var(--r-md);background:var(--surface2);border:1px solid var(--border)}.ia__auto-emoji{font-size:20px;flex-shrink:0}.ia__auto-label{font-size:14px;font-weight:600;color:var(--text)}.ia__auto-desc{font-size:12px;color:var(--muted);margin-top:1px}.ia__auto-check{margin-left:auto;color:var(--success);font-weight:700;font-size:16px;flex-shrink:0}.ia__voices{display:flex;flex-direction:column;gap:8px}.ia__voice-btn{display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface2);cursor:pointer;text-align:left;transition:all var(--t-base);width:100%}.ia__voice-btn:hover{border-color:var(--border2);background:var(--surface3)}.ia__voice-btn--active{border-color:#f5c84266;background:var(--accent-light)}.ia__voice-name{font-family:var(--font-head);font-size:14px;font-weight:600;color:var(--text)}.ia__voice-desc{font-size:12px;color:var(--muted);margin-top:2px}.ia__voice-check{margin-left:auto;font-size:18px;color:var(--yellow);font-weight:700}.form-input--error{border-color:var(--danger)!important}.ia__guide{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px;margin-bottom:18px}.ia__guide-title{font-family:var(--font-head);font-size:13px;font-weight:700;color:var(--text);margin-bottom:12px}.ia__guide-steps{display:flex;flex-direction:column;gap:8px}.ia__guide-step{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--soft);line-height:1.5}.ia__guide-step a{color:var(--yellow);font-weight:600}.ia__guide-step a:hover{text-decoration:underline}.ia__guide-step strong{color:var(--text)}.ia__guide-num{width:20px;height:20px;border-radius:50%;background:var(--accent-light);border:1px solid rgba(245,200,66,.3);color:var(--yellow);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;font-family:var(--font-head)}.ia__error-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r-md);background:var(--danger-bg);border:1px solid rgba(231,76,60,.25);font-size:13px;color:var(--danger);margin-bottom:14px}.payment__tabs{display:flex;gap:4px;margin-bottom:22px;background:var(--surface2);padding:4px;border-radius:var(--r-md);width:fit-content;border:1px solid var(--border)}.payment__tab{padding:7px 18px;border-radius:var(--r-sm);border:none;background:none;font-size:13px;font-family:var(--font-head);font-weight:600;color:var(--muted);cursor:pointer;transition:all var(--t-fast)}.payment__tab--active{background:var(--surface3);color:var(--text);box-shadow:var(--shadow-sm)}.payment__plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.payment__plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px;position:relative;transition:border-color var(--t-base)}.payment__plan-card--popular{border-color:#f5c84266}.payment__plan-card--active{border-color:var(--yellow);border-width:2px}.payment__popular-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:var(--yellow);color:#0c0c0c;font-family:var(--font-head);font-size:10px;font-weight:800;padding:2px 14px;border-radius:var(--r-full);white-space:nowrap;letter-spacing:.05em}.payment__plan-name{font-family:var(--font-head);font-size:16px;font-weight:800;color:var(--text);margin-bottom:3px}.payment__plan-desc{font-size:12px;color:var(--muted);margin-bottom:14px}.payment__plan-price{font-family:var(--font-head);font-size:28px;font-weight:800;color:var(--text);margin-bottom:16px;line-height:1}.payment__plan-price span{font-size:13px;font-weight:400;color:var(--muted)}.payment__plan-features{list-style:none;margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.payment__plan-features li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--soft)}.payment__plan-features li svg{color:var(--success);flex-shrink:0}.payment__plan-btn{width:100%;padding:9px;border-radius:var(--r-md);border:1px solid rgba(245,200,66,.4);background:none;color:var(--yellow);font-family:var(--font-head);font-size:13px;font-weight:700;cursor:pointer;transition:all var(--t-fast)}.payment__plan-btn:hover:not(:disabled){background:var(--yellow);color:#0c0c0c}.payment__plan-btn--current{background:var(--accent-light);border-color:#f5c8424d;cursor:default}.payment__renew-info{font-size:12px;color:var(--muted);padding:10px 16px;background:var(--surface2);border-radius:var(--r-md);border:1px solid var(--border);margin-top:4px}.payment__card-preview{background:linear-gradient(135deg,#1a1f71,#0c0c3a);border-radius:var(--r-lg);padding:20px 22px;color:#fff;border:1px solid #2A2A6A}.payment__card-brand{margin-bottom:18px}.payment__card-number{font-family:var(--font-mono);font-size:16px;letter-spacing:.15em;margin-bottom:14px}.payment__card-meta{display:flex;justify-content:space-between;font-size:12px;opacity:.7}.payment__secure-note{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);margin-top:12px}.payment__secure-note svg{color:var(--success);flex-shrink:0}.payment__invoices-table{width:100%;border-collapse:collapse;font-size:13px}.payment__invoices-table th{text-align:left;font-family:var(--font-head);font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding:0 14px 10px 0;border-bottom:1px solid var(--border)}.payment__invoices-table td{padding:12px 14px 12px 0;border-bottom:1px solid var(--border);color:var(--soft)}.payment__invoices-table tr:last-child td{border-bottom:none}.payment__inv-ref{font-family:var(--font-mono);font-size:11px;color:var(--text)!important}.payment__dl-btn{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--yellow);background:none;border:1px solid rgba(245,200,66,.3);border-radius:var(--r-sm);padding:4px 10px;cursor:pointer;font-family:var(--font-head);font-weight:600;transition:background var(--t-fast)}.payment__dl-btn:hover{background:var(--accent-light)}.auth__profile-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.auth__avatar-lg{width:52px;height:52px;border-radius:50%;background:var(--accent-light);border:2px solid rgba(245,200,66,.3);display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:18px;font-weight:800;color:var(--yellow);flex-shrink:0}.auth__profile-name{font-family:var(--font-head);font-size:16px;font-weight:700;color:var(--text)}.auth__profile-email{font-size:13px;color:var(--muted);margin-bottom:6px}.auth__last-login{margin-top:16px;padding:10px 14px;background:var(--surface2);border-radius:var(--r-md);border:1px solid var(--border);font-size:12px;color:var(--muted)}.auth-page{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:24px;font-family:var(--font-body);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(245,200,66,.07) 0%,transparent 60%);pointer-events:none}.auth-page__card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:38px 34px 32px;box-shadow:var(--shadow-lg);position:relative;z-index:1}.auth-page__logo{display:flex;align-items:center;gap:12px;margin-bottom:30px}.auth-page__logo-icon{width:36px;height:36px;border-radius:var(--r-md);background:var(--yellow);display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-page__logo-name{font-family:var(--font-head);font-size:20px;font-weight:800;color:var(--text);letter-spacing:-.02em}.auth-page__logo-sub{font-size:11px;color:var(--muted)}.auth-page__heading{font-family:var(--font-head);font-size:22px;font-weight:800;color:var(--text);margin-bottom:6px;letter-spacing:-.02em}.auth-page__subheading{font-size:14px;color:var(--muted);margin-bottom:26px;line-height:1.6}.auth-page__form{display:flex;flex-direction:column}.auth-page__field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.auth-page__label{font-family:var(--font-head);font-size:11px;font-weight:700;color:var(--soft);letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:8px}.auth-page__input{padding:10px 14px;border-radius:var(--r-md);border:1px solid var(--border2);background:var(--surface2);font-size:14px;color:var(--text);width:100%;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.auth-page__input:focus{border-color:var(--yellow);box-shadow:0 0 0 3px #f5c8421a}.auth-page__input::placeholder{color:var(--muted)}.auth-page__input--error{border-color:var(--danger)!important;box-shadow:0 0 0 3px #e74c3c1a!important}.auth-page__input-error-msg{font-size:11px;color:var(--danger);margin-top:2px}.auth-page__input-wrap{position:relative}.auth-page__input-wrap .auth-page__input{padding-right:40px}.auth-page__eye-btn{position:absolute;right:11px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--muted);display:flex;align-items:center;padding:4px;border-radius:var(--r-sm);transition:color var(--t-fast)}.auth-page__eye-btn:hover{color:var(--soft)}.auth-page__options{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;margin-top:2px}.auth-page__remember{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);cursor:pointer}.auth-page__remember input[type=checkbox]{accent-color:var(--yellow);cursor:pointer}.auth-page__forgot{font-size:13px;color:var(--yellow);background:none;border:none;cursor:pointer;font-family:var(--font-body);font-weight:500}.auth-page__forgot:hover{text-decoration:underline}.auth-page__submit{width:100%;padding:12px;border-radius:var(--r-md);background:var(--yellow);color:#0c0c0c;border:none;font-family:var(--font-head);font-size:14px;font-weight:800;cursor:pointer;letter-spacing:.02em;margin-bottom:22px;transition:transform var(--t-fast),box-shadow var(--t-fast)}.auth-page__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #f5c8424d}.auth-page__submit:disabled{opacity:.5;cursor:not-allowed}.auth-page__switch{text-align:center;font-size:13px;color:var(--muted)}.auth-page__switch-btn{background:none;border:none;color:var(--yellow);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font-head);padding:0 2px}.auth-page__switch-btn:hover{text-decoration:underline}.auth-page__alert{padding:10px 14px;border-radius:var(--r-md);font-size:13px;margin-bottom:16px;display:flex;align-items:flex-start;gap:8px}.auth-page__alert--error{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(231,76,60,.2)}.auth-page__alert--success{background:var(--success-bg);color:var(--success);border:1px solid rgba(46,204,113,.2)}.auth-page__section-sep{height:1px;background:var(--border);margin:16px 0}.auth-page__required-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:700;padding:1px 8px;border-radius:var(--r-full);background:var(--danger-bg);color:var(--danger);border:1px solid rgba(231,76,60,.2)}.auth-page__field-hint{font-size:12px;color:var(--muted);margin-top:5px}.auth-page__field-hint a{color:var(--yellow);font-weight:600}.auth-page__field-hint a:hover{text-decoration:underline}.auth-page__pwd-strength{display:flex;gap:4px;margin-top:8px}.auth-page__pwd-bar{flex:1;height:3px;border-radius:2px;background:var(--surface3);transition:background var(--t-base)}.auth-page__pwd-bar--weak{background:var(--danger)}.auth-page__pwd-bar--medium{background:var(--warning)}.auth-page__pwd-bar--strong{background:var(--success)}.auth-page__pwd-label{font-size:11px;margin-top:5px}.auth-page__pwd-label--weak{color:var(--danger)}.auth-page__pwd-label--medium{color:var(--warning)}.auth-page__pwd-label--strong{color:var(--success)}