:root{--navy:#172b4d;--green:#26734d;--bg:#f4f7fb}body{background:var(--bg);color:#253247;font-size:14px}.login-bg{background:linear-gradient(135deg,#eaf3ee,#eef2fa)}.sidebar{width:245px;min-height:100vh;background:var(--navy);position:fixed;top:0;left:0;padding:24px 14px;color:#fff}.sidebar a{display:block;color:#dbe5f2;text-decoration:none;padding:10px 13px;border-radius:8px;margin:3px 0}.sidebar a:hover,.sidebar a.active{background:#2a4266;color:#fff}.main{margin-left:245px;padding:25px}.brand{font-size:18px;font-weight:700;margin:0 10px 24px}.metric{border:0;border-radius:12px;box-shadow:0 3px 14px rgba(25,45,75,.06)}.metric .value{font-size:23px;font-weight:700}.metric .label{color:#758198}.table thead th{font-size:12px;text-transform:uppercase;color:#718096;white-space:nowrap}.card{border:0;border-radius:12px;box-shadow:0 3px 14px rgba(25,45,75,.05)}.form-label{font-weight:600}.content-title{font-weight:700}.muted-small{font-size:12px;color:#8490a3}@media(max-width:800px){.sidebar{position:relative;width:100%;min-height:0}.main{margin-left:0;padding:15px}.sidebar nav{display:flex;flex-wrap:wrap}.sidebar a{padding:7px 9px}}\n