:root{--bg:#070c18;--bg-deep:#050a16;--glow:#1a2a4c;--card:#121d36;--card-2:#16233f;--line:#24324f;--focus:#8fb3ff;--gold:#ffc03a;--grey:#8f9db2;--pale:#dce3f0;--white:#fff;--amber:#e0a85a;--radius:14px;--sidebar:248px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg-deep)}body{background:radial-gradient(ellipse at 70% 0%, var(--glow) 0%, var(--bg) 60%, var(--bg-deep) 100%) fixed;min-height:100svh;color:var(--pale);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.5 Helvetica Neue,Inter,Arial,sans-serif}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button{font:inherit;cursor:pointer}.sr-only,.skip:not(:focus){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip:focus{z-index:10;background:var(--card);color:var(--gold);border-radius:8px;padding:8px 14px;position:fixed;top:8px;left:8px}.muted{color:var(--grey)}.small{font-size:14px}.warn{color:var(--amber)}.btn-primary{color:var(--gold);border:1px solid var(--gold);background:0 0;border-radius:999px;padding:11px 28px}.btn-primary:hover{background:#ffc03a14}.btn-ghost{color:var(--pale);border:1px solid var(--line);background:0 0;border-radius:999px;padding:7px 16px;font-size:14px}.btn-ghost:hover{border-color:var(--grey)}.chip{border:1px solid var(--gold);color:var(--gold);vertical-align:middle;border-radius:999px;margin-left:12px;padding:0 10px;font-size:13px;display:inline-block}.center-screen{place-items:center;min-height:100svh;padding:24px 16px;display:grid}.login{text-align:center;justify-items:center;gap:16px;width:min(420px,100%);display:grid}.logo-lg{width:clamp(200px,60vw,300px);height:auto}.login-title{color:var(--white);letter-spacing:.04em;margin:0 0 8px;font-size:26px;font-weight:400}.lang{border:1px solid var(--line);border-radius:999px;display:inline-flex;overflow:hidden}.lang button{color:var(--grey);background:0 0;border:0;padding:4px 12px;font-size:13px}.lang button.on{color:var(--gold)}.app{grid-template-columns:var(--sidebar) 1fr;grid-template-rows:auto 1fr;min-height:100svh;display:grid}.topbar{border-bottom:1px solid var(--line);grid-column:1/-1;align-items:center;gap:16px;padding:14px 24px;display:flex}.logo-sm{width:96px;height:auto}.topbar-right{align-items:center;gap:14px;margin-left:auto;display:flex}.who{text-align:right;line-height:1.2;display:grid}.who-name{color:var(--white);font-size:15px}.who-role{color:var(--grey);font-size:13px}.menu-btn{color:var(--pale);border:1px solid var(--line);background:0 0;border-radius:999px;padding:6px 14px;font-size:14px;display:none}.sidebar{border-right:1px solid var(--line);padding:20px 12px}.sidebar ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.sidebar a{color:var(--pale);border-radius:10px;align-items:center;gap:12px;padding:9px 12px;font-size:15px;text-decoration:none;display:flex}.sidebar a:hover{background:var(--card)}.sidebar a.active{background:var(--card);color:var(--gold)}.num{color:var(--gold);min-width:22px;font-size:13px;font-weight:700}.content{min-width:0;padding:32px}.page-title{color:var(--white);flex-wrap:wrap;align-items:baseline;gap:12px;margin:0 0 24px;font-size:26px;font-weight:400;display:flex}.page-title .num{font-size:18px}.banner{border:1px solid var(--line);color:var(--grey);border-radius:10px;margin:0 0 20px;padding:10px 16px;font-size:14px}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.card h2{color:var(--gold);margin:0 0 16px;font-size:17px;font-weight:400}.card.empty{max-width:640px}.card.empty p{margin:0}dl{grid-template-columns:max-content 1fr;gap:8px 24px;margin:0;display:grid}dt{color:var(--grey)}dd{margin:0}@media (width<=860px){.app{grid-template-columns:1fr}.topbar{gap:10px;padding:12px 16px}.menu-btn{display:inline-block}.who{display:none}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:8px 16px 16px;display:none}.sidebar.open{display:block}.content{padding:24px 16px}.page-title{font-size:22px}}@media (width<=420px){.topbar-right .btn-ghost{padding:6px 10px}.logo-sm{width:72px}}
