:root,:root[data-theme=dark]{--bg-0: #0a0a0b;--bg-1: #111113;--bg-2: #18181b;--bg-3: #1f1f23;--line-1: #25252a;--line-2: #2e2e34;--line-strong: #3a3a42;--text-1: #f4f3ef;--text-2: #b9b8b3;--text-3: #7d7c77;--text-4: #56554f;--accent: #c8a24b;--accent-soft: rgba(200, 162, 75, .16);--accent-edge: rgba(200, 162, 75, .48);--ok: #6fa57c;--warn: #c8a24b;--err: #c46b5f;--pending: #8c8c92;--header-top: #0c0c0e;--chart-grid: rgba(255, 255, 255, .05);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--font-serif: "Cormorant Garamond", "Times New Roman", serif;--radius-1: 2px;--radius-2: 4px;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur-med: .24s}:root[data-theme=light]{--bg-0: #f6f5f1;--bg-1: #ffffff;--bg-2: #f1f0ea;--bg-3: #e8e7e0;--line-1: #e4e3db;--line-2: #d7d6cd;--line-strong: #c3c2b7;--text-1: #1b1b18;--text-2: #45443e;--text-3: #6f6e66;--text-4: #9a998e;--accent: #a07621;--accent-soft: rgba(160, 118, 33, .14);--accent-edge: rgba(160, 118, 33, .42);--ok: #4e8460;--warn: #a07621;--err: #b1493c;--pending: #76756d;--header-top: #ffffff;--chart-grid: rgba(0, 0, 0, .06);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-0);color:var(--text-1);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11","tnum";transition:background var(--dur-med) var(--ease-out),color var(--dur-med) var(--ease-out)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}::selection{background:var(--accent-soft);color:var(--text-1)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:6px;border:2px solid var(--bg-0)}::-webkit-scrollbar-thumb:hover{background:var(--line-strong)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum","zero"}.serif{font-family:var(--font-serif)}.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);font-weight:500}.hairline{height:1px;background:var(--line-1);border:0;margin:0}.app{display:grid;grid-template-rows:56px 1fr 28px;height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line-1);background:linear-gradient(180deg,var(--header-top) 0%,var(--bg-0) 100%)}.brandmark{display:flex;align-items:baseline;gap:12px}.brandmark .logo{font-family:var(--font-serif);font-size:20px;font-weight:500;letter-spacing:.04em;color:var(--text-1)}.brandmark .logo em{font-style:italic;color:var(--accent)}.brandmark .subtitle{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-3)}.header-right{display:flex;align-items:center;gap:24px}.header-time{font-family:var(--font-mono);font-size:11px;color:var(--text-3);letter-spacing:.04em}.header-time strong{color:var(--text-2);font-weight:500}.theme-toggle{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px 0 10px;border:1px solid var(--accent-edge);border-radius:999px;color:var(--accent);background:var(--accent-soft);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.theme-toggle:hover{background:var(--accent);border-color:var(--accent);color:var(--bg-0);transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}.theme-toggle:focus-visible{outline:2px solid var(--accent-edge);outline-offset:2px}.theme-toggle-icon{display:inline-flex;align-items:center;justify-content:center}.theme-toggle-label{white-space:nowrap}.tabs{display:flex;height:100%;align-items:stretch;gap:0}.tab{display:flex;align-items:center;padding:0 18px;position:relative;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);transition:color var(--dur-fast) var(--ease-out)}.tab:hover{color:var(--text-2)}.tab.active{color:var(--text-1)}.tab.active:after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:1px;background:var(--accent)}.tab .dot{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:currentColor;opacity:.4}.tab.active .dot{opacity:1}.main{overflow-y:auto;padding:32px 32px 64px}.container{max-width:1320px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line-1);margin-bottom:28px}.page-head h1{font-family:var(--font-serif);font-weight:500;font-size:36px;letter-spacing:-.01em;margin:6px 0 0}.page-head .meta{text-align:right;font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.page-head .meta div+div{margin-top:4px}.panel{background:var(--bg-1);border:1px solid var(--line-1);border-radius:var(--radius-2)}.panel-head{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-1)}.panel-head h3{margin:0;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-2);font-weight:500}.panel-body{padding:18px}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:1.4fr 1fr}.grid-cards{grid-template-columns:repeat(4,1fr)}.grid-charts{grid-template-columns:repeat(2,1fr)}@media (max-width: 1100px){.grid-2{grid-template-columns:1fr}.grid-cards{grid-template-columns:repeat(2,1fr)}.grid-charts{grid-template-columns:1fr}}.trend-chart{background:var(--bg-1);border:1px solid var(--line-1);border-radius:var(--radius-2);padding:16px 14px 8px;min-width:0}.trend-chart-head{padding:0 4px 8px}.trend-chart-head h4{margin:2px 0 0;font-family:var(--font-serif);font-size:16px;font-weight:500;letter-spacing:-.01em;color:var(--text-1)}.trend-chart-empty{height:160px;display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:12px;font-style:italic}.trend-chart .recharts-cartesian-axis-tick-value{font-family:var(--font-mono)}.card{padding:16px 18px;background:var(--bg-1);border:1px solid var(--line-1);border-radius:var(--radius-2);position:relative;overflow:hidden;min-height:120px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color var(--dur-fast) var(--ease-out)}.card:hover{border-color:var(--line-strong)}.card .label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);font-weight:500}.card .value{font-family:var(--font-mono);font-size:32px;font-weight:500;color:var(--text-1);letter-spacing:-.01em;line-height:1;margin-top:12px}.card .value.empty{color:var(--text-4)}.card .delta{font-family:var(--font-mono);font-size:11px;margin-top:8px;color:var(--text-3)}.card .delta.up{color:var(--ok)}.card .delta.down{color:var(--err)}.card .platform-tag{position:absolute;top:14px;right:16px;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3)}.skel{display:inline-block;height:28px;width:96px;background:linear-gradient(90deg,var(--bg-2) 0%,var(--bg-3) 50%,var(--bg-2) 100%);background-size:200% 100%;animation:shimmer 1.4s var(--ease-out) infinite;border-radius:2px}.skel.sm{height:12px;width:60px}.skel.lg{height:36px;width:140px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.conn-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line-1)}.conn-row:last-child{border-bottom:none;padding-bottom:0}.conn-row:first-child{padding-top:0}.conn-name{display:flex;align-items:center;gap:12px}.conn-name .icon{width:28px;height:28px;border:1px solid var(--line-2);border-radius:var(--radius-1);display:grid;place-items:center;font-family:var(--font-serif);font-size:14px;color:var(--text-2)}.conn-name .platform{font-weight:500;color:var(--text-1)}.conn-name .external{font-family:var(--font-mono);font-size:10px;color:var(--text-3);margin-top:2px}.status{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.status .pip{width:6px;height:6px;border-radius:50%;background:var(--pending);box-shadow:0 0 0 2px transparent}.status.connected .pip{background:var(--ok);box-shadow:0 0 0 3px #6fa57c29}.status.pending .pip{background:var(--warn);box-shadow:0 0 0 3px var(--accent-soft)}.status.error .pip{background:var(--err);box-shadow:0 0 0 3px #c46b5f29}.status.disconnected .pip{background:var(--text-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);background:transparent;border:1px solid var(--line-2);border-radius:var(--radius-1);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.btn:hover{background:var(--bg-2);color:var(--text-1);border-color:var(--line-strong)}.btn.primary{border-color:var(--accent-edge);color:var(--accent)}.btn.primary:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.btn.ghost{border-color:transparent}.feed-empty{padding:32px 18px;text-align:center;color:var(--text-3);font-size:12px}.feed-empty .title{font-family:var(--font-serif);font-size:18px;font-style:italic;color:var(--text-2);margin-bottom:6px}.statusbar{border-top:1px solid var(--line-1);background:var(--bg-1);display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--text-3)}.statusbar .lhs,.statusbar .rhs{display:flex;align-items:center;gap:18px}.brand-accent{width:6px;height:6px;border-radius:50%;margin-right:8px;display:inline-block}.brand-layout{display:grid;grid-template-columns:220px 1fr;gap:0;min-height:100%}.brand-sidebar{border-right:1px solid var(--line-1);padding:28px 0 32px;position:sticky;top:0;align-self:start}.brand-sidebar-head{padding:0 24px 20px;border-bottom:1px solid var(--line-1);margin-bottom:16px;position:relative}.brand-sidebar-head .accent-strip{position:absolute;top:0;left:0;width:2px;bottom:20px;background:var(--accent)}.brand-sidebar-head .brand-name{font-family:var(--font-serif);font-size:22px;font-weight:500;letter-spacing:-.01em;margin-top:6px;line-height:1.15}.brand-sidebar-head .brand-sync{font-size:10px;color:var(--text-3);margin-top:10px;letter-spacing:.04em}.brand-channels{display:flex;flex-direction:column}.brand-channels-label{padding:0 24px 8px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-4);font-weight:500}.brand-channel{display:flex;align-items:center;gap:10px;padding:10px 24px;font-size:12px;letter-spacing:.04em;color:var(--text-2);position:relative;transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.brand-channel:hover,.brand-channel.active{color:var(--text-1);background:var(--bg-1)}.brand-channel.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent)}.brand-channel .pip{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--text-4);flex-shrink:0}.brand-channel .pip.connected{background:var(--ok);box-shadow:0 0 0 3px #6fa57c29}.brand-channel .pip.pending{background:var(--warn)}.brand-channel .pip.error{background:var(--err)}.brand-channel-label{flex:1}.brand-content{padding:32px 32px 64px;min-width:0}.focus-banner{position:relative;background:var(--bg-1);border:1px solid var(--line-1);border-left:2px solid var(--accent);border-radius:var(--radius-1);padding:16px 20px;margin-bottom:28px}.focus-banner-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.focus-banner-head .eyebrow{color:var(--accent)}.focus-edit-btn{flex-shrink:0}.focus-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.focus-points li{position:relative;padding-left:18px;font-size:14px;line-height:1.45;color:var(--text-1)}.focus-points li:before{content:"";position:absolute;left:2px;top:8px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.focus-empty{display:block;width:100%;text-align:left;font-size:13px;color:var(--text-3);background:transparent;border:0;padding:0}.focus-empty:hover{color:var(--text-2)}.focus-banner-edit{display:flex;flex-direction:column;gap:12px}.focus-textarea{width:100%;resize:vertical;font-family:inherit;font-size:14px;line-height:1.5;color:var(--text-1);background:var(--bg-0);border:1px solid var(--line-2);border-radius:var(--radius-1);padding:10px 12px}.focus-textarea:focus{outline:none;border-color:var(--accent)}.focus-banner-actions{display:flex;gap:8px}.focus-error{font-size:12px;color:var(--err)}.channel-page{max-width:1180px}.channel-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid var(--line-1);margin-bottom:24px;gap:24px}.channel-title{font-family:var(--font-serif);font-weight:500;font-size:30px;letter-spacing:-.01em;margin:4px 0 0}.channel-head-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.section-label{margin:8px 0 12px}.range{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.range-presets{display:flex;gap:0;border:1px solid var(--line-2);border-radius:var(--radius-1);overflow:hidden}.range-preset{padding:6px 12px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);background:transparent;border-right:1px solid var(--line-2);transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.range-preset:last-child{border-right:none}.range-preset:hover{color:var(--text-1);background:var(--bg-2)}.range-preset.active{color:var(--accent);background:var(--accent-soft)}.range-custom{display:flex;align-items:center;gap:8px}.range-custom input[type=date]{background:var(--bg-1);color:var(--text-1);border:1px solid var(--line-2);border-radius:var(--radius-1);padding:6px 8px;font-family:var(--font-mono);font-size:11px;color-scheme:dark}.range-sep{color:var(--text-3)}.range-readout{font-size:10px;color:var(--text-3);letter-spacing:.04em}.connect-gate{border:1px dashed var(--line-strong);border-radius:var(--radius-2);background:var(--bg-1);margin-bottom:28px;padding:36px 24px}.connect-gate-inner{max-width:540px;margin:0 auto;text-align:center}.connect-gate h3{font-family:var(--font-serif);font-size:22px;font-weight:500;margin:8px 0 12px;letter-spacing:-.01em}.connect-gate p{color:var(--text-3);margin:0 0 20px;font-size:13px}.connect-gate .btn{display:inline-flex}.connect-gate-error{margin-top:16px;font-size:10px;color:var(--err)}.connect-gate-manual{margin-top:20px;text-align:left}.connect-gate-manual>summary{cursor:pointer;font-size:12px;color:var(--text-3);text-align:center;list-style:none;-webkit-user-select:none;user-select:none}.connect-gate-manual>summary::-webkit-details-marker{display:none}.connect-gate-manual>summary:hover{color:var(--text-1)}.connect-gate-manual form{display:flex;flex-direction:column;gap:10px;margin-top:14px}.connect-gate-manual textarea,.connect-gate-manual input[type=text]{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-1);background:var(--bg-0);color:var(--text-1);font-family:var(--font-mono);font-size:12px;resize:vertical}.connect-gate-manual textarea:focus,.connect-gate-manual input[type=text]:focus{outline:none;border-color:var(--line-strong)}.connect-gate-manual .btn{align-self:flex-end}.connect-gate-manual select{padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-1);background:var(--bg-0);color:var(--text-1);font-family:var(--font-mono);font-size:12px}.connect-gate-accounts{display:flex;justify-content:center;gap:14px;margin:8px 0 16px;font-size:11px}.account-selector{display:inline-flex;gap:4px;margin:0 0 20px;padding:4px;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-1)}.account-selector-opt{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:4px;font-size:12px;color:var(--text-3);background:transparent;cursor:pointer;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.account-selector-opt:hover{color:var(--text-1)}.account-selector-opt.active{background:var(--bg-2, rgba(255, 255, 255, .05));color:var(--text-1)}.account-selector-opt .pip{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.4}.account-selector-opt.active .pip{opacity:1}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare-column{border:1px solid var(--line);border-radius:var(--radius-1);padding:16px}.compare-column-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-1);margin-bottom:14px}.compare-pip{width:10px;height:10px;border-radius:50%;display:inline-block}@media (max-width: 900px){.compare-grid{grid-template-columns:1fr}}.reports-pickers{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}@media (max-width: 980px){.reports-pickers{grid-template-columns:1fr}}.picker-block .eyebrow{margin-bottom:8px}.picker-brands{display:flex;flex-direction:column;gap:6px}.picker-brand{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-1);border:1px solid var(--line-1);border-radius:var(--radius-2);font-size:13px;color:var(--text-2);text-align:left;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.picker-brand:hover{color:var(--text-1);border-color:var(--line-strong)}.picker-brand.active{border-color:var(--accent-edge);color:var(--text-1);background:var(--bg-2)}.picker-brand-country{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.picker-months{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.picker-month{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:10px 14px;background:var(--bg-1);border:1px solid var(--line-1);border-radius:var(--radius-2);font-size:12px;color:var(--text-2);text-align:left;position:relative;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.picker-month:hover{color:var(--text-1);border-color:var(--line-strong)}.picker-month.active{border-color:var(--accent-edge);color:var(--text-1);background:var(--bg-2)}.picker-month-label{font-weight:500}.picker-month-key{font-size:10px;color:var(--text-3);letter-spacing:.04em}.picker-month-tag{position:absolute;top:6px;right:8px;font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:1px 5px;border-radius:2px}.report-preview{border-top:1px solid var(--line-1);padding-top:24px}.report-preview-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;gap:24px;flex-wrap:wrap}.report-title{font-family:var(--font-serif);font-size:32px;font-weight:500;margin:6px 0 0;letter-spacing:-.01em}.report-title-month{color:var(--text-3);font-style:italic;font-size:22px}.report-preview-actions{display:flex;gap:10px}.report-channels{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}@media (max-width: 980px){.report-channels{grid-template-columns:1fr}}.report-table{width:100%;border-collapse:collapse;font-size:12px}.report-table th{text-align:left;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);font-weight:500;padding:8px 0;border-bottom:1px solid var(--line-1)}.report-table th.num{text-align:right}.report-table td{padding:10px 0;border-bottom:1px solid var(--line-1);color:var(--text-2)}.report-table tr:last-child td{border-bottom:none}.report-table td.num{text-align:right}.report-table td.delta-up{color:var(--ok)}.report-table td.delta-down{color:var(--err)}.report-table td.delta-flat,.card .delta.flat{color:var(--text-4)}.card-link{display:block;text-decoration:none;color:inherit}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.overview-brand{padding:18px;background:var(--bg-1);border:1px solid var(--line-1);border-radius:var(--radius-2);position:relative;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out)}.overview-brand:hover{border-color:var(--line-strong)}.overview-brand .accent-strip{position:absolute;top:0;left:0;bottom:0;width:2px;background:var(--accent)}.overview-brand h4{font-family:var(--font-serif);font-size:22px;font-weight:500;margin:0 0 4px;letter-spacing:-.01em}.overview-brand .country{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);margin-bottom:16px}.overview-platforms{display:flex;gap:12px;flex-wrap:wrap}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-0);padding:32px 20px}.auth-splash{color:var(--text-3);font-family:var(--font-mono);font-size:13px;letter-spacing:.04em}.auth-card{width:100%;max-width:380px;background:var(--bg-1);border:1px solid var(--line-1);border-radius:var(--radius-2);padding:32px 28px}.auth-brand{margin-bottom:24px}.auth-brand .logo{font-family:var(--font-serif);font-size:26px;color:var(--text-1);line-height:1}.auth-brand .logo em{color:var(--accent);font-style:italic}.auth-brand .subtitle{margin-top:4px;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3)}.auth-title{font-family:var(--font-serif);font-size:22px;font-weight:500;color:var(--text-1);margin:0 0 20px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field>span{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.auth-field input{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--radius-1);padding:10px 12px;color:var(--text-1);font-family:var(--font-sans);font-size:14px;transition:border-color var(--dur-fast) var(--ease-out)}.auth-field input:focus{outline:none;border-color:var(--accent-edge)}.auth-hint{color:var(--text-4);font-size:11px}.auth-submit{margin-top:4px;padding:11px 14px;background:var(--accent);color:#15130c;border:none;border-radius:var(--radius-1);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:opacity var(--dur-fast) var(--ease-out)}.auth-submit:hover{opacity:.9}.auth-submit:disabled{opacity:.5;cursor:default}.auth-error{background:#c46b5f1f;border:1px solid var(--err);border-radius:var(--radius-1);padding:9px 11px;color:var(--err);font-size:13px}.auth-notice{background:var(--accent-soft);border:1px solid var(--accent-edge);border-radius:var(--radius-1);padding:9px 11px;color:var(--text-2);font-size:13px;margin-bottom:14px}.auth-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:18px}.auth-linkbtn{background:none;border:none;padding:0;color:var(--text-3);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;cursor:pointer;transition:color var(--dur-fast) var(--ease-out)}.auth-linkbtn:hover{color:var(--accent)}.header-user{display:flex;align-items:center;gap:10px;padding-left:14px;margin-left:4px;border-left:1px solid var(--line-2)}.header-user-name{font-size:12px;color:var(--text-2);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}