:root{font-family:Inter,system-ui,Arial,sans-serif;color:#0f172a;background:#f8fafc}*{box-sizing:border-box}body{margin:0}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#0f172a;color:#e2e8f0;padding:20px;display:flex;flex-direction:column;gap:16px}.brand{display:flex;gap:8px;align-items:center;font-weight:700}.menu{display:flex;flex-direction:column;gap:8px}.menu a{color:#cbd5e1;text-decoration:none;padding:10px;border-radius:10px}.menu a.active,.menu a:hover{background:#1e293b;color:#fff}.content{padding:24px}.center{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0ea5e9,#6366f1)}.card{background:#fff;border-radius:14px;padding:16px;box-shadow:0 8px 24px #0f172a14;margin-bottom:16px}.login{width:380px}label{display:block;margin-top:10px;margin-bottom:6px;font-size:14px}input,select,button{width:100%;padding:10px;border-radius:10px;border:1px solid #cbd5e1}.btn{margin-top:14px;background:#2563eb;color:#fff;border:none;cursor:pointer}.btn.ghost{background:transparent;border:1px solid #334155;color:#e2e8f0}.muted{opacity:.75;font-size:14px}.error{margin-top:10px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:10px;padding:8px}.filter{display:grid;grid-template-columns:120px 1fr 120px;gap:12px;align-items:end}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #e2e8f0}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:3}.filter,.grid3{grid-template-columns:1fr}}