@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
:root{
 --navy:#003A8C; --navy-deep:#031B43; --navy-dark:#06152F; --blue:#0D6EFD;
 --cyan:#00C2FF; --white:#FFFFFF; --ink:#10213D; --muted:#71809A;
 --surface:#F4F7FC; --line:#E3EAF4; --success:#16B981; --warning:#F59E0B;
 --danger:#EF4444; --shadow:0 18px 55px rgba(4,29,72,.12);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Montserrat,Arial,sans-serif;color:var(--ink)}
body{background:#F4F7FC}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.wmc-topbar{height:74px;background:linear-gradient(110deg,#031B43,#003A8C);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,56px);position:sticky;top:0;z-index:20;box-shadow:0 6px 24px #001b4433}
.wmc-brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.02em}
.wmc-brand img{width:58px;height:48px;object-fit:contain;object-position:center}
.wmc-brand span{font-size:17px;letter-spacing:.12em}
.wmc-top-actions{display:flex;align-items:center;gap:12px}
.wmc-pill{border:1px solid #ffffff42;background:#ffffff12;color:white;border-radius:999px;padding:9px 14px;font-size:12px}
.wmc-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#0D6EFD;font-weight:800}
.wmc-layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 74px)}
.wmc-sidebar{background:#061B3D;color:#dbe8ff;padding:24px 15px;display:flex;flex-direction:column;gap:8px}
.wmc-side-brand{padding:4px 10px 22px;border-bottom:1px solid #ffffff1b;margin-bottom:8px}
.wmc-side-brand img{width:145px;height:92px;object-fit:contain;object-position:left center}
.wmc-side-label{font-size:10px;color:#81a6d7;text-transform:uppercase;letter-spacing:.15em;padding:12px 12px 5px}
.wmc-nav{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#c7d8f2;border-radius:12px;padding:12px 13px;text-align:left;font-size:12px;font-weight:600;width:100%}
.wmc-nav:hover,.wmc-nav.active{background:linear-gradient(90deg,#0D6EFD,#0754c5);color:white;box-shadow:0 8px 22px #0069ff33}
.wmc-nav .ico{width:22px;text-align:center;font-size:17px}
.wmc-main{padding:28px clamp(16px,3vw,38px) 48px;min-width:0}
.wmc-pagehead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}
.wmc-eyebrow{font-size:10px;color:#0D6EFD;font-weight:800;text-transform:uppercase;letter-spacing:.16em;margin-bottom:8px}
.wmc-h1{font-size:clamp(22px,3vw,30px);margin:0;color:#0A1F44;letter-spacing:-.04em}
.wmc-subtitle{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.6}
.wmc-btn{border:0;border-radius:11px;background:var(--blue);color:white;padding:12px 17px;font-weight:700;font-size:12px;box-shadow:0 8px 18px #0d6efd35}
.wmc-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.wmc-btn.secondary{background:#EAF2FF;color:#0755c9;box-shadow:none}
.wmc-btn.ghost{background:white;color:#17365f;border:1px solid var(--line);box-shadow:none}
.wmc-grid{display:grid;gap:16px}
.wmc-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}
.wmc-card{background:white;border:1px solid #e8eef7;border-radius:17px;padding:19px;box-shadow:0 6px 24px #0a2a5810;min-width:0}
.wmc-kpi-top{display:flex;justify-content:space-between;align-items:center;color:#71809A;font-size:11px;font-weight:600}
.wmc-kpi-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#eaf3ff;color:#0d6efd;font-size:17px}
.wmc-kpi-value{font-size:25px;font-weight:800;color:#0b2550;margin-top:13px;letter-spacing:-.04em}
.wmc-kpi-note{font-size:10px;color:#16a477;margin-top:7px}
.wmc-content-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr)}
.wmc-card-title{font-size:14px;font-weight:800;color:#112a50;margin-bottom:5px}
.wmc-card-desc{font-size:10px;color:#8290a5;margin-bottom:16px}
.wmc-chart{height:190px;display:flex;align-items:end;gap:12px;padding:18px 5px 0;border-bottom:1px solid #edf1f7;background:repeating-linear-gradient(to bottom,transparent 0,transparent 45px,#edf2f8 46px)}
.wmc-bar{flex:1;min-width:12px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#00C2FF,#0D6EFD);position:relative}
.wmc-bar span{position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);font-size:9px;color:#8290a5}
.wmc-list{display:flex;flex-direction:column;gap:0}
.wmc-list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #edf1f7;font-size:11px}
.wmc-list-row:last-child{border:0}
.wmc-status{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700}
.wmc-dot{width:7px;height:7px;border-radius:50%;background:var(--success)}
.wmc-table-wrap{overflow:auto;background:white;border:1px solid #e8eef7;border-radius:16px;box-shadow:0 6px 24px #0a2a5810}
.wmc-table{width:100%;border-collapse:collapse;min-width:650px}
.wmc-table th{text-align:left;color:#7c8ba2;font-size:10px;text-transform:uppercase;letter-spacing:.08em;background:#f8faff;padding:14px 17px}
.wmc-table td{padding:15px 17px;border-top:1px solid #edf1f7;font-size:11px;color:#243957}
.wmc-tag{display:inline-block;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800;background:#e9f8f2;color:#0a9b6b}
.wmc-tag.blue{background:#eaf2ff;color:#0d6efd}
.wmc-tag.amber{background:#fff5df;color:#b77906}
.wmc-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}
.wmc-input{border:1px solid #dce5f1;border-radius:10px;background:white;padding:11px 13px;font-size:11px;min-width:0;color:#1b3150;outline:none}
.wmc-input:focus{border-color:#0D6EFD;box-shadow:0 0 0 3px #0d6efd16}
.wmc-empty{padding:30px;text-align:center;color:#8090a8;font-size:12px}
.wmc-modal-backdrop{position:fixed;inset:0;background:#06152f99;z-index:50;display:none;align-items:center;justify-content:center;padding:16px}
.wmc-modal-backdrop.open{display:flex}
.wmc-modal{background:white;border-radius:18px;padding:24px;width:min(520px,100%);box-shadow:0 25px 80px #001b4455}
.wmc-modal h3{margin:0 0 17px;font-size:18px}
.wmc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wmc-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.wmc-field label{font-size:10px;font-weight:700;color:#52647f}
.wmc-field.full{grid-column:1/-1}
.wmc-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:12px}
.wmc-login{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(135deg,#031b43,#003a8c 62%,#075ed6);color:white}
.wmc-login-art{padding:8vw;display:flex;flex-direction:column;justify-content:center}
.wmc-login-art img{width:min(360px,80%);height:190px;object-fit:contain;object-position:left center}
.wmc-login-art h1{font-size:clamp(28px,4vw,48px);line-height:1.12;max-width:540px}
.wmc-login-art p{color:#c9ddff;line-height:1.7;font-size:13px;max-width:470px}
.wmc-login-panel{display:grid;place-items:center;padding:28px}
.wmc-login-box{background:white;color:#10213d;width:min(420px,100%);padding:34px;border-radius:22px;box-shadow:0 25px 80px #00102f55}
.wmc-login-box img{width:170px;height:110px;object-fit:contain;display:block;margin:0 auto 12px}
.wmc-login-box h2{text-align:center;margin:8px 0;font-size:21px}
.wmc-login-box p{text-align:center;color:#8090a5;font-size:11px;line-height:1.6}
.wmc-footnote{font-size:10px;color:#8996aa;text-align:center;margin-top:18px}
.wmc-mobile-menu{display:none}
.wmc-landing{background:#041a3c;color:white;min-height:100vh}
.wmc-hero{max-width:1200px;margin:auto;padding:70px 24px 55px;display:grid;grid-template-columns:1.05fr .95fr;gap:35px;align-items:center}
.wmc-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.07;letter-spacing:-.05em;margin:20px 0}
.wmc-hero h1 em{font-style:normal;color:#00C2FF}
.wmc-hero p{color:#c7d9f3;line-height:1.8;font-size:14px;max-width:590px}
.wmc-hero-logo{width:min(300px,80%);height:170px;object-fit:contain;object-position:left}
.wmc-hero-panel{border:1px solid #ffffff22;border-radius:22px;padding:22px;background:linear-gradient(145deg,#0b3470,#06152f);box-shadow:0 24px 80px #0006}
.wmc-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.wmc-feature{background:#ffffff0c;border:1px solid #ffffff18;border-radius:13px;padding:15px}
.wmc-feature b{display:block;font-size:12px;margin:8px 0}
.wmc-feature span{font-size:10px;color:#c1d5f3;line-height:1.5}
.wmc-landing-footer{border-top:1px solid #ffffff1c;padding:20px 24px;color:#91acd2;text-align:center;font-size:10px}
@media(max-width:1000px){.wmc-layout{grid-template-columns:210px 1fr}.wmc-kpis{grid-template-columns:repeat(2,1fr)}.wmc-content-grid{grid-template-columns:1fr}}
@media(max-width:700px){
 .wmc-topbar{height:64px;padding:0 14px}.wmc-brand img{width:48px;height:42px}.wmc-brand span{font-size:14px}
 .wmc-layout{display:block;min-height:calc(100vh - 64px)}.wmc-sidebar{display:none}.wmc-main{padding:21px 14px 100px}
 .wmc-kpis{gap:10px}.wmc-card{padding:14px;border-radius:14px}.wmc-kpi-value{font-size:21px}
 .wmc-pagehead{align-items:center}.wmc-pagehead .wmc-btn{padding:10px 12px;font-size:10px}
 .wmc-mobile-menu{display:flex;position:fixed;z-index:30;bottom:0;left:0;right:0;background:#061b3d;color:white;justify-content:space-around;padding:9px 4px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #001b4433}
 .wmc-mobile-menu a{font-size:9px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#d8e7ff}.wmc-mobile-menu a b{font-size:17px}
 .wmc-login{grid-template-columns:1fr}.wmc-login-art{padding:35px 26px 10px}.wmc-login-art img{height:110px;width:220px}.wmc-login-art h1{font-size:29px;margin:10px 0}.wmc-login-art p{font-size:11px;margin:0}
 .wmc-login-panel{padding:20px 16px 40px}.wmc-login-box{padding:25px}
 .wmc-hero{padding:40px 18px 30px;grid-template-columns:1fr}.wmc-hero h1{font-size:38px}.wmc-hero-logo{height:130px}
 .wmc-feature-grid{grid-template-columns:1fr 1fr}.wmc-form-grid{grid-template-columns:1fr}
 .wmc-toolbar>*{flex:1 1 100%}.wmc-table{min-width:580px}
}