:root{
  --bg:#f4f7fb;--card:#ffffff;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;
  --primary:#0f3d91;--primary-2:#1d4ed8;--accent:#f7c948;--success:#16a34a;--danger:#dc2626;
  --shadow:0 18px 45px rgba(15,23,42,.08);--radius:24px;
}
*{box-sizing:border-box}html,body{margin:0;padding:0;scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{text-decoration:none;color:var(--primary)}img{max-width:100%}
.container{width:min(1180px,92%);margin:0 auto}.section{padding:78px 0}.section-title{font-size:36px;margin:0 0 12px;font-weight:800}.section-sub{color:var(--muted);max-width:880px;font-size:16px}
.topbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.langbar{padding:10px 0;border-bottom:1px solid var(--line);background:#f8fafc}.langbar-inner{display:flex;align-items:center;justify-content:space-between;gap:14px}.langbar .label{font-size:13px;color:#475569;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.lang-list{display:flex;flex-wrap:wrap;gap:10px}.lang-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#0f172a;font-weight:700;font-size:13px}.lang-chip.active{background:#0f3d91;color:#fff;border-color:#0f3d91}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}.brand{display:flex;align-items:center;gap:12px;color:var(--text)}.brand strong{display:block}.brand small{display:block;color:var(--muted)}
.brand-mark{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--primary),#2563eb);box-shadow:var(--shadow)}
.nav{display:flex;gap:18px;flex-wrap:wrap}.nav a{color:#334155;font-weight:700}
.hero{padding:94px 0;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 45%,#0f172a 45%,#0f172a 100%)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center}.hero-copy{background:#ffffffee;padding:34px;border-radius:30px;box-shadow:var(--shadow)}.kicker{display:inline-block;padding:8px 14px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:13px;font-weight:800;margin-bottom:14px}
.hero h1{font-size:52px;line-height:1.06;margin:0 0 16px}.hero p{font-size:18px;color:#475569;max-width:700px}.hero-card,.card,.form-card{background:var(--card);border:1px solid #edf2f7;border-radius:var(--radius);box-shadow:var(--shadow)}
.hero-card{padding:26px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat{padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}.stat strong{display:block;font-size:28px}.stat span{color:var(--muted);font-size:14px}
.grid-2,.grid-3,.grid-4{display:grid;gap:22px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}
.card{padding:24px}.card h3{margin-top:0;font-size:22px}.icon-bubble{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#eff6ff;color:#1d4ed8;font-weight:800;margin-bottom:14px}
.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}.table th{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;background:#f8fafc}
.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:14px;border:1px solid transparent;font-weight:800;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff}.btn-secondary{background:#fff;border-color:var(--line);color:#0f172a}.btn-gold{background:linear-gradient(135deg,#facc15,#eab308);color:#111827}
.list{padding-left:18px}.muted{color:var(--muted)}
.footer{background:#0f172a;color:#cbd5e1;padding:34px 0;margin-top:40px}.footer .brand{color:#fff}.footer a{color:#cbd5e1}
.badge{display:inline-flex;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;background:#e2e8f0;color:#334155}.badge.warning{background:#ffedd5;color:#9a3412}.badge.info{background:#dbeafe;color:#1d4ed8}.badge.success{background:#dcfce7;color:#166534}.badge.danger{background:#fee2e2;color:#991b1b}.badge.dark{background:#e2e8f0;color:#111827}
.alert{padding:14px 16px;border-radius:14px;margin-bottom:18px;font-weight:700}.alert-success{background:#dcfce7;color:#166534}.alert-danger{background:#fee2e2;color:#991b1b}
input,select,textarea{width:100%;padding:13px 14px;border-radius:14px;border:1px solid #dbe2ea;background:#fff;font:inherit;color:inherit;outline:none}textarea{min-height:120px;resize:vertical}label{display:block;margin:0 0 8px;font-weight:700;color:#334155}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-card{padding:24px}
.admin-shell{display:grid;grid-template-columns:290px 1fr;min-height:100vh}.admin-side{background:linear-gradient(180deg,#0f172a,#172554);padding:24px 18px;position:sticky;top:0;height:100vh;overflow:auto}.brand-admin{margin-bottom:20px;color:#fff}.admin-side a{display:block;color:#dbeafe;padding:12px 14px;border-radius:14px;font-weight:700;margin-bottom:6px}.admin-side a.active,.admin-side a:hover{background:rgba(255,255,255,.12);color:#fff}.side-group-label{color:#93c5fd;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:18px 10px 10px}.admin-main{padding:28px}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.metric{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:20px}.metric span{display:block;color:#64748b;font-weight:700}.metric strong{display:block;font-size:34px;margin-top:6px}
.news-card time{display:block;font-size:12px;color:#64748b;margin-bottom:10px}.portfolio-grid .card{overflow:hidden}.portfolio-thumb{height:190px;border-radius:16px;background:linear-gradient(135deg,#dbeafe,#eff6ff);margin-bottom:16px;background-size:cover;background-position:center}
.scroll-btn{position:fixed;right:22px;z-index:25;width:48px;height:48px;border:none;border-radius:50%;display:grid;place-items:center;box-shadow:var(--shadow);font-size:20px;background:#fff;cursor:pointer}.scroll-up{bottom:86px}.scroll-down{bottom:26px}
.hero-panel{background:#0f172a;color:#fff;padding:28px;border-radius:30px;box-shadow:var(--shadow)}.hero-panel h3{margin-top:0;font-size:24px}.hero-panel p{color:#cbd5e1}.admin-note{font-size:13px;color:#64748b}
@media (max-width: 1024px){.hero-grid,.grid-4,.grid-3,.grid-2,.form-grid,.metrics,.admin-shell{grid-template-columns:1fr}.admin-side{position:relative;height:auto}.hero h1{font-size:42px}.stats{grid-template-columns:1fr 1fr}}
@media (max-width: 720px){.nav-wrap,.langbar-inner{flex-direction:column;align-items:flex-start}.nav{gap:10px}.hero h1{font-size:34px}.section{padding:54px 0}.section-title{font-size:28px}.stats{grid-template-columns:1fr}.admin-main{padding:18px}.table{display:block;overflow:auto;white-space:nowrap}.scroll-btn{right:14px}}


.partners-section,.partners-preview{background:var(--partners-bg,#f7f7f7);padding:46px 0;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid rgba(148,163,184,.15)}
.partner-subtitle{text-align:center;font-size:14px;letter-spacing:.35em;color:#94a3b8;margin-bottom:26px;font-weight:800;text-transform:uppercase}
.partners-slider{overflow:hidden;position:relative;width:100%}
.partners-track{display:flex;align-items:center;gap:var(--partners-gap,72px);width:max-content;animation:partnerScroll var(--partners-speed,32s) linear infinite}
.partners-slider:hover .partners-track,.partners-preview:hover .partners-track{animation-play-state:paused}
.partner-item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-width:140px}
.partner-item a,.partner-item img{display:block}
.partner-item img{height:var(--partners-logo-height,52px);max-width:190px;object-fit:contain;filter:grayscale(var(--partners-grayscale,0%));opacity:.96;transition:transform .3s ease,opacity .3s ease,filter .3s ease}
.partner-item:hover img{transform:scale(1.05);opacity:1;filter:grayscale(0%)}
@keyframes partnerScroll{0%{transform:translateX(0)}100%{transform:translateX(calc(-50% - (var(--partners-gap,72px) / 2)))}}
.metrics-3{grid-template-columns:repeat(3,1fr)}
.partners-admin-grid{align-items:start}.sticky-card{position:sticky;top:24px}.table-wrap{overflow:auto}.logo-preview-box{display:inline-flex;align-items:center;justify-content:center;min-height:84px;min-width:220px;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.04)}
.logo-preview-box.small{min-height:62px;min-width:110px;padding:8px;border-radius:14px}.logo-preview-box img{max-width:100%;max-height:56px;object-fit:contain}.empty-state{padding:14px 20px;background:#fff;border:1px dashed var(--line);border-radius:14px;color:var(--muted)}
@media (max-width: 1024px){.metrics-3{grid-template-columns:1fr}.sticky-card{position:relative;top:auto}}
@media (max-width: 720px){.partner-subtitle{letter-spacing:.22em;font-size:12px}.partner-item{min-width:110px}.partner-item img{max-width:130px}}


/* NEXT UPGRADE */
.upgraded-admin-shell{background:linear-gradient(180deg,#eef4ff 0%,#f7faff 100%)}
.upgraded-admin-side{background:linear-gradient(180deg,#081225 0%,#132d68 100%);border-right:1px solid rgba(255,255,255,.08)}
.upgraded-admin-main{padding:30px;background:radial-gradient(circle at top right, rgba(59,130,246,.08), transparent 28%),linear-gradient(180deg,#f8fbff 0%,#f3f7fc 100%)}
.admin-mini-card{padding:16px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);color:#dbeafe;margin:10px 0 18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.admin-mini-card strong{display:block;font-size:15px;color:#fff;margin:6px 0 4px}.admin-mini-card small{display:block;line-height:1.45;color:#cbd5e1}
.admin-mini-label{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.12);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.menu-link{display:flex !important;align-items:center;gap:10px}.menu-icon{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.08);flex:0 0 28px}
.admin-side a.active .menu-icon,.admin-side a:hover .menu-icon{background:rgba(255,255,255,.18)}
.surface-card{background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:24px;box-shadow:0 20px 50px rgba(15,23,42,.06)}
.hero-admin{padding:26px 28px;margin-bottom:22px;background:linear-gradient(135deg,#0f3d91 0%,#1d4ed8 50%,#0f172a 100%);color:#fff;border-radius:28px;box-shadow:0 24px 60px rgba(29,78,216,.25)}
.hero-admin h1{margin:0 0 8px;font-size:34px;line-height:1.1}.hero-admin p{margin:0;color:#dbeafe;max-width:820px}
.hero-admin-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:center}
.hero-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.hero-pill{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.12);font-weight:800;font-size:12px;color:#fff;border:1px solid rgba(255,255,255,.1)}
.glass-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.glass-stat{padding:16px;border-radius:20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px)}
.glass-stat span{display:block;color:#dbeafe;font-size:12px;font-weight:700}.glass-stat strong{display:block;font-size:28px;margin-top:6px}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quick-link-card{padding:18px;border-radius:22px;background:#fff;border:1px solid rgba(148,163,184,.22);box-shadow:0 14px 34px rgba(15,23,42,.05)}
.quick-link-card strong{display:block;color:#0f172a;margin:10px 0 6px}.quick-link-card p{margin:0;color:#64748b;font-size:13px;line-height:1.45}.quick-link-card .icon-badge{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#eff6ff;font-size:21px}
.status-board{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}
.progress-stack{display:grid;gap:14px}.progress-row{background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:18px;padding:15px 16px}.progress-row .top{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font-weight:800}.progress-bar{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.progress-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0f3d91,#38bdf8)}
.info-list{display:grid;gap:12px}.info-item{padding:16px 18px;border-radius:18px;background:#fff;border:1px solid rgba(148,163,184,.18)}.info-item strong{display:block;margin-bottom:4px}
.table .action-links{display:flex;gap:8px;flex-wrap:wrap}.mini-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;border-radius:12px;background:#eef4ff;border:1px solid #dbeafe;color:#0f3d91;font-weight:800;font-size:12px}
.page-section-title{margin:0 0 14px;font-size:22px}
.card-soft{padding:22px;border-radius:22px;background:#fff;border:1px solid rgba(148,163,184,.16);box-shadow:0 12px 30px rgba(15,23,42,.05)}
.card-soft h3{margin-top:0}
.table-wrap{overflow:auto}
@media (max-width: 1180px){.quick-grid{grid-template-columns:repeat(2,1fr)}.status-board,.hero-admin-grid{grid-template-columns:1fr}}
@media (max-width: 720px){.quick-grid,.glass-stat-grid{grid-template-columns:1fr}.hero-admin{padding:22px}.hero-admin h1{font-size:28px}.upgraded-admin-main{padding:18px}}


/* client tracking panel */
.client-nav-link{display:inline-flex;align-items:center;gap:8px}.client-nav-icon{width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background:#eff6ff}
.client-check-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#ffffff,#edf4ff);border:1px solid var(--line);border-radius:28px;padding:24px 26px;box-shadow:var(--shadow);margin-bottom:20px}
.client-mini-icon{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#0f3d91,#1d4ed8);color:#fff;font-size:34px;box-shadow:var(--shadow)}
.client-search-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow);margin-bottom:20px}
.client-search-form{display:grid;grid-template-columns:1fr 220px;gap:16px;align-items:end}
.client-letter-wrap{display:grid;grid-template-columns:1fr;gap:18px}.client-status-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:var(--shadow)}
.client-letter-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.client-doc-tag{display:inline-flex;padding:7px 12px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.client-grid-info{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.client-grid-info .info-item span{display:block;color:#0f172a}.client-lead{font-size:17px;color:#334155}.client-letter-box{margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:22px;background:#f8fbff}
.client-admin-form input,.client-admin-form select,.client-admin-form textarea{margin:0}
@media (max-width:1024px){.client-grid-info,.client-search-form{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.client-check-hero,.client-letter-head{flex-direction:column;align-items:flex-start}.client-grid-info,.client-search-form{grid-template-columns:1fr}.client-mini-icon{width:58px;height:58px;font-size:28px}}


.client-search-form-wide{grid-template-columns:1fr 220px}
.client-search-help{margin-top:10px;color:#64748b;font-size:13px}
.client-hero-strip{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:16px 0 18px;padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.4)}
.client-stage-box{min-width:180px;padding:14px 16px;border-radius:18px;background:#fff;border:1px solid rgba(148,163,184,.25)}
.client-stage-box span{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#64748b}
.client-stage-box strong{display:block;margin-top:6px;font-size:18px}
.client-theme-success{background:linear-gradient(135deg,#f0fdf4,#ffffff);border-color:#bbf7d0}
.client-theme-success .client-doc-tag{background:#dcfce7;color:#166534}
.client-theme-success .progress-bar{background:#dcfce7}
.client-theme-success .progress-bar i{background:linear-gradient(90deg,#16a34a,#22c55e)}
.client-theme-warning{background:linear-gradient(135deg,#fff7ed,#ffffff);border-color:#fed7aa}
.client-theme-warning .client-doc-tag{background:#ffedd5;color:#c2410c}
.client-theme-warning .progress-bar{background:#ffedd5}
.client-theme-warning .progress-bar i{background:linear-gradient(90deg,#f59e0b,#fb923c)}
.client-theme-danger{background:linear-gradient(135deg,#fef2f2,#ffffff);border-color:#fecaca}
.client-theme-danger .client-doc-tag{background:#fee2e2;color:#991b1b}
.client-theme-danger .progress-bar{background:#fee2e2}
.client-theme-danger .progress-bar i{background:linear-gradient(90deg,#dc2626,#ef4444)}
.client-theme-info{background:linear-gradient(135deg,#eff6ff,#ffffff);border-color:#bfdbfe}
.client-theme-info .client-doc-tag{background:#dbeafe;color:#1d4ed8}
.client-theme-info .progress-bar{background:#dbeafe}
.client-theme-info .progress-bar i{background:linear-gradient(90deg,#2563eb,#60a5fa)}
.client-theme-dark{background:linear-gradient(135deg,#f8fafc,#ffffff);border-color:#cbd5e1}


.client-nav-only-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;padding:0}
.client-nav-only-icon .client-nav-icon{margin:0;font-size:20px;line-height:1}
.client-check-hero-icon-only{justify-content:center;padding:18px;margin-bottom:14px}
.client-check-hero-icon-only .client-mini-icon{width:62px;height:62px;font-size:30px}


.footer-quick-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.footer-client-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.08);font-size:18px;line-height:1}
.footer-client-icon:hover{background:rgba(255,255,255,.16)}