:root{
  --primary:#2447b8;
  --primary-dark:#183797;
  --primary-soft:#eef3ff;
  --accent:#f5b71b;
  --success:#16a34a;
  --danger:#dc2626;
  --warning:#d97706;
  --muted:#64748b;
  --text:#0f172a;
  --border:#e2e8f0;
  --bg:#f8fafc;
  --white:#ffffff;
  --shadow:0 16px 40px rgba(15,23,42,.08);
  --shadow-sm:0 10px 24px rgba(15,23,42,.06);
  --radius:18px;
  --container:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}
.site-topbar{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.navbar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:10px;min-width:max-content}
.brand-logo{width:38px;height:38px;object-fit:contain}
.brand-text{display:grid;line-height:1.1}
.brand-title{font-size:13px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:#1e293b}
.brand-subtitle{font-size:11px;color:var(--muted)}
.nav-links{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#475569}
.nav-link{padding:10px 12px;border-radius:10px;transition:.2s ease}
.nav-link:hover,.nav-link.active{color:var(--primary);background:var(--primary-soft)}
.nav-dropdown{position:relative}
.nav-dropdown summary{list-style:none;cursor:pointer;padding:10px 12px;border-radius:10px}
.nav-dropdown summary::-webkit-details-marker{display:none}
.nav-dropdown[open] summary,.nav-dropdown summary:hover{background:var(--primary-soft);color:var(--primary)}
.dropdown-menu{position:absolute;top:42px;right:0;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;min-width:220px;padding:8px;display:grid;gap:2px}
.dropdown-menu a{padding:10px 12px;border-radius:10px;color:#475569}
.dropdown-menu a:hover{background:var(--primary-soft);color:var(--primary)}
.nav-cta{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:#fff!important;border-radius:10px;padding:10px 13px;font-weight:700;box-shadow:0 10px 20px rgba(36,71,184,.16)}
.nav-cta:hover{background:var(--primary-dark)}
.menu-toggle{display:none;border:1px solid var(--border);background:#fff;border-radius:12px;padding:9px;color:#334155}
.menu-toggle span{display:block;width:22px;height:2px;background:currentColor;margin:4px 0;border-radius:10px}
.mobile-nav{display:none;background:#fff;border-top:1px solid var(--border);padding:12px 20px;gap:6px}
.mobile-nav a{display:block;padding:12px;border-radius:12px;font-weight:700;color:#334155}.mobile-nav a:hover{background:var(--primary-soft);color:var(--primary)}
.pre-hero{background:#f7f9fd;padding:26px 0 20px;border-bottom:1px solid #eef2f7}
.global-search{max-width:650px;margin:0 auto;display:flex;gap:10px;background:#fff;border:1px solid var(--border);padding:8px;border-radius:14px;box-shadow:var(--shadow-sm)}
.global-search input{flex:1;border:0;outline:0;padding:10px 14px;color:#334155}
.global-search button{border:0;border-radius:10px;background:var(--primary);color:#fff;font-weight:800;padding:10px 22px;cursor:pointer}
.quick-links{margin:18px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:720px}
.quick-link{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);min-height:64px;display:grid;place-items:center;text-align:center;font-size:12px;font-weight:800;color:#334155;padding:10px}.quick-link .icon{font-size:18px;color:var(--primary);margin-bottom:3px}
.hero{background:linear-gradient(135deg,var(--primary),#1d3aa2);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:auto -12% -50% auto;width:420px;height:420px;background:rgba(255,255,255,.09);border-radius:50%}.hero:after{content:"";position:absolute;inset:-45% auto auto -10%;width:340px;height:340px;background:rgba(255,255,255,.08);border-radius:50%}
.hero .container{position:relative;z-index:1}.hero-inner{padding:58px 0;text-align:center}.hero-kicker{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#c7d8ff;margin-bottom:12px}.hero h1{font-size:clamp(32px,5vw,48px);line-height:1.1;margin:0 0 14px;font-weight:900}.hero p{max-width:720px;margin:0 auto 24px;color:#e6edff;font-weight:500}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 18px;font-weight:800;cursor:pointer;transition:.2s ease}.btn-primary{background:#fff;color:var(--primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,0,0,.14)}.btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.65)}.btn-outline:hover{background:rgba(255,255,255,.1)}.btn-blue{background:var(--primary);color:#fff}.btn-blue:hover{background:var(--primary-dark)}.btn-light{background:var(--primary-soft);color:var(--primary)}
.section{padding:54px 0}.section-white{background:#fff}.section-title{text-align:center;margin-bottom:28px}.section-title h2{font-size:clamp(24px,3vw,34px);line-height:1.15;margin:0 0 8px;font-weight:900}.section-title p{margin:0 auto;color:var(--muted);max-width:620px;font-size:14px}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.stat-panel{margin-top:-36px;position:relative;z-index:3}.stats-grid{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:16px;display:grid;grid-template-columns:1fr 1fr 2.4fr;gap:14px}.stat-card{border:1px solid #eef2f7;border-radius:14px;padding:22px;background:#fff}.stat-number{font-size:34px;font-weight:900;color:var(--primary);line-height:1}.stat-label{font-size:12px;color:#334155;margin-top:10px}.chart-card h3{font-size:13px;margin:0 0 12px;font-weight:900}.chart-row{display:grid;grid-template-columns:46px 1fr 24px;align-items:center;gap:8px;margin:8px 0;font-size:12px}.chart-track{height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden}.chart-bar{height:100%;background:var(--primary);border-radius:999px}.chart-value{text-align:right;font-weight:800;color:#0f172a}
.category-card,.info-card,.news-card,.service-card,.profile-card{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 22px rgba(15,23,42,.04);padding:20px;transition:.22s ease}.category-card:hover,.info-card:hover,.news-card:hover,.service-card:hover,.profile-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.category-icon,.service-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:20px;font-weight:900;margin-bottom:14px}.cat-blue{background:var(--primary)}.cat-red{background:#dc2626}.cat-green{background:#059669}.cat-orange{background:#d97706}.category-card h3,.info-card h3,.service-card h3,.profile-card h3{font-size:15px;line-height:1.35;margin:0 0 8px;font-weight:900}.category-card p,.info-card p,.service-card p,.profile-card p{font-size:13px;color:var(--muted);margin:0 0 16px}.mini-meta{font-size:11px;color:#64748b;margin-bottom:16px}.card-link{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:#fff;border-radius:10px;font-size:12px;font-weight:800;padding:10px 13px}.card-link:hover{background:var(--primary-dark)}
.latest-wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.latest-wrap.latest-single{grid-template-columns:1fr}.latest-list,.popular-list{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);overflow:hidden}.list-head{padding:16px 18px;font-weight:900;color:var(--primary);border-bottom:1px solid var(--border);font-size:14px}.doc-row,.popular-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 18px;border-bottom:1px solid var(--border);font-size:13px}.doc-row:last-child,.popular-row:last-child{border-bottom:0}.doc-title{display:flex;align-items:center;gap:10px;font-weight:800}.doc-icon{width:22px;height:22px;border-radius:7px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:12px}.doc-date,.download-count{font-size:11px;color:#64748b;white-space:nowrap}.download-count{color:var(--primary);font-weight:800}
.page-hero{background:linear-gradient(135deg,var(--primary),#1f3b9b);color:#fff;padding:56px 0}.breadcrumb{font-size:12px;color:#d7e3ff;margin-bottom:14px}.page-hero h1{margin:0 0 10px;font-size:clamp(30px,4vw,44px);font-weight:900;line-height:1.1}.page-hero p{margin:0;max-width:720px;color:#e6edff}.content-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px}.panel{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-sm);padding:24px}.panel h2,.panel h3{margin-top:0}.prose p{color:#475569}.prose ul{padding-left:20px;color:#475569}.prose li{margin-bottom:8px}.sidebar-card{position:sticky;top:86px}.timeline{display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:42px 1fr;gap:14px}.timeline-dot{width:34px;height:34px;border-radius:999px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:900}.org-chart{background:linear-gradient(180deg,#fff,#f8fafc);border:1px dashed #cbd5e1;border-radius:16px;padding:24px;text-align:center}.org-node{display:inline-block;background:var(--primary);color:#fff;padding:12px 16px;border-radius:12px;font-weight:900;margin:8px}.org-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.filter-panel{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-sm);padding:18px;margin-top:-28px;position:relative;z-index:2}.filter-form{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:12px}.form-control{width:100%;border:1px solid var(--border);border-radius:12px;background:#fff;padding:12px 14px;outline:0;color:#334155}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(36,71,184,.12)}.form-label{font-size:12px;font-weight:800;color:#334155;margin-bottom:6px;display:block}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-section{display:grid;gap:16px}.form-switch{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.switch-btn{border:1px solid var(--border);background:#fff;border-radius:999px;padding:10px 16px;font-weight:800;color:#334155;cursor:pointer}.switch-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow-sm)}table.clean-table{width:100%;border-collapse:collapse;font-size:13px}table.clean-table th{background:#f1f5f9;color:#334155;text-align:left;padding:13px;font-weight:900}table.clean-table td{border-top:1px solid var(--border);padding:13px;color:#475569}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.badge-green{background:#dcfce7;color:#166534}.badge-blue{background:#dbeafe;color:#1d4ed8}.badge-yellow{background:#fef3c7;color:#92400e}
.news-hero-card{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:18px}.news-img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:16px;background:#e2e8f0}.news-card{padding:0;overflow:hidden}.news-card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#e2e8f0}.news-body{padding:18px}.news-meta{font-size:12px;color:#64748b;margin-bottom:8px}.news-title{font-size:18px;line-height:1.35;margin:0 0 8px;font-weight:900}.news-excerpt{font-size:13px;color:#64748b;margin:0 0 16px}.article{max-width:860px;margin:0 auto}.article h1{font-size:clamp(30px,4vw,46px);line-height:1.12;margin:0 0 14px}.article-meta{color:#64748b;font-size:13px;margin-bottom:20px}.article-content{font-size:16px;color:#334155}.article-content p{margin-bottom:16px}
.empty-state{background:#fff;border:1px dashed #cbd5e1;border-radius:16px;text-align:center;padding:34px;color:#64748b}.footer{background:#0b1226;color:#cbd5e1}.footer-main{padding:44px 0;display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:28px}.footer h4{color:#fff;margin:0 0 14px;font-size:15px}.footer p,.footer a{font-size:13px;color:#cbd5e1}.footer a:hover{color:#fff}.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding:16px 0;font-size:12px;color:#94a3b8}.socials{display:flex;gap:10px;margin-top:14px}.social{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#fff;font-weight:900}
.fade-section{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.fade-section.show{opacity:1;transform:translateY(0)}.hidden{display:none!important}
.admin-body{background:#f1f5f9}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:270px;background:#0b1b4f;color:#dbeafe;display:flex;flex-direction:column}.admin-brand{padding:22px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;gap:12px;align-items:center}.admin-brand img{width:38px;height:38px}.admin-nav{padding:14px;display:grid;gap:6px}.admin-nav a{padding:12px 14px;border-radius:12px;font-weight:800;font-size:14px}.admin-nav a:hover,.admin-nav a.active{background:rgba(255,255,255,.1);color:#fff}.admin-content{flex:1;display:flex;flex-direction:column}.admin-header{height:68px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.admin-main{flex:1;padding:24px}.admin-card{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-sm);padding:20px}.admin-footer{background:#fff;border-top:1px solid var(--border);text-align:center;padding:14px;color:#64748b;font-size:13px}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#0f172a);padding:24px}.login-card{width:min(440px,100%);background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.18);padding:30px}.login-logo{display:flex;justify-content:center;margin-bottom:12px}.login-logo img{width:58px;height:58px}.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:12px;padding:12px;margin-bottom:14px}.alert-success{background:#ecfdf5;color:#065f46;border:1px solid #bbf7d0;border-radius:12px;padding:12px;margin-bottom:14px}.tailwind-reset .p-6{padding:24px}.tailwind-reset h2{font-size:24px;font-weight:900;margin:0 0 18px}.tailwind-reset form{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-sm);padding:20px;margin-bottom:22px}.tailwind-reset input,.tailwind-reset select,.tailwind-reset textarea{border:1px solid var(--border);border-radius:12px;padding:10px 12px}.tailwind-reset table{background:#fff;border-radius:16px;overflow:hidden}.tailwind-reset th{background:#f1f5f9}.tailwind-reset td,.tailwind-reset th{padding:12px;border-color:var(--border)}
@media (max-width:900px){.nav-links{display:none}.menu-toggle{display:block}.mobile-nav.show{display:grid}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:1fr}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.latest-wrap,.content-shell,.news-hero-card{grid-template-columns:1fr}.filter-form{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr}.admin-sidebar{width:230px}.form-grid{grid-template-columns:1fr}}
@media (max-width:640px){.container{width:min(100% - 28px,var(--container))}.hero-inner{padding:46px 0}.global-search{flex-direction:column}.global-search button{width:100%}.quick-links{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr}.doc-row,.popular-row{align-items:flex-start;flex-direction:column;gap:6px}.admin-layout{display:block}.admin-sidebar{width:100%}.admin-header{height:auto;padding:16px;gap:8px;align-items:flex-start;flex-direction:column}.admin-main{padding:16px}}

/* Dynamic page & menu CMS */
.nav-dropdown.active summary{background:var(--primary-soft);color:var(--primary)}
.mobile-nav-heading{display:block;padding:12px 12px 4px;color:#0f172a;font-size:13px;font-weight:900}
.mobile-nav-child{padding-left:24px!important}
.page-content{font-size:16px;line-height:1.8;color:#334155}.page-content h2,.page-content h3,.page-content h4{color:#0f172a;margin:1.4em 0 .6em;font-weight:900}.page-content p{margin:0 0 1em}.page-content ul,.page-content ol{margin:0 0 1.2em 1.2em}.page-content a{color:var(--primary);font-weight:700}.page-content blockquote{border-left:4px solid var(--primary);background:#f8fafc;margin:18px 0;padding:14px 18px;border-radius:12px}.page-content table{width:100%;border-collapse:collapse;margin:18px 0;background:#fff}.page-content th,.page-content td{border:1px solid var(--border);padding:10px;text-align:left}.page-content th{background:#f1f5f9}.page-content img{max-width:100%;height:auto;border-radius:16px;box-shadow:var(--shadow-sm)}
.form-help{display:block;margin-top:6px;color:#64748b;font-size:12px;line-height:1.5}.form-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px}.action-links{display:flex;gap:8px;flex-wrap:wrap}.btn-small{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:7px 10px;font-size:12px;font-weight:900;border:1px solid var(--border);background:#fff}.btn-small:hover{background:#f8fafc}.btn-danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}.btn-danger:hover{background:#fecaca}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900}.status-published,.status-active{background:#dcfce7;color:#166534}.status-draft,.status-inactive{background:#fef3c7;color:#92400e}.muted{color:#64748b}.code-inline{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:#f1f5f9;border:1px solid var(--border);padding:2px 6px;border-radius:8px}.admin-note{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;border-radius:14px;padding:14px;margin-bottom:18px}.content-preview{max-width:340px;color:#64748b}.nowrap{white-space:nowrap}.textarea-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;min-height:280px}.empty-state{background:#f8fafc;border:1px dashed var(--border);border-radius:16px;padding:22px;text-align:center;color:#64748b}.menu-indent{padding-left:24px;color:#64748b}.admin-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.admin-toolbar h2{margin:0}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap}.admin-tabs a{padding:9px 12px;border-radius:999px;border:1px solid var(--border);font-weight:900;font-size:13px}.admin-tabs a.active{background:var(--primary);color:#fff;border-color:var(--primary)}