*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f8fc;color:#18324a}a{text-decoration:none}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:linear-gradient(180deg,#062b57,#071c35);color:#dbeeff;padding:22px 16px;z-index:20}.brand img{width:190px;filter:brightness(0) invert(1);margin:4px 8px 30px}.nav a{display:block;padding:13px 15px;border-radius:12px;color:#bcd2e5;margin:5px 0;font-weight:700}.nav a:hover,.nav a.active{background:rgba(14,145,255,.18);color:#fff}.main{margin-left:250px;padding:30px}.topbar{background:#fff;border:1px solid #e1edf7;border-radius:18px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{background:#fff;border:1px solid #e1edf7;border-radius:20px;padding:20px;box-shadow:0 8px 28px #0a5c9610}.stat small{color:#6d8295}.stat b{font-size:30px;color:#0866c7;display:block;margin-top:8px}.panel{background:#fff;border:1px solid #e1edf7;border-radius:20px;padding:22px;box-shadow:0 8px 28px #0a5c9610;margin-top:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #edf3f8;vertical-align:top}th{color:#42627c;font-size:13px}td{font-size:14px}.btn{border:0;border-radius:11px;padding:10px 15px;font-weight:800;cursor:pointer;display:inline-block}.primary{background:#0b72ee;color:white}.danger{background:#ffecec;color:#d93030}.muted{background:#edf6ff;color:#0866c7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.full{grid-column:1/-1}label{display:block;font-size:13px;font-weight:800;margin-bottom:7px}input,select,textarea{width:100%;padding:12px 13px;border:1px solid #cfe0ef;border-radius:11px;font:inherit;outline:0}textarea{min-height:170px}.preview{max-width:180px;border-radius:10px}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef8ff,#dceeff)}.login-box{width:min(420px,92%);background:#fff;padding:32px;border-radius:25px;box-shadow:0 25px 70px #0b66ff20}.login-box img{width:230px;margin:0 auto 20px}.alert{padding:12px 15px;background:#e9f7ee;color:#16743c;border-radius:10px;margin-bottom:15px}.mobile{display:none}@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:.3s}.sidebar.open{transform:none}.main{margin-left:0}.mobile{display:block}.grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}@media(max-width:520px){.main{padding:15px}.grid{grid-template-columns:1fr}.topbar{gap:10px}.brand img{width:175px}}