:root{
  --blue:#235fc8;--blue2:#19448f;--green:#14a66a;--red:#d73b4a;--yellow:#d99a00;--orange:#eb6a22;
  --purple:#7048c8;--bg:#f3f6fb;--card:#fff;--text:#172033;--muted:#687286;--line:#e2e8f2;
  --shadow:0 14px 34px rgba(29,48,92,.10);
}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
.topbar{height:74px;background:linear-gradient(110deg,#1e60c9,#17468f);display:flex;align-items:center;gap:18px;padding:0 28px;color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 5px 22px rgba(15,39,86,.22)}
.brand{display:flex;align-items:center;gap:12px;font-size:1.15rem;white-space:nowrap}.brand img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:14px;padding:4px}.topnav{display:flex;gap:6px}.topnav a{padding:10px 12px;border-radius:9px;font-weight:700;font-size:.92rem}.topnav a:hover{background:rgba(255,255,255,.14)}
.global-search{margin-left:auto;min-width:220px}.global-search input{height:40px;width:100%;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(255,255,255,.13);color:#fff;padding:0 12px;outline:0}.global-search input::placeholder{color:#dce7ff}
.userbox{display:flex;align-items:center;gap:8px}.lang{font-size:.78rem;border:1px solid rgba(255,255,255,.26);padding:8px;border-radius:999px}.userbox summary{cursor:pointer;font-weight:700;list-style:none}.userbox details{position:relative}.menu{position:absolute;right:0;top:36px;width:220px;background:#fff;color:var(--text);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:8px}.menu a,.menu div{display:block;padding:10px;border-radius:8px}.menu a:hover{background:#f1f5fb}
.mobile-nav{display:none}.page{max-width:1480px;margin:0 auto;padding:28px 34px 70px}.login-page{max-width:none;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#e5efff,transparent 35%),#f6f8fc}
.title-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.title-row h1{margin:0 0 5px;font-size:1.85rem}.title-row p{margin:0;color:var(--muted)}.actions,.form-actions{display:flex;gap:9px;flex-wrap:wrap}.right{text-align:right}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:10px 14px;font-weight:800;cursor:pointer;line-height:1.15}.btn:hover{filter:brightness(.98);transform:translateY(-1px)}.btn.primary{background:var(--blue);color:#fff}.btn.light{background:#eef3fa;color:#24324a;border:1px solid #d1daea}.btn.danger{background:var(--red);color:#fff}.btn.success{background:var(--green);color:#fff}.btn.small{padding:7px 9px;font-size:.82rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(31,51,91,.06);padding:20px;margin-bottom:20px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-20px -20px 16px;padding:15px 20px;border-bottom:1px solid var(--line);background:#fbfcff;border-radius:12px 12px 0 0}.card-head h2,.card h2{margin:0;font-size:1.18rem}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.metric{min-height:112px;color:#fff;border-radius:14px;padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center}.metric span{font-size:2rem;font-weight:900}.metric b{font-size:.95rem}.blue{background:#e6f0ff;color:#184a9b}.metric.blue{background:linear-gradient(135deg,#3679e6,#1d55bf);color:#fff}.metric.green{background:linear-gradient(135deg,#25c977,#0f955b);color:#fff}.metric.purple{background:linear-gradient(135deg,#8a62df,#6440bd);color:#fff}.metric.orange{background:linear-gradient(135deg,#ff8a35,#dc5415);color:#fff}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.alert{border-left:5px solid var(--red)}.warn{border-left:5px solid var(--yellow)}.pending{border-left:5px solid var(--purple)}.card.alert strong,.card.warn strong,.card.pending strong{display:block;font-size:2rem;margin-top:7px}
.list{display:grid;gap:10px}.list-row{display:flex;justify-content:space-between;align-items:center;gap:14px;border-left:5px solid var(--line);background:#f8fafc;border-radius:10px;padding:12px}.list-row span{display:grid;gap:3px}.list-row small,.table small{display:block;color:var(--muted);font-size:.82rem;margin-top:3px}.list-row em{font-style:normal;font-weight:800;font-size:.84rem}.list-row.green{border-color:var(--green);background:#effcf5}.list-row.red{border-color:var(--red);background:#fff1f3}.list-row.orange{border-color:var(--orange);background:#fff6ee}.list-row.yellow{border-color:var(--yellow);background:#fffbea}.list-row.gray{border-color:#a3aab8}.empty{padding:28px;text-align:center;color:var(--muted)}
.enterprise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.enterprise-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 7px 22px rgba(31,51,91,.06)}.enterprise-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.enterprise-logo{width:76px;height:58px;border-radius:12px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.enterprise-logo img{max-width:100%;max-height:100%;object-fit:contain;padding:5px}.enterprise-logo span{font-size:1.5rem}.enterprise-logo.large{width:118px;height:84px;flex:0 0 auto}.enterprise-title{display:flex;align-items:center;gap:16px}.enterprise-card h3{margin:13px 0 6px}.enterprise-card p{margin:0;color:var(--muted)}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.mini-stats span{background:#f5f8fd;border-radius:9px;padding:9px;color:var(--muted)}.mini-stats b{display:block;color:var(--text);font-size:1.15rem}
.filters{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px;display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:18px}.filters input,.filters select{height:42px;border:1px solid #cfd8e8;border-radius:9px;padding:0 11px;min-width:170px;flex:1}
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form label{display:grid;gap:6px;font-weight:750;color:#4e5b72;font-size:.86rem}.form input,.form select,.form textarea,.inline-form input{width:100%;border:1px solid #cfd8e8;border-radius:9px;padding:10px 11px;background:#fff}.form textarea{min-height:100px;resize:vertical}.form .full{grid-column:1/-1}.form-actions{grid-column:1/-1;justify-content:flex-end;border-top:1px solid var(--line);padding-top:15px}.inline-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.inline-form input{flex:1;min-width:260px}
.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#637086;background:#f8fafc;padding:12px;border-bottom:1px solid var(--line)}.table td{padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}.table tr:hover td{background:#fbfcff}.table a{font-weight:800;color:#1d55bf}.table .actions{display:flex;gap:6px}.table form{display:inline}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:850;background:#eef2f7;color:#4d596c}.badge.green,.green{background:#e3f8ec;color:#087a49}.badge.red,.red{background:#ffe4e8;color:#a52535}.badge.yellow,.yellow{background:#fff8d7;color:#856200}.badge.orange,.orange{background:#fff0df;color:#a65300}.badge.gray,.gray{background:#eef1f5;color:#596170}.badge.blue{background:#e3efff;color:#2258b4}
.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.info-grid div{background:#f7f9fd;border:1px solid var(--line);border-radius:10px;padding:12px}.info-grid small{display:block;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.73rem;margin-bottom:5px}.info-grid b{word-break:break-word}.progress{height:12px;border-radius:999px;background:#e8edf5;overflow:hidden;margin-bottom:15px}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--green))}.checklist{display:grid;gap:8px}.check-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:10px 12px}.check-row.present{background:#f2fff7}.check-row.missing{background:#fff5f5}
.login-card{width:min(980px,94vw);min-height:570px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 28px 80px rgba(27,44,83,.18);display:grid;grid-template-columns:1.1fr .9fr}.login-visual{background:linear-gradient(145deg,#1f65cf,#173f84);color:#fff;padding:54px;display:flex;flex-direction:column;justify-content:center}.login-visual img{width:150px;background:#fff;border-radius:24px;padding:12px;margin-bottom:30px}.login-visual h1{font-size:2.5rem;margin:0 0 16px}.login-visual p{font-size:1.08rem;line-height:1.7;color:#e7efff}.login-bullets{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.login-bullets span{border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:9px 12px}.login-form{padding:56px 48px;display:flex;flex-direction:column;justify-content:center;gap:16px}.login-form h2{font-size:1.8rem;margin:0}.login-form label{display:grid;gap:6px;font-weight:800}.login-form input{height:46px;border:1px solid #cfd8e8;border-radius:9px;padding:0 12px}.demo-box{background:#f4f7fc;border:1px solid var(--line);border-radius:11px;padding:13px;color:#536078;font-size:.9rem}
.flash-stack{position:fixed;right:22px;top:88px;display:grid;gap:9px;z-index:100}.flash{position:relative;min-width:280px;max-width:420px;padding:13px 42px 13px 15px;border-radius:11px;box-shadow:var(--shadow);font-weight:750}.flash button{position:absolute;right:9px;top:7px;border:0;background:transparent;font-size:1.25rem;cursor:pointer}.flash.success{background:#e5faed;color:#116e3d}.flash.danger{background:#ffe4e8;color:#9f2230}.flash.warning{background:#fff2d6;color:#855600}.error-card{text-align:center;max-width:620px;margin:70px auto}.error-card strong{font-size:4rem;color:var(--blue)}.danger-zone{border-color:#ffd2d8}
@media(max-width:1120px){.topnav{display:none}.metrics,.enterprise-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{grid-template-columns:1fr}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;background:#fff;border-top:1px solid var(--line);justify-content:space-around;padding:10px}.mobile-nav a{font-size:.82rem;font-weight:800}.page{padding-bottom:96px}.info-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:740px){.topbar{height:auto;min-height:70px;padding:10px 14px}.brand span,.global-search{display:none}.page{padding:18px 12px 90px}.metrics,.enterprise-grid,.form,.info-grid{grid-template-columns:1fr}.title-row{align-items:flex-start;flex-direction:column}.login-card{grid-template-columns:1fr}.login-visual{display:none}.login-form{padding:38px 26px}.table{min-width:760px}.card{overflow:auto}.check-row{grid-template-columns:1fr}.flash-stack{left:12px;right:12px;top:78px}}

/* Executive polish layer */
:root{
  --navy:#102a56;
  --navy2:#17447f;
  --gold:#d8a526;
  --surface:#ffffff;
  --soft:#f7f9fd;
  --ring:0 0 0 3px rgba(35,95,200,.12);
}
body{
  background:
    linear-gradient(180deg,rgba(16,42,86,.05),rgba(16,42,86,0) 260px),
    radial-gradient(circle at 8% 0%,rgba(216,165,38,.12),transparent 280px),
    var(--bg);
}
.topbar{
  height:76px;
  background:linear-gradient(110deg,var(--navy),var(--navy2));
  border-bottom:1px solid rgba(255,255,255,.12);
  box-shadow:0 10px 28px rgba(16,42,86,.22);
}
.brand img{border-radius:8px;padding:5px;box-shadow:0 6px 16px rgba(0,0,0,.16)}
.brand span{letter-spacing:.01em}.brand strong{color:#fff}
.topnav{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:4px}
.topnav a{border-radius:6px;color:#eaf1ff}
.topnav a.active,.topnav a:hover{background:#fff;color:var(--navy);box-shadow:0 6px 16px rgba(0,0,0,.12)}
.lang{border-radius:6px;padding:8px 9px;background:rgba(255,255,255,.08)}.lang:hover{background:#fff;color:var(--navy)}
.global-search input{border-radius:8px;background:rgba(255,255,255,.16)}
.page{max-width:1520px}
.hero-row{
  min-height:128px;
  padding:22px 24px;
  border:1px solid #dfe7f3;
  border-radius:8px;
  background:linear-gradient(135deg,#fff,#f5f8fd);
  box-shadow:0 10px 28px rgba(31,51,91,.06);
}
.hero-row h1{font-size:2rem;color:var(--navy)}
.hero-row p{max-width:720px}
.btn{border-radius:7px;min-height:40px}.btn.primary{background:linear-gradient(135deg,#235fc8,#174b9b);box-shadow:0 8px 18px rgba(35,95,200,.18)}.btn.light{background:#fff}.btn:focus-visible,input:focus,select:focus,textarea:focus{outline:0;box-shadow:var(--ring);border-color:#8baee8}
.card,.enterprise-card,.filters,.login-card{border-radius:8px}
.card{box-shadow:0 10px 26px rgba(31,51,91,.055)}
.card-head{border-radius:8px 8px 0 0;background:linear-gradient(180deg,#fff,#f8fafc)}
.metrics{gap:16px}.metric{border-radius:8px;min-height:124px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;right:-28px;top:-38px;width:112px;height:112px;border-radius:50%;background:rgba(255,255,255,.16)}.metric span{font-size:2.25rem}.metric b{max-width:190px;line-height:1.25}
.grid-3>.card{border-left-width:4px}.card.alert,.card.warn,.card.pending{background:#fff}
.table th{background:#f3f6fb;color:#4d5a70}.table td{background:#fff}.table tr:hover td{background:#f6f9ff}
.badge{border-radius:6px;text-transform:none}
.enterprise-card{padding:18px;display:grid;grid-template-columns:86px 1fr;column-gap:16px;align-items:start}.enterprise-card h3{margin:2px 0 6px;line-height:1.25}.enterprise-card p{grid-column:2}.enterprise-logo{grid-row:1/4;width:86px;height:70px;border-radius:8px;background:#fff}.mini-stats{grid-column:1/-1}.mini-stats span{border:1px solid var(--line);border-radius:7px;background:#fbfcff}.mini-stats small{display:block;color:var(--muted);font-size:.78rem;margin-top:2px}
.enterprise-title .enterprise-logo.large{border-radius:8px;background:#fff}
.list-row{border-radius:7px}.filters input,.filters select,.form input,.form select,.form textarea,.inline-form input{border-radius:7px}
.info-grid div,.check-row{border-radius:7px}
.login-card{box-shadow:0 30px 90px rgba(16,42,86,.2)}.login-visual{background:linear-gradient(145deg,var(--navy),#1b5db7)}.login-visual img{border-radius:10px}.login-bullets span{border-radius:6px}
.demo-box{border-radius:7px}
@media(max-width:740px){.hero-row{padding:18px}.enterprise-card{grid-template-columns:72px 1fr}.enterprise-logo{width:72px;height:58px}.mini-stats{grid-template-columns:1fr 1fr}}


.brand-text{display:grid;gap:2px;letter-spacing:.01em;line-height:1.05}

.brand-text strong{color:#fff;font-size:1.08rem}

.brand-text small{color:#dce7ff;font-size:.72rem;font-weight:700;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}