*{box-sizing:border-box}body{margin:0;background:#f4f6fb;color:#172033;font:15px/1.5 system-ui,Arial}.layout{display:flex;min-height:100vh}.side{width:245px;background:#151b2d;color:#fff;padding:24px 16px}.side h2{font-size:19px;margin:0 0 25px}.side a{display:block;color:#dbe2f3;text-decoration:none;padding:11px 13px;border-radius:10px;margin:4px 0}.side a:hover{background:#29324b}.main{flex:1;padding:28px;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.card{background:white;border-radius:16px;padding:20px;box-shadow:0 6px 24px #1720330b;margin-bottom:16px}.stat{font-size:25px;font-weight:750;margin-top:8px}.muted{color:#718096}.btn{border:0;background:#5b5ce2;color:#fff;padding:11px 17px;border-radius:10px;cursor:pointer;text-decoration:none;display:inline-block;font-weight:650}.btn.red{background:#dc465a}.btn.green{background:#159b70}input,select,textarea{width:100%;padding:11px;border:1px solid #dce2ee;border-radius:9px;margin:6px 0 14px;font:inherit}label{font-weight:650}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf0f5}th{color:#68758b;font-size:13px}.table-wrap{overflow:auto}.alert{background:#fff0f0;color:#a52d3b;padding:12px;border-radius:9px;margin:12px 0}.success{background:#e8fff5;color:#08734d;padding:12px;border-radius:9px;margin:12px 0}.auth{max-width:480px;margin:6vh auto;padding:15px}.auth .card{padding:28px}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}hr{border:0;border-top:1px solid #edf0f5;margin:18px 0}@media(max-width:720px){.layout{display:block}.side{width:100%;padding:12px}.side a{display:inline-block;padding:8px}.main{padding:14px}.top{align-items:flex-start;gap:10px;flex-direction:column}}