:root{color:#f1f2f6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-bg:#05060a;--text-strong:#f7f8fb;--text-body:#d8dbe2;--text-muted:#9fa6b5;--text-subtle:#9098a7;--accent-amber:#d69b4e;--accent-cyan:#57b0c9;--accent-rose:#d66378;--border-soft:#8f97a42e;--border-strong:#a4acb947;--shadow-medium:0 20px 48px #0000004d;--shadow-strong:0 28px 60px #00000057;background:radial-gradient(circle at 100% 0,#d69b4e29,#0000 28%),linear-gradient(#090b0f 0%,#05060a 100%);font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{scroll-behavior:smooth}body{background:linear-gradient(#05060aeb,#05060afa),linear-gradient(135deg,#d69b4e0a,#57b0c90a);min-height:100vh}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:52px 52px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#ffffff24,#0000 74%);mask-image:linear-gradient(#ffffff24,#0000 74%)}a{color:inherit}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:12ch;margin-bottom:0;font-size:clamp(2.3rem,4vw,4.7rem);line-height:.98}h2{letter-spacing:0;margin-bottom:0;font-size:clamp(1.45rem,2vw,2.2rem);line-height:1.08}h3{letter-spacing:0;margin-bottom:0;font-size:1rem;line-height:1.2}button,input,select,textarea{font:inherit}button,input,select,textarea,a{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{box-shadow:0 0 0 3px #57b0c933;border-color:#57b0c980!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.admin-shell{min-height:100vh}.config-shell{align-items:center;display:grid}.admin-main{padding-bottom:42px}.admin-band{padding:22px 0}.admin-band--hero{padding-top:28px}.admin-band--muted{border-block:1px solid var(--border-soft);background:linear-gradient(#080a0d3d,#080a0dd6),linear-gradient(90deg,#d69b4e14,#57b0c914)}.admin-container{width:min(1280px,100% - 40px);margin:0 auto}.admin-grid{gap:20px;display:grid}.admin-grid--hero{grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr)}.admin-grid--login,.admin-grid--control{grid-template-columns:repeat(2,minmax(0,1fr))}.surface,.config-card{border:1px solid var(--border-strong);box-shadow:var(--shadow-medium);background:linear-gradient(#0f1216f5,#090b0ffa),linear-gradient(135deg,#d69b4e14,#57b0c90f);border-radius:24px}.surface{padding:24px}.config-card{max-width:720px;padding:32px}.header-frame{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:center;gap:24px;display:grid}.header-copy{gap:18px;display:grid}.section-kicker{color:var(--text-muted);text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:700}.section-copy{color:var(--text-body);max-width:64ch;margin:0}.header-chip-row,.header-action-row,.row-actions,.modal-actions{flex-wrap:wrap;gap:12px;display:flex}.header-chip{min-height:34px;color:var(--text-strong);background:#1a140eb8;border:1px solid #d69b4e38;border-radius:999px;align-items:center;padding:0 14px;display:inline-flex}.header-image-frame{border:1px solid var(--border-strong);box-shadow:var(--shadow-strong);background:linear-gradient(#18120de0,#08090cfa);border-radius:28px;padding:14px;position:relative}.header-image-frame img{aspect-ratio:1;object-fit:cover;border:1px solid #ffffff14;border-radius:18px;width:100%;display:block}.header-overlay-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0c10e0;border:1px solid #57b0c942;border-radius:18px;align-items:center;gap:12px;padding:14px 16px;display:flex;position:absolute;bottom:28px;right:28px}.overlay-icon{width:20px;height:20px;color:var(--accent-cyan)}.header-overlay-card span{color:var(--text-subtle);font-size:.82rem;display:block}.header-overlay-card strong{color:var(--text-strong)}.notice-surface,.section-surface,.login-surface{gap:18px;display:grid}.preview-surface{gap:16px;display:grid}.preview-list{gap:12px;display:grid}.preview-card,.metric-card,.list-card{border:1px solid var(--border-soft);background:#0e1116db;border-radius:18px}.preview-card,.metric-card{padding:18px}.preview-card strong,.metric-card strong,.list-card strong{color:var(--text-strong)}.preview-card p{color:var(--text-subtle);margin:8px 0 0}.section-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.status-pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:.82rem;font-weight:700;display:inline-flex}.status-pill--healthy{color:#ddffea;background:#0f4a2ebd;border-color:#6fdca23d}.status-pill--warning{color:#ffe7c8;background:#4a2d10c2;border-color:#e9ad603d}.status-pill--danger{color:#ffd1d8;background:#4e181fbd;border-color:#d6637847}.status-pill--neutral{color:var(--text-strong);border-color:var(--border-soft);background:#171c22d6}.banner{border:1px solid #0000;border-radius:16px;padding:14px 16px}.banner--info{color:#d8f4ff;background:#1035449e;border-color:#57b0c93d}.banner--error{color:#ffd0d7;background:#4e181fc2;border-color:#d6637847}.banner--soft{color:var(--text-body);border-color:var(--border-soft);background:#12161ce6}.analytics-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.metric-card span{color:var(--text-subtle);margin-bottom:8px;display:block}.metric-card strong{font-size:1.18rem}.filters-grid{grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(180px,1fr));gap:12px;display:grid}.search-field,.login-form label,.filters-grid label,.credit-form label{gap:8px;display:grid}.search-field span,.login-form span,.filters-grid span,.credit-form span,.toolbar-note{color:var(--text-subtle)}.search-input-wrap{position:relative}.field-icon{width:18px;height:18px;color:var(--accent-cyan);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-form input,.filters-grid input,.filters-grid select,.credit-form input,.credit-form select,.credit-form textarea{border:1px solid var(--border-soft);min-height:48px;color:var(--text-strong);background:#0a0c10f0;border-radius:14px;padding:0 14px}.search-input-wrap input{padding-left:42px}.credit-form textarea{resize:vertical;min-height:120px;padding:12px 14px}.button{min-height:46px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 18px;text-decoration:none;transition:transform .16s,background-color .16s,border-color .16s,color .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-icon{width:18px;height:18px}.button--wide{width:100%}.button--primary{color:#1e1203;background:linear-gradient(135deg, var(--accent-amber), #ffd197);border-color:#ffd1975c}.button--ghost{color:var(--text-strong);border-color:var(--border-soft);background:#12161ce0}.button--primary:hover{background:linear-gradient(135deg,#f0be72,#ffe1b8)}.button--ghost:hover{border-color:var(--border-strong);background:#191e25f5}.button:disabled{opacity:.56;cursor:not-allowed;transform:none}.stack-list{gap:12px;display:grid}.list-card{justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.list-card__content{gap:5px;min-width:0;display:grid}.list-card span,.empty-state{color:var(--text-subtle)}.login-form{gap:14px;display:grid}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040508b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.credit-dialog{width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto}.credit-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.credit-form__full{grid-column:1/-1}.skip-link{z-index:50;color:#1c1002;background:#ffe4b4;border-radius:12px;padding:10px 14px;font-weight:700;text-decoration:none;position:absolute;top:14px;left:14px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.button,.skip-link{transition:none}}@media (width<=1180px){.admin-grid--hero,.admin-grid--login,.admin-grid--control,.header-frame,.analytics-grid,.filters-grid,.credit-form{grid-template-columns:1fr}}@media (width<=720px){.admin-container{width:min(100%,100% - 24px)}.admin-band{padding:16px 0}.surface,.config-card{border-radius:20px;padding:18px}.section-header,.list-card{flex-direction:column;align-items:start}}