:root{--navy:#08111f;--navy2:#101d31;--gold:#f5c518;--bg:#f3f6fa;--muted:#6b7280}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#18212f}.sidebar{position:fixed;inset:0 auto 0 0;width:255px;background:linear-gradient(180deg,var(--navy),var(--navy2));color:#fff;padding:22px 15px;z-index:1030}.brand{display:flex;gap:11px;align-items:center;padding:0 5px 22px;border-bottom:1px solid #ffffff17}.brand img{width:48px;height:48px;object-fit:contain}.brand small{display:block;color:#aab5c7;font-size:10px}.sidebar nav{padding-top:18px}.sidebar a{display:flex;gap:13px;align-items:center;color:#cbd5e1;text-decoration:none;padding:12px 14px;border-radius:12px;margin:4px 0}.sidebar a:hover{background:#ffffff12;color:var(--gold)}.topbar{position:fixed;left:255px;right:0;top:0;height:68px;background:#fff;display:flex;align-items:center;padding:0 24px;box-shadow:0 2px 12px #0000000a;z-index:1020}.main{margin-left:255px;padding:92px 25px 35px}.menu-btn{display:none;border:0;background:none;font-size:22px}.user-btn{background:#f5f7fa}.hero{background:linear-gradient(125deg,#0a1729,#172a46);color:#fff;border-radius:20px;padding:25px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:#f5c51822;right:-40px;top:-60px}.metric{background:#fff;border:0;border-radius:17px;padding:20px;box-shadow:0 6px 25px #10213b0b;height:100%}.metric .ico{width:46px;height:46px;border-radius:13px;background:#fff6ce;color:#9a7400;display:grid;place-items:center;font-size:20px}.metric h3{font-size:23px;margin:13px 0 2px}.cardx{background:#fff;border-radius:17px;padding:20px;box-shadow:0 6px 25px #10213b0b}.table>:not(caption)>*>*{padding:.8rem}.badge-soft{background:#fff3bf;color:#7a5b00}.mobile-nav{display:none}.login-page{min-height:100vh;background:radial-gradient(circle at 15% 15%,#263b5c,#07101e 55%);display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);background:#fff;border-radius:25px;padding:30px;box-shadow:0 30px 80px #0007}.login-logo{width:92px;display:block;margin:auto}.form-control,.form-select{border-radius:12px;padding:.72rem .9rem}.btn-gold{background:var(--gold);border:0;color:#171717;font-weight:700;border-radius:12px;padding:.8rem}.btn-gold:hover{background:#e6b900}.mobile-title{display:none}@media(max-width:768px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.show{transform:translateX(0)}.topbar{left:0;height:60px;padding:0 15px}.menu-btn{display:block}.main{margin:0;padding:78px 14px 90px}.hero{padding:20px;border-radius:18px}.hero h2{font-size:20px}.metric{padding:16px}.metric h3{font-size:20px}.mobile-nav{position:fixed;display:flex;bottom:0;left:0;right:0;height:70px;background:#fff;border-top:1px solid #e9edf3;z-index:1040;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{color:#788397;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;min-width:62px}.mobile-nav i{font-size:19px}.mobile-nav a:hover{color:#b78c00}.cardx{border-radius:16px;padding:15px}.dt-layout-row{overflow:auto}.table{font-size:13px}.user-btn{font-size:0}.user-btn i{font-size:22px}}