*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fb;color:#182033}.layout{display:flex;min-height:100vh}aside{width:255px;background:#172554;color:#fff;padding:24px 16px}.brand{font-size:24px;font-weight:800;letter-spacing:1px}.brand small{display:block;font-size:11px;color:#a5b4fc;margin-top:5px}.center{text-align:center}.layout nav{margin-top:35px}.layout nav a{display:block;color:#dbeafe;text-decoration:none;padding:13px 14px;border-radius:9px;margin:5px 0}.layout nav a:hover{background:#243c79;color:#fff}main{flex:1}header{height:70px;background:#fff;border-bottom:1px solid #e7eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.content{padding:30px}.grid{display:grid;gap:20px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.panel,.tablewrap{background:#fff;border:1px solid #e7eaf0;border-radius:14px;padding:22px;box-shadow:0 5px 18px rgba(15,23,42,.04)}.card span{color:#64748b;display:block}.card strong{font-size:34px;margin-top:10px;display:block}.panel{margin-top:24px}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#172554,#2563eb)}.loginbox{background:#fff;padding:36px;border-radius:18px;width:min(420px,90vw);box-shadow:0 20px 50px #0004}.loginbox .brand{color:#172554}.loginbox input,.form input,.form select,.form textarea{width:100%;padding:13px;border:1px solid #dbe1ea;border-radius:9px;margin:8px 0;font:inherit}.loginbox button,.btn{background:#2563eb;color:#fff;border:0;padding:13px 18px;border-radius:9px;font-weight:bold;cursor:pointer;text-decoration:none;display:inline-block}.muted{color:#64748b;font-size:13px}.error{color:#b91c1c}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #eef1f5;font-size:14px}th{color:#64748b}.form{background:#fff;padding:20px;border-radius:14px;margin-bottom:20px}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(max-width:850px){aside{width:70px;padding:15px 8px}.brand small,.brand{font-size:0}.layout nav a{font-size:0;padding:16px}.content{padding:15px}.cards{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:1fr}} 
.demo-badge{font-size:10px;background:#dcfce7;color:#166534;padding:5px 8px;border-radius:999px;margin-left:8px;font-weight:700}.toolbar h1{margin:0}.panel h2{margin-top:0}