:root{color-scheme:light;--bg: #f4f6f8;--bg-accent: #e8eef5;--surface: #ffffff;--ink: #15202b;--muted: #5b6b7c;--line: #d5dee8;--brand: #c62828;--brand-ink: #fff8f6;--sidebar: #101820;--sidebar-ink: #e8eef5;--sidebar-muted: #8a9aab;--ok: #1b7a4e;--radius: 14px;--shadow: 0 10px 30px rgba(16, 24, 32, .08);font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(1200px 500px at 10% -10%,#d9e7f5 0%,transparent 55%),radial-gradient(900px 420px at 100% 0%,#f8d9d4 0%,transparent 45%),var(--bg);color:var(--ink)}button,input{font:inherit}a{color:inherit}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);padding:1.75rem;display:grid;gap:.85rem}.login-brand{font-size:1.65rem;font-weight:800;letter-spacing:-.03em;margin:0}.login-sub{margin:0;color:var(--muted);line-height:1.45}.field{display:grid;gap:.35rem}.field span{font-size:.9rem;font-weight:650}.field input{border:1px solid var(--line);border-radius:10px;padding:.75rem .85rem;background:#fbfcfd}.btn{border:0;border-radius:10px;padding:.75rem 1rem;font-weight:700;cursor:pointer}.btn-primary{background:var(--brand);color:var(--brand-ink)}.btn-primary:disabled{opacity:.7;cursor:wait}.btn-ghost{background:transparent;color:inherit;border:1px solid var(--line)}.error{margin:0;color:#9f1d1d;font-weight:600}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{background:var(--sidebar);color:var(--sidebar-ink);padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1.25rem}.sidebar-brand{font-size:1.2rem;font-weight:800;letter-spacing:-.02em}.sidebar-role{margin-top:.2rem;color:var(--sidebar-muted);font-size:.85rem}.nav{display:grid;gap:.35rem}.nav button{text-align:left;border:0;border-radius:10px;padding:.7rem .8rem;background:transparent;color:var(--sidebar-ink);cursor:pointer;font-weight:650}.nav button.active,.nav button:hover{background:#ffffff14}.sidebar-foot{margin-top:auto;display:grid;gap:.55rem}.sidebar-user{color:var(--sidebar-muted);font-size:.85rem;word-break:break-word}.main{padding:1.5rem;display:grid;gap:1rem;align-content:start}.page-title{margin:0;font-size:1.55rem;letter-spacing:-.03em}.page-sub{margin:0;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.85rem}.stat-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{padding:1rem 1.1rem}.stat-label{color:var(--muted);font-size:.85rem;font-weight:650}.stat-value{margin-top:.35rem;font-size:1.8rem;font-weight:800;letter-spacing:-.03em}.panel{padding:1rem 1.15rem;display:grid;gap:.75rem}.panel h2{margin:0;font-size:1.05rem}.list{display:grid;gap:.55rem}.list-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.85rem .95rem;border:1px solid var(--line);border-radius:12px;background:#fbfcfd;cursor:pointer;text-align:left;width:100%}.list-row:hover{border-color:#b9c7d6}.list-row strong{display:block}.list-row span{color:var(--muted);font-size:.9rem}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:700;background:#e8f6ef;color:var(--ok)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.detail-item label{display:block;color:var(--muted);font-size:.8rem;font-weight:650;margin-bottom:.2rem}.muted{color:var(--muted)}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:2}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}}