*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;color:#182230}.sidebar{position:fixed;left:0;top:0;bottom:0;width:230px;background:#111827;padding:22px 14px}.brand{font-size:20px;font-weight:700;color:#fff;margin:0 8px 25px}.brand b{font-size:12px;background:#22c55e;padding:4px 6px;border-radius:5px}.sidebar a{display:block;color:#cbd5e1;text-decoration:none;padding:11px 12px;border-radius:8px;margin:3px 0}.sidebar a:hover{background:#1f2937;color:#fff}.main{margin-left:230px;padding:24px}.topbar{background:#fff;border-radius:12px;padding:14px 18px;margin-bottom:20px;display:flex;justify-content:space-between}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.card,.panel{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000a}.card{padding:20px}.num{font-size:28px;font-weight:700;margin-top:8px}.panel{padding:20px;margin-top:20px}.btn{display:inline-block;background:#16a34a;color:#fff;padding:9px 14px;border:0;border-radius:7px;text-decoration:none;cursor:pointer}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #e5e7eb}input,select,textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:7px;margin:5px 0 12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.login{max-width:420px;margin:80px auto;background:#fff;padding:30px;border-radius:14px}@media(max-width:800px){.sidebar{position:static;width:auto}.main{margin-left:0}.grid2{grid-template-columns:1fr}}