:root{--bg: #f8fafc;--fg: #111827;--muted: #64748b;--card: #ffffff;--line: #e5e7eb;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-fg: #ffffff;--accent: #eff6ff;--accent-fg: #1e40af;--sidebar: #f8fafc;--sidebar-fg: #334155;--sidebar-muted: #64748b;--sidebar-active: #dbeafe;--danger: #b91c1c;--danger-bg: #fef2f2;--warn: #c2410c;--warn-bg: #fff7ed;--ok: #0e9f6e;--ok-bg: #ecfdf5;--pending: #c2410c;--shadow: 0 1px 2px rgba(15, 23, 42, .05);--radius: .625rem;--topbar-h: 56px;--nav-w: 248px;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif;color:var(--fg);background:var(--bg);line-height:1.45;font-size:15px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:650;letter-spacing:-.025em;margin:0 0 .35rem}h1{font-size:1.35rem}h2{font-size:1rem}p{margin:.3rem 0 .75rem;color:var(--muted)}a{color:var(--primary)}button,input,select,textarea{font:inherit}.shell{display:grid;grid-template-columns:var(--nav-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;min-height:100vh}.nav{grid-row:1 / span 2;background:var(--sidebar);color:var(--sidebar-fg);border-right:1px solid var(--line);padding:0 0 1.25rem;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;gap:.7rem;align-items:center;height:var(--topbar-h);padding:0 1rem;border-bottom:1px solid var(--line)}.brand-mark{width:36px;height:36px;border-radius:8px;background:var(--primary);color:var(--primary-fg);display:grid;place-items:center;font-weight:800;letter-spacing:-.04em;font-size:.95rem;flex-shrink:0}.brand strong{display:block;font-size:.95rem;color:var(--fg)}.brand small{display:block;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--primary)}.nav-scroll{flex:1;overflow-y:auto;padding:.85rem .7rem}.nav a{color:inherit;text-decoration:none;display:flex;align-items:center;gap:.5rem;padding:.42rem .7rem;border-radius:8px;font-size:.875rem;font-weight:500}.nav a:hover{background:var(--accent);color:var(--accent-fg)}.nav a.active{background:var(--sidebar-active);color:var(--primary);font-weight:600}.nav .section{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sidebar-muted);margin:.9rem .7rem .3rem}.nav-foot{padding:.85rem 1rem 0;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}.topbar-shell{grid-column:2;display:flex;align-items:center;gap:.75rem;height:var(--topbar-h);padding:0 1.25rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--card) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar-shell h1{margin:0;flex:1;font-size:1.05rem;font-weight:650}.user-chip{display:flex;align-items:center;gap:.55rem;font-size:.8rem;color:var(--muted)}.avatar{width:28px;height:28px;border-radius:999px;background:var(--accent);color:var(--accent-fg);display:grid;place-items:center;font-size:.7rem;font-weight:700}.main{grid-column:2;padding:1.25rem 1.5rem 2.5rem;max-width:1280px;width:100%}.page-kicker{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin-bottom:.2rem}.page-lead{max-width:42rem}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.15rem}.pill{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent);color:var(--accent-fg);border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:999px;padding:.2rem .65rem;font-size:.75rem;font-weight:600}.grid{display:grid;gap:.85rem}.grid.stats{grid-template-columns:repeat(auto-fit,minmax(168px,1fr))}.grid.two{grid-template-columns:1.35fr 1fr}.grid.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid.modules{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.15rem}.stat .label{font-size:.8rem;font-weight:500;color:var(--muted)}.stat .value{font-size:1.75rem;font-weight:650;letter-spacing:-.03em;margin-top:.25rem;font-variant-numeric:tabular-nums}.stat a{font-size:.8rem;font-weight:600}.module-card{display:flex;flex-direction:column;gap:.35rem;text-decoration:none;color:inherit;min-height:108px}.module-card:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--line))}.module-card h3{font-size:.95rem;margin:0}.module-card p{margin:0;font-size:.8rem}.btn{border:0;border-radius:8px;padding:.48rem .9rem;cursor:pointer;background:var(--primary);color:var(--primary-fg);font-weight:600;font-size:.875rem}.btn:hover{background:var(--primary-hover)}.btn.gold{background:var(--primary);color:var(--primary-fg)}.btn.ghost{background:var(--card);color:var(--fg);border:1px solid var(--line)}.btn.ghost:hover{background:var(--accent)}.btn.danger{background:var(--danger);color:#fff}.btn.warn{background:var(--warn);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th{text-align:left;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:.5rem .55rem;border-bottom:1px solid var(--line);font-weight:700}.table td{padding:.65rem .55rem;border-bottom:1px solid var(--line);vertical-align:top}.table tr{cursor:pointer}.table tr:hover td{background:var(--accent)}.badge{display:inline-block;border-radius:999px;padding:.12rem .5rem;font-size:.7rem;font-weight:650}.badge.open{background:var(--warn-bg);color:var(--warn)}.badge.assigned,.badge.in_progress{background:var(--ok-bg);color:var(--ok)}.badge.resolved{background:#f1f5f9;color:#475569}.badge.pending{background:var(--warn-bg);color:var(--warn)}.badge.granted{background:var(--ok-bg);color:var(--ok)}.badge.revoked,.badge.paused{background:var(--danger-bg);color:var(--danger)}.badge.none{background:#f1f5f9;color:#64748b}.badge.drill{background:var(--accent);color:var(--accent-fg)}.badge.member{background:var(--ok-bg);color:var(--ok)}.badge.new_member{background:#eef2ff;color:#4338ca}.badge.visitor{background:#f1f5f9;color:#475569}.badge.accepted{background:var(--ok-bg);color:var(--ok)}.badge.rejected,.badge.escalated{background:var(--danger-bg);color:var(--danger)}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.8rem}.field label{font-size:.8rem;font-weight:600;color:var(--fg)}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:8px;padding:.5rem .7rem;background:var(--card);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand{background:#020617;color:#f8fafc;padding:3rem;display:flex;flex-direction:column;justify-content:space-between}.login-brand h2{font-size:1.7rem;color:#fff;line-height:1.25;margin:0}.login-brand p{color:#94a3b8}.login-brand .mark{width:48px;height:48px;border-radius:10px;background:#2563eb;display:grid;place-items:center;font-weight:800;font-size:1.2rem}.login-form-wrap{display:grid;place-items:center;padding:2rem;background:#fff}.login-card{width:min(400px,100%);border:0;box-shadow:none;padding:0}.login-card h1{font-size:1.5rem}.login-card .btn{width:100%;padding:.65rem}.kiosk{min-height:100vh;display:grid;place-items:center;padding:2rem;background:#020617;color:#e2e8f0}.kiosk .box{width:min(480px,100%);text-align:center}.kiosk input{width:100%;font-size:1.5rem;text-align:center;letter-spacing:.18em;padding:.75rem;border-radius:10px;border:1px solid #334155;background:#111827;color:#fff;text-transform:uppercase}.kiosk .ok{font-size:1.2rem;color:#0e9f6e}.toggle{display:flex;justify-content:space-between;align-items:center;padding:.65rem 0;border-bottom:1px solid var(--line);gap:.75rem}.toggle:last-child{border-bottom:0}.toggle button{min-width:96px}.flash{background:var(--warn-bg);color:var(--warn);padding:.6rem .8rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.flash.ok{background:var(--ok-bg);color:#047857}.note{font-size:.8rem;color:var(--muted)}.chart{width:100%;height:180px}.chart path{fill:none;stroke:var(--primary);stroke-width:2.5}.chart .gold{stroke:#f59e0b}.menu-btn{display:none;border:1px solid var(--line);background:var(--card);border-radius:8px;padding:.35rem .55rem;cursor:pointer}.nav-backdrop{display:none}@media(max-width:960px){.login-wrap{grid-template-columns:1fr}.login-brand{display:none}.shell{grid-template-columns:1fr;grid-template-rows:var(--topbar-h) 1fr}.nav{position:fixed;inset:0 auto 0 0;width:min(280px,88vw);z-index:40;transform:translate(-110%);transition:transform .2s ease;box-shadow:8px 0 30px #0f172a1f}.shell.nav-open .nav{transform:none}.shell.nav-open .nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;z-index:30}.topbar-shell,.main{grid-column:1}.menu-btn{display:inline-flex}.grid.two,.grid.stats,.grid.modules{grid-template-columns:1fr}.main{padding:1rem}}