:root{font-family:Inter,system-ui,sans-serif;color:#0f172a;background:#f8fafc}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#0f172a;color:#fff;padding:24px}.content{padding:24px}.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 18px #0f172a0f}.grid{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.input,.select{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px}.btn{border:none;border-radius:10px;padding:10px 14px;cursor:pointer}.btn-primary{background:#0f172a;color:#fff}.nav{display:grid;gap:8px;margin-top:18px}.nav a{padding:10px 12px;border-radius:10px;display:block}.nav a:hover,.nav a.active{background:#ffffff14}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid #e2e8f0}.muted{color:#64748b}@media(max-width:960px){.layout{grid-template-columns:1fr}.sidebar{display:none}.grid-3{grid-template-columns:1fr}}