:root{--nav:#102a43;--nav2:#163a5f;--bg:#eef3f8;--border:#e3eaf2;--text:#24364b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:255px;background:linear-gradient(180deg,var(--nav),var(--nav2));color:#fff;z-index:1040}.brand{display:flex;gap:12px;align-items:center;padding:23px;border-bottom:1px solid #ffffff20}.brand small{display:block;color:#ffffffaa}.logo{width:46px;height:46px;border-radius:13px;background:#d7a12a;display:flex;align-items:center;justify-content:center;font-weight:800}.sidebar nav{padding:18px 12px}.sidebar nav a{display:flex;gap:12px;align-items:center;color:#ffffffc5;text-decoration:none;padding:12px 14px;border-radius:11px;margin-bottom:6px}.sidebar nav a.active,.sidebar nav a:hover{background:#ffffff1f;color:#fff}.main{margin-left:255px;min-height:100vh}.main header{height:82px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:14px 24px;position:sticky;top:0;z-index:1020}.main header h1{font-size:20px;margin:0}.main header small{color:#748399}.hero{min-height:180px;background:linear-gradient(135deg,#153c64,#23689c);border-radius:20px;color:#fff;padding:30px;display:flex;justify-content:space-between;align-items:center}.hero h2{font-size:30px;font-weight:800}.hero>i{font-size:90px;opacity:.15}.metric,.cardx,.smallstat{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 6px 18px #24364b0d}.metric{min-height:120px;padding:20px;display:flex;gap:14px;align-items:center}.metric .icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px}.metric small,.smallstat span{display:block;color:#748399}.metric strong{font-size:28px;display:block}.cardx{padding:22px;height:100%}.cardx h3{font-size:17px;font-weight:700}.quick{display:flex;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid var(--border);text-decoration:none;color:inherit}.quick>i{font-size:24px}.quick small{display:block;color:#748399}.smallstat{padding:16px}.smallstat strong{font-size:25px}.head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.search{width:240px}.table thead th{background:#f6f8fb;color:#5d6b7f;font-size:12px;white-space:nowrap}.table td{font-size:13px;vertical-align:middle}.progress{height:9px}#backdrop{display:none}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.show{transform:none}.main{margin-left:0}#backdrop.show{display:block;position:fixed;inset:0;background:#0006;z-index:1035}}@media(max-width:575px){.search{width:100%}.head{align-items:stretch;flex-direction:column}.hero{padding:22px}.hero h2{font-size:24px}.hero>i{font-size:55px}}