:root{--header-h: 56px;--bg: #0b1220;--bg-elev: #0f172a;--surface: #111827;--surface-2: #0b1220;--text: #e5e7eb;--muted: #9ca3af;--border: #1f2937;--primary: #4f46e5;--primary-contrast: #ffffff;--success: #16a34a;--danger: #dc2626;--warning: #d97706;--primary-shadow: 0 6px 18px rgba(79,70,229,.35);--shadow: 0 6px 24px rgba(0,0,0,.18)}:root[data-theme=light]{--bg: #f6f7fb;--bg-elev: #ffffff;--surface: #ffffff;--surface-2: #f9fafb;--text: #111827;--muted: #6b7280;--border: #e5e7eb;--primary: #2563eb;--primary-contrast: #ffffff;--success: #16a34a;--danger: #dc2626;--warning: #d97706;--shadow: 0 6px 24px rgba(17,24,39,.06)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,var(--bg) 0%,var(--bg-elev) 100%)}a{color:var(--primary);text-decoration:none}img{max-width:100%;display:block}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.container{width:min(1100px,100%);margin:0 auto;padding:1rem}hr{border:0;height:1px;background:var(--border)}body.no-scroll{overflow:hidden}.header__account{position:relative}.dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:.35rem;min-width:140px;z-index:50}.dropdown__item{display:block;width:100%;text-align:left;cursor:pointer;background:transparent;border:0;color:var(--text);padding:.5rem .65rem;border-radius:8px}.dropdown__item:hover{background:#ffffff0f}.header{min-height:var(--header-h);position:sticky;top:0;z-index:20;background:#111827b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);border-bottom:1px solid var(--border)}.header__inner{display:flex;align-items:center;gap:1rem;padding:0 1rem;width:min(1100px,100%);margin:0 auto;height:var(--header-h)}.header__brand{font-weight:800;letter-spacing:.2px}.header__spacer{flex:1 1 auto}.header__nav{display:flex;gap:.5rem}.header__link{color:var(--text);opacity:.8;padding:.4rem .7rem;border-radius:10px}.header__link:hover{opacity:1;background:#ffffff0f}.header__link--active{opacity:1;background:#ffffff14}.theme-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;padding:.45rem .7rem;cursor:pointer}.theme-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb59}.page{padding:1.25rem}.page--auth{padding:0}.page__title{margin:0 0 .75rem;font-size:clamp(1.25rem,1.2rem + .5vw,1.6rem)}.page__actions{display:flex;gap:.5rem;align-items:center}.stack,.grid{display:grid;gap:1rem}@media (min-width: 720px){.grid--2{grid-template-columns:1fr 1fr}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .5rem;border-radius:5px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:transform .06s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb59}.btn--primary{background:var(--primary);color:var(--primary-contrast);border-color:transparent;box-shadow:var(--primary-shadow)}.btn--ghost{background:transparent}.btn--danger{background:var(--danger);color:#fff;border-color:transparent}.btn--pill{border-radius:5px;margin:10px}.btn--sm{padding:.4rem .7rem;font-size:.9rem}.card{border:1px solid var(--border);background:var(--surface);border-radius:16px;box-shadow:var(--shadow);padding:1rem 1.25rem}.card--flat{box-shadow:none}.card__title{margin:0 0 .25rem;font-weight:700}.card__meta{font-size:.85rem;color:var(--muted)}.list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.item{border:1px solid var(--border);background:var(--surface);border-radius:16px;box-shadow:var(--shadow);padding:.85rem 1rem;display:grid;gap:.3rem}.item__row{display:flex;align-items:center;gap:.75rem}.item__spacer{flex:1 1 auto}.badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;padding:.2rem .5rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-2)}.badge--ok{background:#16a34a26;color:#16a34a;border-color:#16a34a40}.badge--warn{background:#d9770626;color:#d97706;border-color:#d9770640}.input,.select,.textarea{width:100%;padding:.65rem .75rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text)}.input:focus,.select:focus,.textarea:focus{outline:none;box-shadow:0 0 0 3px #2563eb59}.form{display:grid;gap:.8rem}.form__row{display:grid;gap:.35rem}.form__hint{color:var(--muted);font-size:.85rem}.error{color:#fca5a5;font-size:.85rem}.actions{display:flex;gap:.5rem;align-items:center}.m-0{margin:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.text-muted{color:var(--muted)}.center{display:grid;place-items:center;height:calc(100dvh - var(--header-h));padding:.5rem}