:root{color-scheme:light;--bg:#fbf8f9;--panel:#ffffff;--panel-2:#f8edf1;--text:#24191d;--muted:#6f5c63;--accent:#8c1d40;--accent-strong:#68132d;--accent-2:#0f7b62;--danger:#ba1a1a;--danger-bg:#ffdad6;--border:#e7d8dd;--shadow:0 8px 24px rgba(84,36,52,.10),0 1px 3px rgba(84,36,52,.08)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at top right,rgba(140,29,64,.12),transparent 26rem),linear-gradient(180deg,#fff,var(--bg) 22rem);color:var(--text);font-family:Roboto,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,select,textarea{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{border-right:1px solid var(--border);background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:1.25rem;position:-webkit-sticky;position:sticky;top:0;height:100vh;box-shadow:4px 0 24px rgba(84,36,52,.05);z-index:10}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{color:var(--accent);display:inline-flex;font-size:1.55rem;font-weight:900;letter-spacing:-.04em;margin-bottom:.25rem}.brand:hover{color:var(--accent-strong)}.tagline{color:var(--muted);font-size:.92rem;line-height:1.45;margin:.2rem 0 1.5rem}.menu-toggle{align-items:center;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;cursor:pointer;display:none;height:2.75rem;justify-content:center;padding:0;width:2.75rem}.menu-toggle span{background:var(--accent);border-radius:999px;display:block;height:2px;margin:3px 0;width:1.1rem}.nav{display:grid;grid-gap:.45rem;gap:.45rem}.nav a{border:1px solid transparent;border-radius:999px;color:var(--muted);font-weight:700;padding:.78rem 1rem;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.nav a:hover{background:var(--panel-2);border-color:var(--border);color:var(--accent)}.nav a.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 6px 16px rgba(140,29,64,.22)}.nav a.active:hover{background:var(--accent-strong);color:#fff}.main{padding:2rem;max-width:1220px;width:100%}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}h1,h2,h3{color:var(--text);margin-top:0;letter-spacing:-.03em}h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1.05}h2{font-size:1.25rem}p{color:var(--muted);line-height:1.55}.grid{display:grid;grid-gap:1rem;gap:1rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--border);border-radius:1.25rem;padding:1rem;box-shadow:var(--shadow)}.stat{color:var(--accent);font-size:2.25rem;font-weight:900;letter-spacing:-.04em}.badge,.muted{color:var(--muted)}.badge{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:700;margin:.15rem;padding:.25rem .6rem}.badge.good{background:#d8f5eb;border-color:#a8e4d2;color:var(--accent-2)}.badge.warn{background:#fff3cd;border-color:#ffe08a;color:#7a5500}.badge.danger{background:var(--danger-bg);border-color:#ffb4ab;color:var(--danger)}.actions{display:flex;gap:.7rem;flex-wrap:wrap}.actions,.btn{align-items:center}.btn{background:var(--accent);border:0;border-radius:999px;box-shadow:0 4px 12px rgba(140,29,64,.22);color:#fff;cursor:pointer;display:inline-flex;justify-content:center;font-weight:800;min-height:2.75rem;padding:.72rem 1.1rem}.btn:hover{background:var(--accent-strong);color:#fff}.btn.secondary{background:var(--panel-2);color:var(--accent);border:1px solid var(--border);box-shadow:none}.btn.secondary:hover{background:#f2dfe6;color:var(--accent-strong)}.btn.danger{background:var(--danger);color:#fff}.form{grid-gap:1rem;gap:1rem}.form,label{display:grid}label{grid-gap:.38rem;gap:.38rem;color:var(--muted);font-size:.92rem;font-weight:700}input,select,textarea{background:#fff;border:1px solid var(--border);border-radius:.85rem;color:var(--text);padding:.78rem .9rem;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(140,29,64,.14);outline:none}textarea{min-height:7rem;resize:vertical}.table{width:100%;border-collapse:collapse}td,th{text-align:left;border-bottom:1px solid var(--border);padding:.9rem .55rem;vertical-align:top}th{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}tr:last-child td{border-bottom:0}.searchbar{display:grid;grid-template-columns:1fr 180px 180px;grid-gap:.7rem;gap:.7rem;margin-bottom:1rem}.detail-list{display:grid;grid-template-columns:180px 1fr;grid-gap:.55rem 1rem;gap:.55rem 1rem}.mobile-top{display:none}.login{min-height:100vh;display:grid;place-items:center;padding:1rem}.login .card{max-width:520px;width:100%}@media (max-width:920px){.shell{display:block}.sidebar{border-bottom:1px solid var(--border);border-right:0;height:auto;padding:.9rem 1rem;position:-webkit-sticky;position:sticky}.brand{margin-bottom:0}.menu-toggle{display:flex;flex-direction:column}.tagline{display:none}.nav{max-height:0;overflow:hidden;transition:max-height .22s ease,padding-top .22s ease}.sidebar.is-open .nav{max-height:24rem;padding-top:.9rem}.nav a{padding:.9rem 1rem}.main{padding:1rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.searchbar{grid-template-columns:1fr!important}.hero{display:grid}.actions,.hero>.btn{width:100%}.actions .btn,.hero>.btn{flex:1 1 auto}.table{display:block;overflow-x:auto}.detail-list{grid-template-columns:1fr}}