*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6f8;color:#17202a}.topbar{height:68px;background:#fff;border-bottom:1px solid #dde3ea;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.logo{height:42px;width:42px;border-radius:10px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}.hamb{font-size:26px}.layout{display:flex;min-height:calc(100vh - 68px)}.sidebar{width:260px;background:#101820;color:#fff;padding:22px}.sidebar a{display:block;color:#e8eef5;text-decoration:none;padding:12px 14px;border-radius:10px;margin-bottom:7px}.sidebar a:hover{background:#24313f}.main{flex:1;padding:28px}.card{background:#fff;border:1px solid #dde3ea;border-radius:18px;padding:22px;margin-bottom:20px;box-shadow:0 6px 18px rgba(16,24,32,.06)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.kpi h2{margin:0;font-size:32px}.kpi p{margin:6px 0 0;color:#607080}.btn{background:#101820;color:#fff;padding:10px 16px;border-radius:10px;text-decoration:none;border:0;cursor:pointer;display:inline-block}.btn.secondary{background:#eef2f5;color:#101820}.danger{background:#b42318}.form-control{width:100%;padding:12px;border:1px solid #cfd8e3;border-radius:10px;margin:8px 0 16px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:12px;border-bottom:1px solid #e6ecf2;text-align:left}th{background:#f8fafc}.badge{padding:5px 10px;border-radius:99px;background:#eef2f5;font-size:12px}.login{max-width:420px;margin:80px auto}.insight{line-height:1.55;background:#fbfcfd;border-left:5px solid #101820;padding:16px;border-radius:12px}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:210px}}