:root{--bg: #f0f4f8;--surface: #ffffff;--text: #1e293b;--muted: #64748b;--primary: #0d9488;--primary-dark: #0f766e;--border: #e2e8f0;--danger: #dc2626;--warn: #d97706;--ok: #16a34a;--sidebar-w: 240px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:var(--primary-dark);text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:#0f172a;color:#e2e8f0;padding:1.25rem .75rem;flex-shrink:0}.sidebar-brand{font-weight:700;font-size:1rem;padding:0 .75rem 1rem;color:#fff;line-height:1.3}.sidebar nav a{display:block;padding:.55rem .75rem;border-radius:8px;color:#cbd5e1;margin-bottom:.15rem}.sidebar nav a.active,.sidebar nav a:hover{background:#0d948840;color:#fff}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.content{padding:1.5rem;flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem;box-shadow:0 1px 2px #0f172a0a}.grid{display:grid;gap:1rem}.grid-4{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.btn{border:none;border-radius:8px;padding:.5rem 1rem;font-weight:600;cursor:pointer;font-size:.875rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.demo-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:999px;padding:.2rem .6rem}.status-ok{color:var(--ok)}.status-warn{color:var(--warn)}.status-bad{color:var(--danger)}table.data{width:100%;border-collapse:collapse;font-size:.875rem}table.data th,table.data td{text-align:left;padding:.6rem .5rem;border-bottom:1px solid var(--border)}.form-row{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem}.form-row input,.form-row select{padding:.5rem .65rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem}.alert{padding:.75rem 1rem;border-radius:8px;background:#fee2e2;color:#991b1b;margin-bottom:1rem}.muted{color:var(--muted);font-size:.875rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{max-width:420px;width:100%}@media(max-width:900px){.app-shell{flex-direction:column}.sidebar{width:100%}.sidebar nav{display:flex;flex-wrap:wrap;gap:.25rem}}