:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;--bg: #07111f;--bg-elevated: rgba(12, 21, 39, .92);--bg-soft: rgba(12, 21, 39, .72);--surface: rgba(13, 23, 42, .88);--surface-strong: rgba(15, 28, 49, .96);--surface-border: rgba(159, 177, 215, .14);--surface-border-strong: rgba(159, 177, 215, .22);--text-heading: #d3ccbd;--text-strong: #cbc4b7;--text: #c3bcaf;--text-soft: #aba291;--text-muted: #91897b;--blue: #6f87ff;--blue-strong: #89a0ff;--success: #67d6a0;--warning: #f2c26d;--danger: #ff8ba0;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(111,135,255,.2),transparent 28%),radial-gradient(circle at top right,rgba(51,209,199,.1),transparent 18%),linear-gradient(180deg,#0c1526,#07111f)}a{color:inherit}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;border:1px solid rgba(159,177,215,.18);background:#070e1be0;color:var(--text);border-radius:10px;padding:.55rem .75rem;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}select{font-size:1.2rem;padding:.66rem 2.25rem .66rem .9rem;border:1.5px solid rgba(159,177,215,.35);background:#0a1220eb;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239fb1d7' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}input:focus,select:focus,textarea:focus{outline:none;border-color:#6f87ff99;box-shadow:0 0 0 4px #6f87ff24;background:#08101ff5}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:#ff8ba073;box-shadow:0 0 0 4px #ff8ba01f}textarea{resize:vertical;min-height:3rem}.password-field{position:relative;display:flex;align-items:center}.password-field input{padding-right:2.5rem}.password-toggle{position:absolute;right:.25rem;background:none;border:none;color:#9fb1d780;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .12s ease,background .12s ease}.password-toggle:hover{color:#9fb1d7d9;background:#9fb1d714}pre{margin:0;white-space:pre-wrap;word-break:break-word;background:#070e1be0;border:1px solid rgba(159,177,215,.14);border-radius:14px;padding:1rem;overflow-x:auto}summary{cursor:pointer;color:var(--blue-strong)}#root{min-height:100vh}.app-shell{height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr);overflow:hidden}.sidebar{padding:1rem;border-right:1px solid rgba(159,177,215,.12);background:#050b17b3;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;flex-direction:column;gap:1rem;height:100%;overflow-y:auto}.main-panel{padding:1.2rem;height:100%;overflow-y:auto}.brand-block,.auth-card,.card,.stat-card,.loading-card,.empty-state,.banner,.form-summary,.meta-chip{border:1px solid var(--surface-border);background:linear-gradient(180deg,#101c31f5,#0a1221eb);box-shadow:0 20px 80px #00000047,inset 0 1px #ffffff08;border-radius:22px}.brand-block{padding:.85rem;text-align:center}.brand-block strong{display:block;margin-top:.35rem;font-size:1.5rem;white-space:nowrap;color:var(--text-heading)}.brand-block .eyebrow{font-size:1.2rem}.brand-block small,.card-subtitle,.subtle,.table-subtle,.field-hint,.page-header p,.topbar p,.auth-card p,.empty-state p{color:var(--text-soft)}.eyebrow,.label,.card-eyebrow{color:var(--text-muted);font-size:.9rem;letter-spacing:.14em;text-transform:uppercase}.nav-list{display:grid;gap:.25rem;align-items:start}.nav-link{text-decoration:none;color:var(--text);padding:.5rem .75rem;border-radius:10px;border:1px solid transparent;position:relative;overflow:hidden;font-size:1.2rem}.nav-link:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:transparent;transition:background .12s ease}.nav-link:hover,.nav-link.active{border-color:#6f87ff2e;background:#182744eb}.nav-link.active:before,.nav-link:hover:before{background:var(--blue)}.topbar,.page-header{display:flex;justify-content:space-between;gap:1rem;align-items:stretch}.topbar{margin-bottom:1.6rem}.topbar-copy,.page-header>div:first-child{flex:1}.topbar h1,.page-header h1,.auth-card h1{margin:0;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.08;color:var(--text-heading)}.page-header p,.topbar p,.auth-card p{margin:.45rem 0 0}.topbar-state{min-width:min(100%,360px);padding:.75rem;display:grid;gap:.75rem}.meta-chip-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.meta-chip{padding:.85rem .95rem}.meta-chip strong{display:block;margin-top:.35rem;font-size:1rem;color:var(--text-strong)}.meta-chip.emphasis{border-color:#6f87ff3d}.page-stack,.stack-small,.stack-medium{display:flex;flex-direction:column}.page-stack{gap:1.25rem}.stack-small{gap:.75rem}.stack-medium{gap:1rem}.page-actions{display:flex;gap:.75rem;align-items:center}.card{padding:.95rem}.brand-block,.auth-card,.card,.stat-card,.loading-card,.empty-state,.banner,.form-summary,.meta-chip{border-radius:16px}.card-header{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start;margin-bottom:.75rem;padding-bottom:.65rem;border-bottom:1px solid rgba(159,177,215,.08)}.card-header h2,.card h2{margin:0;font-size:1rem;color:var(--text-heading)}.card-subtitle{margin:.35rem 0 0}.card-meta{color:var(--text-soft);white-space:nowrap}.stats-grid,.grid-cards,.two-column{display:grid;gap:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column.wide-left{grid-template-columns:minmax(320px,.95fr) minmax(420px,1.35fr)}.three-column-grid{display:grid;gap:.85rem;grid-template-columns:repeat(3,minmax(0,1fr))}.three-column{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.table-wrap{overflow-x:auto}.stat-card{padding:1rem 1.05rem;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(111,135,255,.12),transparent 45%);pointer-events:none}.stat-card span,.stat-card small{display:block;color:var(--text-soft);position:relative;z-index:1}.stat-card strong{display:block;font-size:2rem;margin:.35rem 0;position:relative;z-index:1;color:var(--text-heading)}.field{display:grid;gap:.45rem}.field>span{font-weight:600}.field.has-error>span{color:#ffd2da}.field-hint{font-size:.88rem}.field-errors{margin:0;padding-left:1.1rem;color:#ffd2da;display:grid;gap:.25rem;font-size:.92rem}.field-errors.standalone{margin-top:-.25rem}.checkbox-row{display:flex;gap:.8rem;align-items:flex-start}.checkbox-row input{width:auto;margin-top:.25rem}.checkbox-panel{padding:.95rem 1rem;border-radius:16px;border:1px solid rgba(159,177,215,.12);background:#080f1d9e}.scope-groups,.scope-group,.scope-option-content{display:flex;flex-direction:column}.scope-groups{gap:1rem}.scope-group{gap:.75rem}.scope-group-title{color:var(--text-muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}.scope-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.scope-option{height:100%}.scope-option-content{gap:.35rem}.scope-option-header{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.key-secret{word-break:break-all}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:10px;padding:.55rem 1rem;color:#eee6d9;cursor:pointer;transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease;font-size:1.2rem;width:-moz-fit-content;width:fit-content}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg,#5c78ff,#8192ff);box-shadow:0 12px 28px #5c78ff47}.button.secondary{background:#8a9bc129}.button.danger{background:linear-gradient(135deg,#c54b64,#922f46);box-shadow:0 12px 28px #c54b643d}.button.ghost{background:transparent;border:1px solid rgba(159,177,215,.16)}.button:disabled{opacity:.62;cursor:not-allowed}.badge-row{display:flex;flex-wrap:wrap;gap:.4rem}.badge{display:inline-flex;align-items:center;padding:.28rem .58rem;border-radius:999px;font-size:.82rem;border:1px solid rgba(159,177,215,.15);background:#192541d1;color:#cfc8bc}.badge.success{color:#d6ffee;border-color:#67d6a038;background:#194133b8}.badge.warning{color:#ffe8b8;border-color:#f2c26d38;background:#4a3712b8}.badge.danger{color:#ffd5de;border-color:#ff8ba03d;background:#4a1d27b8}.badge.info{color:#d6e5ff;border-color:#6f87ff38;background:#1d2c54bf}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;vertical-align:top;padding:.55rem .5rem;border-bottom:1px solid rgba(159,177,215,.08)}.table th{color:var(--text-muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;position:sticky;top:0;background:#0e192dfa}.table tr:hover td{background:#ffffff03}.table-clickable tbody tr{cursor:pointer}.table-clickable tbody tr:hover td{background:#6f87ff0a}.pref-table{font-size:1.5rem}.pref-table th,.pref-table td{padding:.75rem .6rem}.table-subtle{font-size:.85rem}.definition-list{margin:0;display:grid;gap:.9rem}.definition-list div{display:grid;gap:.2rem}.definition-list dt{color:var(--text-muted)}.definition-list dd{margin:0}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;word-break:break-word}.inline-actions,.filter-row,.meta-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.inline-actions>*{min-width:0}.compact-actions{gap:.5rem}.card-section{display:grid;gap:.75rem;padding:1rem;border:1px solid rgba(159,177,215,.12);border-radius:12px;background:#0c142480}.card-section h3{margin:0}.form-hint{margin:0;color:var(--text-soft);font-size:.92rem;line-height:1.45}.subscription-category{display:grid;gap:.75rem;padding-top:.85rem;border-top:1px solid rgba(159,177,215,.12)}.category-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.category-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem}.checkbox-label{display:grid;grid-template-columns:auto 1fr;gap:.25rem .5rem;align-items:start}.checkbox-label small{grid-column:2;color:var(--text-muted)}.text-button{border:0;padding:0;background:transparent;color:var(--accent);cursor:pointer;font:inherit}.text-button:hover{text-decoration:underline}.table.compact th,.table.compact td{padding:.5rem}.table-category-header th{background:#6f87ff14}.bullet-list,.list-compact{margin:0;padding-left:1.1rem}.list-compact{display:grid;gap:.35rem}.list-unstyled{padding-left:0;list-style:none}.banner,.loading-card,.empty-state,.form-summary,.app-loading{padding:.95rem 1rem}.banner.error,.form-summary{border-color:#ff8ba038;background:linear-gradient(180deg,#411520f0,#230d14e6);color:#ffd2da}.banner.success{border-color:#67d6a033;background:linear-gradient(180deg,#123a2cf0,#0a2018eb);color:#dcfff0}.form-summary strong,.empty-state strong{display:block}.form-summary p,.empty-state p{margin:.35rem 0 0}.form-summary ul{margin:.75rem 0 0;padding-left:1rem;display:grid;gap:.35rem}.summary-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer}.text-link{color:#b7bdd0;text-decoration:none}.text-link:hover{text-decoration:underline}.loading-card,.empty-state,.app-loading{color:var(--text-soft)}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{width:min(100%,500px);padding:2rem}.auth-card.wide{width:min(100%,1080px)}.auth-card-hero{display:grid;gap:1.4rem}.auth-hero-copy{max-width:56rem}.auth-footer{display:flex;justify-content:flex-start}.app-loading{min-height:100vh;display:grid;place-items:center}@media (max-width: 1120px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid rgba(159,177,215,.12)}.topbar,.page-header,.two-column,.two-column.wide-left,.three-column-grid,.three-column{grid-template-columns:1fr;flex-direction:column}.topbar-state{min-width:0}}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.overlay{width:min(100%,560px);max-height:90vh;overflow-y:auto;padding:1.5rem;border:1px solid var(--surface-border);background:linear-gradient(180deg,#101c31fa,#0a1221f0);box-shadow:0 20px 80px #00000047,inset 0 1px #ffffff08;border-radius:22px}.overlay--wide{width:min(100%,760px)}.overlay-title{margin:0 0 .15rem;font-size:1.25rem;color:var(--text-heading)}.overlay-subtitle{margin:0 0 1rem;color:var(--text-soft);font-size:.92rem}.overlay-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem}.details-panel{border:1px solid var(--surface-border);border-radius:14px;padding:.75rem 1rem;background:#080f1d80}.details-summary{cursor:pointer;display:grid;gap:.15rem}.details-summary strong{color:var(--text-heading)}.details-panel[open] .details-summary{margin-bottom:.25rem}.warning-hint{margin-top:.35rem;font-size:.85rem;color:#f2c26d;background:#f2c26d14;border:1px solid rgba(242,194,109,.2);padding:.45rem .65rem;border-radius:8px}.inbox-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.inbox-item{padding:.75rem 1rem;border-radius:6px;border:1px solid rgba(159,177,215,.1)}.inbox-unread{background:#64a0ff0f;border-color:#64a0ff2e}.inbox-item-header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.inbox-item-body{margin:.35rem 0 .25rem;font-size:.88rem;color:#c8d2e6bf;line-height:1.45}.table-cell-stack{display:flex;flex-direction:column;gap:.15rem}.toggle-label{cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.decision-hero{padding:1.25rem 1.5rem;border-radius:8px;background:#50c87814;border:1px solid rgba(80,200,120,.25);text-align:center}.decision-hero-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#50c878b3;margin-bottom:.35rem}.decision-hero-value{font-size:1.35rem;font-weight:700;color:#50c878f2}@media (max-width: 720px){.main-panel,.sidebar,.center-screen{padding:.75rem}.card,.auth-card,.brand-block{padding:.85rem}.stats-grid,.grid-cards,.meta-chip-row,.category-types{grid-template-columns:1fr}}.row-highlight{background:#50c87814}.muted{color:var(--text-muted)}
