:root {
  --bg:#07060d; --bg-elevated:#08070d; --surface:#11101a;
  --surface-hover:#17131f; --primary:#8b5cf6; --primary-light:#c4b5fd;
  --primary-glow:rgba(139,92,246,.24); --accent:#a78bfa;
  --text:#f7f4fb; --text-muted:#9992a5; --text-dim:#6f6880;
  --border:#2d2838; --border-focus:#8060b4; --danger:#fb7185;
  --danger-glow:rgba(251,113,133,.12); --success:#5ee3aa;
  --success-glow:rgba(94,227,170,.09); --warning:#f5be59;
  --radius-sm:8px; --radius:11px; --radius-lg:14px; --radius-xl:17px;
  --shadow-sm:0 1px 4px rgba(0,0,0,.28); --shadow:0 16px 44px rgba(0,0,0,.14);
  --shadow-lg:0 20px 60px rgba(0,0,0,.22); --shadow-xl:0 36px 110px rgba(0,0,0,.72);
  --transition:all .18s ease; --transition-spring:all .22s ease;
  --header-height:72px; --sidebar-width:258px; --sidebar-collapsed:68px;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
}
[data-theme="light"] {
  --bg:#f6f3fb; --bg-elevated:#fff; --surface:#fff; --surface-hover:#f0eafb;
  --text:#17131f; --text-muted:#6f6879; --text-dim:#948b9f; --border:#ddd5e8;
  --border-focus:#8b5cf6; --primary:#7547de; --primary-light:#6d42dd;
  --primary-glow:rgba(117,71,222,.18); --accent:#8b5cf6;
  --shadow:0 16px 44px rgba(43,31,65,.08); --shadow-lg:0 22px 58px rgba(43,31,65,.12);
}
html { background:var(--bg); }
body { background:var(--bg); color:var(--text); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:14px; }
.bg-grid { display:none; }
.bg-gradient-orb { display:none; }
body::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(circle at 72% -8%,rgba(91,55,150,.14),transparent 30%),var(--bg); }
.sv-icon { width:18px; height:18px; display:inline-block; flex:none; fill:none; stroke:currentColor; vertical-align:middle; }
.btn-text,.chip-icon { display:inline-flex; align-items:center; justify-content:center; gap:8px; }
.sidebar { width:var(--sidebar-width); background:rgba(8,7,13,.98); border-right:1px solid #25212e; box-shadow:18px 0 50px rgba(0,0,0,.08); }
.sidebar-header { min-height:72px; padding:17px 16px; border-bottom:0; display:flex; align-items:center; }
.sidebar-brand { width:100%; gap:12px; padding:0 6px; color:#fff; font-size:15px; letter-spacing:.2px; }
.sidebar-brand:hover { color:#fff; }
.brand-icon { width:38px; height:38px; border-radius:12px; color:#c4b5fd; background:#201a2b; border:1px solid #4a3b5a; box-shadow:0 0 28px rgba(139,92,246,.18); animation:none; }
.brand-icon .sv-icon { width:23px; height:23px; }
.sv-wordmark { display:grid; gap:1px; min-width:0; }
.sv-wordmark strong { color:#fff; font-size:15px; font-weight:850; letter-spacing:1.8px; line-height:1; }
.sv-wordmark small { color:#6f6880; font-size:8px; font-weight:800; letter-spacing:1.3px; text-transform:uppercase; }
.brand-badge { display:none; }
.sidebar-nav { padding:0 16px 16px; gap:0; }
.nav-section { margin-top:0; }
.nav-section-title { color:#625b6d; letter-spacing:1.35px; padding:18px 10px 8px; margin:0; font-size:9px; font-weight:800; }
.nav-link { min-height:43px; padding:10px 11px; gap:11px; border:1px solid transparent; border-radius:11px; color:#9c95a8; font-size:13px; font-weight:500; overflow:visible; transition:none!important; animation:none!important; }
.nav-link::before { display:none; }
.nav-link:hover { color:#eeeaf4; background:#12101b; border-color:#2d2838; transform:none; }
.nav-link:active { transform:none!important; }
.nav-link.active { color:#fff; background:#211a31; border-color:#41364f; box-shadow:inset 3px 0 #9b72f7; }
.nav-link .nav-icon { width:21px; height:21px; color:#a99bbb; display:grid; place-items:center; font-size:0; transition:none!important; animation:none!important; }
.nav-link .nav-icon .sv-icon { width:18px; height:18px; }
.nav-link:hover .nav-icon { transform:none; }
.nav-link.active .nav-icon { color:#c4b5fd; filter:none; }
.nav-link .ripple-effect { display:none!important; }
.nav-badge { color:#c4b5fd; background:#8b5cf615; border:1px solid #a78bfa28; min-width:23px; text-align:center; }
.sidebar-footer { padding:14px 16px 18px; border-top:1px solid #25212e; }
.theme-toggle { min-height:45px; color:#9c95a8; background:#100e17; border:1px solid #2e2937; border-radius:13px; padding:9px 11px; font-size:12px; }
.theme-toggle:hover { color:#fff; background:#15111e; border-color:#41364f; }
.theme-toggle .toggle-track { width:38px; height:21px; background:#25202f; }
.theme-toggle .toggle-thumb { width:17px; height:17px; top:1px; left:2px; color:#c4b5fd; background:#443851; font-size:0; }
.theme-toggle .toggle-thumb .sv-icon { width:11px; height:11px; }
[data-theme="light"] .theme-toggle .toggle-thumb { left:19px; }
.main-content { margin-left:var(--sidebar-width); transition:margin-left .2s ease; }
.top-bar { height:72px; background:rgba(7,6,13,.9); border-bottom:1px solid #282330; backdrop-filter:blur(16px); padding:0 42px; }
[data-theme="light"] .top-bar { background:rgba(246,243,251,.9); }
.top-bar-left { gap:10px; }
.page-title { color:#938c9e; font-size:12px; font-weight:500; letter-spacing:0; }
.page-title::before { content:"Seja Visto  /  "; color:#4f4858; }
.top-bar-right { gap:10px; }
.search-input { width:260px; height:38px; color:var(--text); background:#0d0b13; border:1px solid #302a3a; border-radius:11px; font-size:12px; padding-left:40px; }
.search-input:focus { width:300px; border-color:#8060b4; box-shadow:0 0 0 3px rgba(139,92,246,.10); }
.search-icon { color:#77707f; }
.user-avatar { width:37px; height:37px; color:#c4b5fd; background:#201a2b; border:1px solid #443851; border-radius:11px; font-size:11px; }
.user-avatar:hover { border-color:#6f5688; box-shadow:none; }
.page-container { max-width:1524px; padding:31px 42px 52px; }
.page-header { margin-bottom:25px; padding:3px 0 22px; border-bottom:1px solid #282330; }
.page-header h1 { color:var(--text); background:none; -webkit-text-fill-color:currentColor; font-size:31px; font-weight:750; letter-spacing:-.9px; line-height:1.15; }
.page-header p { color:#9992a3; font-size:13px; line-height:1.55; margin-top:7px; }
.stats-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; margin-bottom:25px; }
.stat-card { min-height:120px; padding:22px 20px; align-items:center; gap:16px; background:linear-gradient(145deg,#13111c,#0e0d15); border:1px solid #302a3a; border-radius:17px; box-shadow:0 18px 50px rgba(0,0,0,.10); }
.stat-card::before { display:none; }
.stat-card:hover { transform:none; border-color:#463b52; box-shadow:0 18px 50px rgba(0,0,0,.15); }
.stat-icon { width:48px; height:48px; color:#c4b5fd; background:rgba(139,92,246,.09)!important; border:1px solid rgba(167,139,250,.25); border-radius:14px; font-size:0; }
.stat-icon .sv-icon { width:22px; height:22px; }
.stat-value { color:#fff; font-size:27px; line-height:31px; }
[data-theme="light"] .stat-value { color:var(--text); }
.stat-label { color:#d8d3df; font-size:12px; font-weight:750; }
.stat-trend { margin-top:2px; color:#706a78; text-transform:uppercase; letter-spacing:.55px; font-size:9px; }
.stat-trend.up { color:#5ee3aa; }
.card { background:linear-gradient(145deg,#13111c,#0e0d15); border:1px solid #302a3a; border-radius:17px; box-shadow:0 18px 52px rgba(0,0,0,.11); will-change:auto; }
[data-theme="light"] .card,[data-theme="light"] .stat-card { background:var(--surface); border-color:var(--border); }
.card:hover { transform:none; border-color:#403748; }
.card-header { min-height:64px; padding:17px 20px; border-bottom:1px solid #2b2632; }
.card-title { color:#ebe7f0; font-size:14px; font-weight:700; }
.card-title .icon,.card-title>.icon { width:38px; height:38px; color:#c4b5fd; background:#1d1826!important; border:1px solid #42364f; border-radius:11px; font-size:0; }
.card-title .icon .sv-icon,.card-title>.icon .sv-icon { width:19px; height:19px; }
.card-body { padding:21px 20px; }
.btn { min-height:41px; padding:9px 14px; border-radius:10px; font-size:12px; font-weight:750; transition:all .18s; }
.btn-primary { color:#fff; background:#8354e8; border:1px solid #956df0; box-shadow:0 10px 24px rgba(117,71,222,.2); }
.btn-primary:hover { background:#7445d5; border-color:#a983ff; box-shadow:none; transform:none; }
.btn-danger { color:#fff; background:#9f203f; border:1px solid #e9647a; box-shadow:none; }
.btn-danger:hover { background:#b22449; transform:none; }
.btn-ghost,.btn-outline,.btn-secondary { color:#d5cfdd; background:#181520; border:1px solid #383142; box-shadow:none; }
.btn-ghost:hover,.btn-outline:hover,.btn-secondary:hover { color:#fff; background:#211b2a; border-color:#554863; transform:none; }
.btn-sm { min-height:34px; padding:6px 10px; font-size:11px; }
.form-label { color:#8b8494; letter-spacing:.7px; font-size:9px; font-weight:800; }
.form-input,.form-select,.form-textarea,input.form-input,textarea.form-input,select.form-input { min-height:45px; color:#f3eff7; background:#0d0b13; border:1px solid #332d3c; border-radius:11px; font-size:12px; }
.form-input:hover,.form-select:hover,.form-textarea:hover { border-color:#484052; }
.form-input:focus,.form-select:focus,.form-textarea:focus { border-color:#8060b4; box-shadow:0 0 0 3px rgba(139,92,246,.10); }
.form-input::placeholder,.form-textarea::placeholder { color:#686171; }
.form-hint { color:#77717f; font-size:10px; }
.upload-zone { color:#8f8798; background:#0d0c12; border:1px dashed #433850; border-radius:14px; }
.upload-zone:hover,.upload-zone.dragover { color:#c4b5fd; background:#15111e; border-color:#795ba7; }
.upload-icon,.empty-icon,.preview-placeholder-icon { color:#c4b5fd; filter:none; font-size:0!important; background:#1c1725; border:1px solid #473a55; }
.upload-icon { width:54px; height:54px; display:grid; place-items:center; margin:0 auto 14px; border-radius:14px; opacity:1; }
.upload-zone:hover .upload-icon { transform:none; opacity:1; }
.upload-icon .sv-icon,.empty-icon .sv-icon,.preview-placeholder-icon .sv-icon { width:25px; height:25px; }
.upload-text { color:#ebe7f0; font-size:13px; }
.upload-hint { color:#706a78; font-size:10px; }
.checkbox-label,.chip { color:#aaa3b1; background:#0d0c12; border:1px solid #302a39; border-radius:11px; }
.checkbox-label:hover,.chip:hover { border-color:#5a496b; background:#15111e; }
.checkbox-label:has(input:checked),.chip.active { color:#eee8f7; background:#2a2038; border-color:#795ba7; box-shadow:none; }
.checkmark { border-color:#51465d; background:#17131f; }
.checkbox-label input:checked~.checkmark { background:#8b5cf6; border-color:#a78bfa; }
.badge { border:1px solid #41374a; background:#191620; color:#aaa3b1; font-size:9px; letter-spacing:.45px; }
.badge-published { color:#5ee3aa; background:rgba(94,227,170,.07); border-color:rgba(94,227,170,.22); }
.badge-error { color:#fb7185; background:rgba(251,113,133,.08); border-color:rgba(251,113,133,.25); }
.badge-paused,.badge-scheduled { color:#f5be59; background:rgba(245,190,89,.07); border-color:rgba(245,190,89,.22); }
.table-container,.table-wrap { border:1px solid #2c2735; border-radius:13px; overflow:auto; }
.data-table thead,.table thead { background:#0d0c12; }
.data-table th,.table th { height:43px; color:#77717f; border-bottom:1px solid #2e2936; padding:0 15px; font-size:9px; font-weight:800; letter-spacing:.65px; text-transform:uppercase; }
.data-table td,.table td { color:#aaa3b1; border-top:1px solid #29242f; padding:14px 15px; font-size:12px; }
.data-table tbody tr:hover td,.table tbody tr:hover td { background:rgba(139,92,246,.025); }
.account-row { min-height:70px; color:#aaa3b1; background:#0e0d15; border:1px solid #302a39; border-radius:13px; padding:13px 15px; }
.account-row:hover { background:#12101b; border-color:#44394f; }
.account-avatar { color:#c4b5fd!important; background:#201a2b!important; border:1px solid #a78bfa40!important; border-radius:12px!important; font-size:0!important; }
.account-avatar .sv-icon { width:20px; height:20px; }
.preview-card { background:#0e0d15; border-color:#302a39; border-radius:17px; }
.preview-header { border-color:#2b2632; }
.preview-header-icon { color:#c4b5fd; font-size:0; }
.preview-header-icon .sv-icon { width:18px; height:18px; }
.preview-placeholder { color:#77717f; background:#09080f; }
.modal-overlay { background:rgba(3,2,8,.86); backdrop-filter:blur(10px); }
.modal { background:linear-gradient(145deg,#181323,#0d0b13); border:1px solid #5a466d; border-radius:22px; box-shadow:var(--shadow-xl); }
.modal-header { border-color:#342b3f; }
.modal-close { color:#8f8798; background:#15111b; border-color:#393141; border-radius:9px; }
.toast { background:#15111e; border-color:#3a3146; border-radius:13px; box-shadow:0 20px 60px rgba(0,0,0,.45); }
.toast-icon { color:#c4b5fd; font-size:0; }
.toast-icon .sv-icon { width:20px; height:20px; }
.empty-state { color:#77717f; }
.empty-state h3 { color:#ebe7f0; font-size:17px; }
.empty-icon { width:52px; height:52px; border-radius:14px; display:grid; place-items:center; margin:0 auto 15px; }
.sv-confirm-popup { background:linear-gradient(145deg,#181323,#0d0b13)!important; border:1px solid #5a466d!important; border-radius:22px!important; box-shadow:var(--shadow-xl)!important; }
.swal2-popup { background:linear-gradient(145deg,#181323,#0d0b13)!important; color:#f7f4fb!important; border:1px solid #5a466d!important; border-radius:22px!important; box-shadow:var(--shadow-xl)!important; }
.swal2-title,.sv-confirm-title { color:#f7f4fb!important; font-family:Inter,ui-sans-serif,sans-serif!important; }
.swal2-html-container,.sv-confirm-text { color:#9992a5!important; font-family:Inter,ui-sans-serif,sans-serif!important; }
.swal2-confirm { color:#fff!important; background:#8354e8!important; border:1px solid #956df0!important; border-radius:10px!important; box-shadow:none!important; }
.swal2-cancel { color:#d5cfdd!important; background:#181520!important; border:1px solid #383142!important; border-radius:10px!important; box-shadow:none!important; }
.swal2-input,.swal2-textarea,.swal2-select { color:#f3eff7!important; background:#0d0b13!important; border:1px solid #332d3c!important; border-radius:11px!important; box-shadow:none!important; }
.swal2-validation-message { color:#fb7185!important; background:rgba(251,113,133,.08)!important; }
.sv-confirm-confirm { background:#9f203f!important; border-color:#e9647a!important; }
.sv-confirm-cancel { color:#d5cfdd!important; background:#181520!important; border-color:#383142!important; }
.ripple-effect { background:rgba(196,181,253,.16); }
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-container{padding-inline:24px}.top-bar{padding-inline:24px}}
@media(max-width:768px){.sidebar{width:min(86vw,300px)}.page-container{padding:24px 16px 34px}.top-bar{padding:0 16px}.search-box{display:none}.page-header h1{font-size:27px}.stats-grid{grid-template-columns:1fr;gap:10px}.stat-card{min-height:96px;padding:16px}}

/* Telas de autenticação */
body.auth-page { min-height:100vh; display:grid; place-items:center; padding:clamp(18px,3vw,40px); overflow:auto; color:#f7f4fb; background:#07060d; position:relative; isolation:isolate; }
body.auth-page::before { content:""; position:fixed; inset:0; z-index:-3; background-image:linear-gradient(rgba(143,104,215,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(143,104,215,.055) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to bottom,black,transparent 92%); }
body.auth-page::after { content:""; position:fixed; inset:0; z-index:-2; background:radial-gradient(circle at 12% 20%,rgba(92,42,184,.22),transparent 31%),radial-gradient(circle at 88% 85%,rgba(112,62,203,.14),transparent 30%); pointer-events:none; }
.auth-atmosphere { position:fixed; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.auth-atmosphere span { position:absolute; border:1px solid rgba(152,107,232,.12); transform:rotate(45deg); }
.auth-atmosphere span:nth-child(1){width:420px;height:420px;left:-240px;top:-180px}.auth-atmosphere span:nth-child(2){width:240px;height:240px;right:-80px;bottom:-100px}.auth-atmosphere span:nth-child(3){width:11px;height:11px;left:73%;top:10%;background:#8b5cf6;box-shadow:0 0 32px #8b5cf6;border:0}
.auth-shell { width:min(1120px,100%); min-height:min(760px,calc(100vh - 64px)); display:grid; grid-template-columns:minmax(0,.86fr) minmax(480px,1.14fr); border:1px solid #3a2b4d; border-radius:26px; overflow:hidden; background:rgba(10,8,15,.94); box-shadow:0 36px 120px rgba(0,0,0,.56),0 0 0 1px rgba(156,113,226,.04) inset; position:relative; }
.auth-shell::before,.auth-shell::after,.auth-recovery-card::before,.auth-recovery-card::after { content:""; position:absolute; width:34px; height:34px; pointer-events:none; }
.auth-shell::before,.auth-recovery-card::before { left:20px; top:20px; border-left:2px solid #9f75e8; border-top:2px solid #9f75e8; }
.auth-shell::after,.auth-recovery-card::after { right:20px; bottom:20px; border-right:2px solid #9f75e8; border-bottom:2px solid #9f75e8; }
.auth-showcase { padding:54px 48px 40px; display:flex; flex-direction:column; position:relative; overflow:hidden; border-right:1px solid #2b2236; background:linear-gradient(155deg,rgba(30,18,48,.96),rgba(12,9,18,.96)); }
.auth-showcase::before { content:""; position:absolute; width:460px; height:460px; right:-250px; top:150px; border-radius:50%; border:1px solid rgba(157,112,231,.15); box-shadow:0 0 0 55px rgba(157,112,231,.025),0 0 0 110px rgba(157,112,231,.02); }
.auth-showcase::after { content:""; width:250px; height:1px; position:absolute; right:-34px; top:286px; background:linear-gradient(90deg,transparent,#8b5cf6); transform:rotate(-38deg); box-shadow:0 0 15px #6d42bd; }
.auth-logo { display:inline-flex; align-items:center; gap:12px; width:max-content; color:#fff!important; font-size:13px; font-weight:900; letter-spacing:2.2px; text-decoration:none; position:relative; z-index:2; }
.auth-logo-mark { width:38px; height:38px; display:grid; place-items:center; color:#d8c6fa; border:1px solid #654b86; border-radius:11px; background:linear-gradient(145deg,#2e2042,#171020); box-shadow:0 0 24px rgba(139,92,246,.18); }
.auth-logo-mark .sv-icon { width:21px; height:21px; }
.auth-showcase-copy { margin:auto 0 38px; position:relative; z-index:2; }
.auth-kicker { display:flex; align-items:center; gap:9px; color:#a397b4; font:600 10px/1.4 "JetBrains Mono",monospace; letter-spacing:2.1px; }
.auth-kicker i { display:inline-block; width:6px; height:6px; border-radius:50%; background:#9f6bf0; box-shadow:0 0 13px #9f6bf0; }
.auth-showcase-copy h1 { max-width:430px; margin:22px 0 19px; color:#fff; font-size:clamp(36px,4vw,53px); line-height:1.02; letter-spacing:-2.5px; font-weight:800; }
.auth-showcase-copy h1 em { color:#b791f4; font-style:normal; }
.auth-showcase-copy>p { max-width:410px; color:#958da0; font-size:13px; line-height:1.75; }
.auth-benefits { display:grid; gap:10px; position:relative; z-index:2; }
.auth-benefits>div { display:flex; align-items:center; gap:13px; padding:11px 12px; border:1px solid rgba(102,78,127,.38); border-radius:12px; background:rgba(10,7,14,.42); }
.auth-benefits>div>span { width:33px; height:33px; flex:none; display:grid; place-items:center; border-radius:9px; color:#cdb5f6; background:#22172f; border:1px solid #49375d; }
.auth-benefits .sv-icon { width:16px; height:16px; }
.auth-benefits p { display:flex; flex-direction:column; gap:2px; }
.auth-benefits b { color:#ebe6f1; font-size:11px; font-weight:700; }
.auth-benefits small { color:#756d7e; font-size:9px; }
.auth-showcase-foot { display:flex; align-items:center; gap:9px; margin-top:28px; color:#514b59; font:500 8px/1 "JetBrains Mono",monospace; letter-spacing:1.5px; }
.auth-showcase-foot span { width:22px; height:1px; background:#674797; }
.auth-panel { padding:52px clamp(38px,5vw,68px) 42px; display:flex; flex-direction:column; justify-content:center; background:linear-gradient(145deg,rgba(17,14,23,.98),rgba(9,8,13,.98)); position:relative; }
.auth-panel-head { margin-bottom:25px; }
.auth-step { display:flex; justify-content:space-between; color:#8c809a; font:600 9px/1 "JetBrains Mono",monospace; letter-spacing:2px; }
.auth-step b { color:#b99be9; font-weight:500; }
.auth-panel h2 { color:#fff; margin-top:20px; font-size:30px; line-height:1.1; font-weight:800; letter-spacing:-.8px; }
.auth-panel-head p { color:#77707f; margin-top:7px; font-size:11px; }
.auth-tabs { display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:4px; margin-bottom:22px; border:1px solid #32283f; border-radius:12px; background:#0b0910; }
.auth-tabs a { min-height:42px; display:grid; place-items:center; color:#6e6678!important; border-radius:8px; font-size:11px; font-weight:700; text-decoration:none; transition:.16s ease; }
.auth-tabs a:hover { color:#c9bfD4!important; background:#15101c; }
.auth-tabs a.is-active { color:#fff!important; background:#261a34; box-shadow:0 0 0 1px #543b70 inset; }
.auth-github { min-height:52px; display:grid; grid-template-columns:22px 1fr 22px; align-items:center; gap:10px; color:#f3eef8!important; border:1px solid #49375d; border-radius:12px; padding:0 17px; background:#0d0a12; font-size:12px; font-weight:700; text-decoration:none; transition:border-color .16s ease,background .16s ease; }
.auth-github:hover { border-color:#7956a6; background:#15101c; }
.auth-github>.sv-icon { width:20px; height:20px; }
.auth-github .auth-github-arrow { width:15px; color:#80699e; }
.auth-github.is-disabled { opacity:.56; }
.auth-divider { height:38px; display:flex; align-items:center; gap:14px; color:#665d71; font:500 8px/1 "JetBrains Mono",monospace; letter-spacing:1.8px; }
.auth-divider::before,.auth-divider::after { content:""; height:1px; flex:1; background:#2c2337; }
.auth-divider span { white-space:nowrap; }
.auth-form { display:grid; gap:15px; }
.auth-field { display:grid; gap:8px; min-width:0; color:#8d8499; }
.auth-field>span:first-child { display:flex; align-items:center; min-height:14px; gap:9px; color:#8d8499; font:600 9px/1 "JetBrains Mono",monospace; letter-spacing:1.45px; text-transform:uppercase; }
.auth-field>span:first-child b { color:#ad85eb; font-weight:600; }
.auth-field>span:first-child a { margin-left:auto; color:#b891f2!important; font-size:8.5px; letter-spacing:1px; text-decoration:none; }
.auth-input-wrap { min-height:50px; display:flex; align-items:center; border:1px solid #33293f; border-radius:11px; background:#09070d; transition:border-color .16s ease,box-shadow .16s ease; }
.auth-input-wrap:focus-within { border-color:#7956a6; box-shadow:0 0 0 3px rgba(139,92,246,.09); }
.auth-input-wrap>.sv-icon { width:17px; height:17px; margin-left:15px; color:#6f607f; flex:none; }
.auth-input-wrap .input-auth { width:100%; min-width:0; min-height:48px; padding:0 13px; color:#eee9f4; border:0; outline:0; background:transparent; font-size:11px; }
.auth-input-wrap .input-auth::placeholder { color:#4f4956; }
.auth-reveal { min-height:30px; padding:0 13px; color:#aa84e5; border-left:1px solid #2b2236; background:transparent; font:600 8px/1 "JetBrains Mono",monospace; letter-spacing:1px; }
.auth-reveal:hover { color:#d6c0f7; }
.auth-password-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.btn-auth { min-height:52px; display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; margin-top:3px; padding:0 19px; color:#fff!important; border:1px solid #a86ff4; border-radius:11px; background:linear-gradient(100deg,#7c3fe1,#9f45ee); box-shadow:0 12px 32px rgba(113,49,206,.25),0 1px 0 rgba(255,255,255,.14) inset; font-size:10px; font-weight:800; letter-spacing:1.3px; text-decoration:none; transition:filter .16s ease,transform .16s ease; }
.btn-auth:hover { filter:brightness(1.08); transform:translateY(-1px); }
.btn-auth:disabled { cursor:not-allowed; opacity:.5; filter:saturate(.45); transform:none; }
.btn-auth .sv-icon { width:18px; height:18px; }
.auth-message { display:flex; align-items:flex-start; gap:10px; padding:10px 12px; margin-bottom:14px; border-radius:10px; font-size:10px; line-height:1.45; }
.auth-message .sv-icon { width:16px; height:16px; flex:none; }
.auth-message.is-error { color:#ff9bad; border:1px solid rgba(251,113,133,.28); background:rgba(251,113,133,.07); }
.auth-message.is-success { color:#9fe3bd; border:1px solid rgba(74,222,128,.25); background:rgba(74,222,128,.07); }
.auth-terms { color:#5f5866; font-size:8px; line-height:1.5; text-align:center; }
.auth-security-note { display:flex; align-items:center; justify-content:center; gap:7px; color:#5e5767; font-size:8.5px; }
.auth-security-note .sv-icon { width:12px; height:12px; color:#765d97; }
.auth-page-compact { padding:24px; }
.auth-recovery-card { width:min(490px,100%); min-height:550px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:60px 54px 50px; text-align:center; border:1px solid #3a2b4d; border-radius:24px; background:linear-gradient(145deg,rgba(22,15,31,.98),rgba(10,8,15,.98)); box-shadow:0 32px 110px rgba(0,0,0,.55); position:relative; }
.auth-recovery-card .auth-logo { position:absolute; top:34px; left:38px; }
.auth-recovery-icon { width:62px; height:62px; display:grid; place-items:center; color:#d0b4fa; margin:30px auto 24px; border:1px solid #654b86; border-radius:18px; background:#21152e; box-shadow:0 0 40px rgba(139,92,246,.18); }
.auth-recovery-icon.is-success { color:#9fe3bd; border-color:#365c48; background:#12261c; }
.auth-recovery-icon .sv-icon { width:28px; height:28px; }
.auth-recovery-card h1 { margin:17px 0 11px; color:#fff; font-size:28px; font-weight:800; letter-spacing:-.7px; }
.auth-recovery-card>p { max-width:370px; margin-bottom:26px; color:#89818f; font-size:11px; line-height:1.7; }
.auth-recovery-card .auth-form { width:100%; text-align:left; }
.auth-recovery-card>.btn-auth { max-width:330px; margin-top:8px; }
.auth-back-link { display:inline-block; margin-top:21px; color:#9e83c6!important; font-size:10px; text-decoration:none; }
.auth-loader { width:52px; height:52px; margin:58px auto 24px; border:2px solid #31243f; border-top-color:#a76cf0; border-radius:50%; animation:auth-spin .8s linear infinite; }
.auth-loader.is-error { animation:none; border-color:#873b50; position:relative; }
.auth-loader.is-error::before,.auth-loader.is-error::after { content:""; position:absolute; left:13px; top:23px; width:23px; height:2px; background:#fb7185; transform:rotate(45deg); }.auth-loader.is-error::after{transform:rotate(-45deg)}
.auth-processing .btn-auth { max-width:300px; justify-content:center; }
@keyframes auth-spin { to { transform:rotate(360deg); } }
@media(max-width:900px){.auth-shell{grid-template-columns:1fr;max-width:620px}.auth-showcase{display:none}.auth-panel{padding:48px 44px}.auth-shell::before{left:15px;top:15px}.auth-shell::after{right:15px;bottom:15px}}
@media(max-width:560px){body.auth-page{padding:0;display:block}.auth-shell{min-height:100vh;border:0;border-radius:0}.auth-panel{min-height:100vh;padding:42px 22px 34px;justify-content:center}.auth-shell::before,.auth-shell::after{display:none}.auth-panel h2{font-size:26px}.auth-password-grid{grid-template-columns:1fr}.auth-recovery-card{min-height:100vh;width:100%;border:0;border-radius:0;padding:90px 23px 42px}.auth-recovery-card::before,.auth-recovery-card::after{display:none}.auth-recovery-card .auth-logo{top:31px;left:24px}}
.page-container .card,.page-container .stat-card,.page-container .page-header { animation:none!important; }
.file-preview { color:#c4b5fd; background:#15111e; border:1px solid #473a55; }
.file-preview .sv-icon { width:25px; height:25px; }
.post-card { border-color:#302a3a!important; }
.post-card:hover { border-color:#463b52!important; }
.proxy-policy-btn.is-active,.custom-proxy-saved-card.is-selected { color:#eee8f7!important; background:#2a2038!important; border-color:#795ba7!important; box-shadow:none!important; }
.custom-proxy-saved-card:hover,.proxy-policy-option:hover { border-color:#5a496b!important; transform:none!important; }
.custom-proxy-test-status .sv-icon,.badge .sv-icon { width:13px; height:13px; }
.custom-proxy-test-status>span:first-child { color:#c4b5fd; }
.proxy-policy-info .sv-icon { width:15px; height:15px; }
.custom-proxy-new-btn { display:inline-flex; align-items:center; gap:7px; }
.custom-proxy-new-btn .sv-icon { width:14px; height:14px; }