*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial;background:#f4f6f9;color:#172033}.layout{display:flex;min-height:100vh}aside{width:230px;background:#111827;color:#fff;padding:22px;flex:none}aside h2{margin:0 0 24px}nav a{display:block;color:#cbd5e1;text-decoration:none;padding:11px 10px;border-radius:8px;margin:3px 0}nav a:hover{background:#1f2937;color:#fff}main{flex:1;padding:24px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.card,.panel{background:#fff;border-radius:12px;padding:18px;box-shadow:0 2px 12px #0000000b;margin-bottom:18px}.card b{font-size:28px;display:block;margin-top:8px}table{width:100%;border-collapse:collapse;background:#fff}.panel{overflow:auto}th,td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left;white-space:nowrap}input,select,textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:7px;margin:5px 0 12px}button,.btn{background:#2563eb;color:#fff;border:0;border-radius:7px;padding:10px 14px;text-decoration:none;cursor:pointer}.danger{background:#dc2626}.muted{color:#64748b}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.login{max-width:420px;margin:12vh auto}.alert{padding:12px;background:#fee2e2;border-radius:8px;margin-bottom:15px}@media(max-width:700px){aside{width:180px;padding:12px}main{padding:12px}}