:root{--bg: #0f172a;--card: #071226;--surface: #071827;--muted: #94a3b8;--accent: #06b6d4;--accent-2: #7c3aed;--text: #e6eef6;--glass: rgba(255,255,255,.03)}*{box-sizing:border-box}html,body{height:100%;margin:0;background:linear-gradient(180deg,var(--bg) 0%,var(--card) 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}body{display:flex;flex-direction:column;min-height:100vh}.container{max-width:1100px;margin:0 auto;padding:1rem}.site-header{background:linear-gradient(90deg,#0c121ef5,#060a12e6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.03);position:sticky;top:0;z-index:40;box-shadow:0 6px 18px #02061799}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}.brand{display:flex;align-items:center;gap:.75rem}.brand-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text)}.logo svg{display:block;border-radius:6px}.brand-text{font-weight:700;font-size:1.05rem;letter-spacing:.2px}.nav{display:flex;align-items:center;gap:.5rem}.nav-link{color:var(--muted);text-decoration:none;padding:.45rem .6rem;border-radius:8px;font-size:.95rem;display:inline-flex;align-items:center;gap:.5rem}.nav-link:hover{background:#ffffff05;color:var(--text);box-shadow:inset 0 -1px #ffffff03}.nav-right{display:flex;align-items:center;gap:.5rem;margin-left:.5rem}.username{margin-right:.25rem;color:var(--muted);font-size:.95rem}.btn{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;border:none;padding:.45rem .7rem;border-radius:8px;cursor:pointer}.btn.small{padding:.35rem .5rem;font-size:.9rem}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.04)}.page-body{padding:clamp(1rem,3vw,2.5rem) 1rem;background:transparent;flex:1}.page-body .content{background:linear-gradient(180deg,#ffffff03,#ffffff01);border-radius:14px;padding:clamp(1rem,2.5vw,2rem);border:1px solid rgba(255,255,255,.03);box-shadow:0 10px 30px #02061799;width:100%;max-width:clamp(780px,90vw,1400px);margin:0 auto;transition:box-shadow .18s ease,transform .18s ease}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(.75rem,1.5vw,1.25rem)}.card{background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.04);padding:clamp(.8rem,1.6vw,1.2rem);border-radius:14px;box-shadow:0 8px 24px #02061773;transition:transform .22s cubic-bezier(.22,.9,.32,1),box-shadow .22s ease,background .22s ease;display:flex;flex-direction:column;gap:.6rem}.card:hover{transform:translateY(-6px);box-shadow:0 20px 48px #02061799}.stat-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.stat{flex:1;min-width:120px;padding:.6rem;border-radius:10px;background:linear-gradient(180deg,#ffffff03,#ffffff01);border:1px solid rgba(255,255,255,.02);display:flex;flex-direction:column}.stat .label{font-size:.8rem;color:var(--muted);margin-bottom:.25rem}.stat .value{font-size:1.25rem;font-weight:700}h1,h2,h3{line-height:1.12;margin:0 0 .5rem}p{line-height:1.45;margin:0 0 .75rem}.gutter{padding:clamp(.5rem,1vw,1rem)}.table-wrap{border-radius:10px;padding:.35rem;background:linear-gradient(180deg,rgba(255,255,255,.01),transparent)}.toolbar{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-bottom:0}.filter label{font-size:.78rem;color:var(--muted);display:block;margin-bottom:.25rem}.filter input{min-width:140px;padding:.5rem;border-radius:10px;background:var(--surface);border:1px solid rgba(255,255,255,.03)}.btn{border-radius:10px;padding:.45rem .7rem;font-weight:600;letter-spacing:.2px}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--text)}.btn:hover{transform:translateY(-1px)}a.nav-link:focus,button:focus,input:focus,select:focus,textarea:focus{outline:3px solid rgba(99,102,241,.1);outline-offset:3px}.btn[disabled],.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.site-footer{padding:1rem 0;color:var(--muted);font-size:.9rem;border-top:1px solid rgba(255,255,255,.02);margin-top:2rem}table{width:100%;border-collapse:collapse;background:transparent}thead th{text-align:left;padding:.75rem .5rem;color:var(--muted);font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.03)}tbody td{padding:.6rem .5rem;border-bottom:1px solid rgba(255,255,255,.02);vertical-align:middle}tbody tr:hover{background:#ffffff05}textarea{width:100%;padding:.5rem;border-radius:8px;background:var(--surface);border:1px solid rgba(255,255,255,.03);color:var(--text)}input,select{padding:.45rem;border-radius:8px;border:1px solid rgba(255,255,255,.03);background:var(--surface);color:var(--text)}button{cursor:pointer}code{background:#ffffff08;padding:.15rem .35rem;border-radius:6px}@media(max-width:880px){.header-inner{flex-direction:column;gap:.5rem;align-items:flex-start}.nav{width:100%;gap:.5rem}}.menu-btn{display:none;background:transparent;border:1px solid rgba(255,255,255,.04);color:var(--text);padding:.45rem .6rem;border-radius:8px;font-size:1.05rem}@media(max-width:800px){.menu-btn{display:inline-block}.nav{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;width:100%}.nav .nav-link,.nav .username,.nav .btn{display:none}.nav.open .nav-link,.nav.open .username,.nav.open .btn{display:inline-flex}.nav.open{margin-top:.5rem}}.theme-toggle{background:transparent;border:1px solid var(--glass);color:var(--muted);padding:.35rem .5rem;border-radius:8px;font-size:.95rem;display:inline-flex;align-items:center;gap:.4rem}.theme-toggle:hover{background:#ffffff05;color:var(--text)}[data-theme=light]{--bg: #f6f8fb;--card: #ffffff;--surface: #ffffff;--muted: #475569;--accent: #0ea5a4;--accent-2: #6d28d9;--text: #0f172a;--glass: rgba(0,0,0,.06)}[data-theme=light] .site-header{background:linear-gradient(90deg,#fffffff2,#fafafafa);border-bottom:1px solid rgba(15,23,42,.06);box-shadow:0 4px 10px #0206170a}[data-theme=light] .brand-link{color:var(--text)}[data-theme=light] .btn.ghost{border-color:#0f172a0f;color:var(--text)}[data-theme=light] .nav-link{color:var(--muted)}.card{background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.03);padding:1rem;border-radius:12px;box-shadow:0 6px 18px #00000080}.toolbar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.filter{display:flex;gap:.5rem;align-items:center}.filter label{color:var(--muted);font-size:.85rem}.filter input{min-width:140px}.spacer{flex:1}.small-muted{color:var(--muted);font-size:.9rem}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.04);color:var(--text)}.badge{background:var(--glass);color:var(--muted);padding:.25rem .5rem;border-radius:999px;font-size:.85rem}.stars{display:inline-flex;gap:2px;align-items:center}.star{font-size:1rem;color:var(--muted)}.star.filled{color:gold}.table-wrap{overflow:auto;border-radius:8px;padding:.25rem;background:linear-gradient(180deg,rgba(255,255,255,.01),transparent)}.empty{padding:2rem;text-align:center;color:var(--muted)}@media(max-width:700px){.filter input{min-width:110px}.toolbar{gap:.4rem}}