/* Self-hosted Noto Sans (SIL Open Font License 1.1) — stable typography across client devices. */
@font-face{font-family:"Noto Sans";src:url("/assets/fonts/NotoSans-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Noto Sans";src:url("/assets/fonts/NotoSans-Bold.ttf") format("truetype");font-style:normal;font-weight:600 900;font-display:swap}
/* NEXARA UI — Option B: Modern SaaS */
:root{--nx-accent:#0f766e;--nx-accent-strong:#0d9488;--nx-ink:#172033;--nx-muted:#64748b;--nx-border:#e2e8f0;--nx-bg:#f1f5f9;--nx-card:#fff}
html,body{background:var(--nx-bg)!important;color:var(--nx-ink)!important;font-family:"Noto Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
button,.btn,[role=button]{transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}
button:focus-visible,[role=button]:focus-visible{outline:3px solid #5eead4!important;outline-offset:2px!important}
.app-sidebar,.app-sidebar.m3-navigation-drawer{background:#102a43!important;border-right:1px solid #243b53!important;color:#d9e2ec!important}
.app-sidebar :is(a,button,[role=button]),.app-sidebar .nav-item{border-radius:10px!important}
.app-sidebar :is(a,button,[role=button]).active,.app-sidebar .active,.app-sidebar [aria-current=page]{background:#1e4e5f!important;color:#fff!important}
.sidebar-brand-m3{padding-bottom:20px!important}.brand-logo-badge{background:linear-gradient(135deg,#14b8a6,#0f766e)!important;box-shadow:0 5px 16px #0f766e35!important}
.m3-extended-fab-btn{background:linear-gradient(135deg,#0f766e,#0d9488)!important;border-radius:12px!important;box-shadow:0 5px 16px #0f766e2b!important}
button[class*=primary],.btn-primary,[data-variant=primary]{background:#0f766e!important;border-color:#0f766e!important;color:#fff!important;border-radius:10px!important}
button[class*=primary]:hover,.btn-primary:hover{background:#115e59!important}
input,select,textarea{border-radius:9px!important;border-color:#cbd5e1!important}input:focus,select:focus,textarea:focus{border-color:#0d9488!important;box-shadow:0 0 0 3px #14b8a61f!important;outline:none!important}
.card,.panel,.stat-card,.metric-card,.dashboard-card,.m3-card,.surface-card{border-radius:15px!important;border-color:#e2e8f0!important;box-shadow:0 6px 24px rgba(15,23,42,.045)!important}
table{border-collapse:separate!important;border-spacing:0!important}thead th{background:#f8fafc!important;color:#64748b!important;font-weight:650!important}th,td{border-color:#e9eef4!important}tbody tr:hover{background:#f0fdfa!important}
.badge,.chip,.status-pill{border-radius:999px!important}
header,.topbar,.app-header,.m3-top-app-bar{background:rgba(255,255,255,.94)!important;border-bottom-color:#e2e8f0!important;backdrop-filter:blur(12px)}
hr{border-color:#e2e8f0!important}
@media(max-width:800px){.app-sidebar,.app-sidebar.m3-navigation-drawer{width:100%!important;min-width:0!important;max-width:100%!important;flex:0 0 auto!important;box-sizing:border-box!important}}


/* Option B.2 — sharper enterprise finish */
:root{--nx-accent:#0f766e;--nx-accent-strong:#0b5f59;--nx-ink:#111827;--nx-muted:#667085;--nx-border:#d9e1ea;--nx-bg:#f4f6f8;--nx-card:#fff}
html,body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:-.01em}
body{background:#f4f6f8!important}
.app-sidebar,.app-sidebar.m3-navigation-drawer{background:#111f33!important;border-right:1px solid #26364b!important;color:#dbe5f0!important}
.app-sidebar a,.app-sidebar button,.app-sidebar [role=button],.app-sidebar .nav-item{min-height:38px!important;font-size:13px!important;font-weight:550!important;transition:background .14s ease,color .14s ease!important}
.app-sidebar :is(a,button,[role=button]).active,.app-sidebar .active,.app-sidebar [aria-current=page]{background:#174e4a!important;color:#fff!important;box-shadow:inset 3px 0 #5eead4!important}
.brand-meta-title{color:#f8fafc!important;letter-spacing:-.025em!important}
.brand-meta-sub{color:#9fb0c5!important}
main,.main-content,.app-main,.page-content{min-width:0}
.card,.panel,.stat-card,.metric-card,.dashboard-card,.m3-card,.surface-card{border:1px solid #e1e7ee!important;border-radius:12px!important;box-shadow:0 1px 2px rgba(16,24,40,.035),0 5px 16px rgba(16,24,40,.025)!important}
.card:hover,.panel:hover,.stat-card:hover,.metric-card:hover,.dashboard-card:hover{border-color:#c8d4df!important}
h1,h2,h3,.page-title,.section-title{letter-spacing:-.035em!important;color:#111827!important}
h1,.page-title{font-weight:750!important}
p,.helper-text,.text-muted{color:#667085}
button,.btn,[role=button]{font-weight:600!important;letter-spacing:-.01em;border-radius:8px!important}
button[class*=primary],.btn-primary,[data-variant=primary],.m3-extended-fab-btn{background:#0f766e!important;border-color:#0f766e!important;box-shadow:0 1px 2px #0f766e24!important}
button[class*=primary]:hover,.btn-primary:hover,.m3-extended-fab-btn:hover{background:#0b5f59!important;box-shadow:0 3px 8px #0f766e2b!important;transform:translateY(-1px)}
button:not([class*=primary]):not(.m3-extended-fab-btn),.btn:not(.btn-primary){border-color:#d0d8e2}
input,select,textarea{background:#fff!important;color:#111827!important;border:1px solid #cbd5e1!important;border-radius:8px!important;min-height:38px}
input::placeholder,textarea::placeholder{color:#98a2b3!important}
table{font-size:13px!important}thead th{background:#f7f9fb!important;color:#475467!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.045em!important;border-bottom:1px solid #d9e1ea!important}tbody td{color:#344054!important}tbody tr:hover{background:#f0fdfa!important}
.badge,.chip,.status-pill{font-size:11px!important;font-weight:650!important;letter-spacing:0!important}
:focus-visible{outline:3px solid #99f6e4!important;outline-offset:2px!important}
@media(min-width:1200px){.app-sidebar,.app-sidebar.m3-navigation-drawer{width:248px!important;min-width:248px!important;max-width:248px!important}}

/* UNIFIED DOWNLOAD DROPDOWN (1 TAB = 1 NÚT TẢI XUỐNG ▾ DUY NHẤT) */
.unified-download-dropdown{position:relative!important;display:inline-block!important;vertical-align:middle!important}
.unified-download-menu{display:none!important;position:absolute!important;top:calc(100% + 4px)!important;right:0!important;min-width:220px!important;background:#ffffff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;box-shadow:0 10px 25px rgba(0,0,0,0.15),0 4px 10px rgba(0,0,0,0.08)!important;padding:6px!important;z-index:99999!important;text-align:left!important;box-sizing:border-box!important}
.unified-download-menu.align-left{right:auto!important;left:0!important}
.unified-download-menu.show,.unified-download-menu[data-open="true"]{display:block!important;animation:unifiedMenuFadeIn 0.12s ease-out!important}
@keyframes unifiedMenuFadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.unified-download-item{width:100%!important;display:flex!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;border:none!important;background:transparent!important;border-radius:6px!important;cursor:pointer!important;text-align:left!important;color:#1e293b!important;font-size:12.5px!important;text-decoration:none!important;box-sizing:border-box!important;transition:background 0.12s ease!important}
.unified-download-item:hover{background:#f1f5f9!important;color:#0f172a!important}
.unified-download-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:22px!important;border-radius:4px!important;font-size:10.5px!important;font-weight:800!important;flex-shrink:0!important}
.unified-download-badge.badge-xlsx{background:#dcfce7!important;color:#166534!important;border:1px solid #bbf7d0!important}
.unified-download-badge.badge-csv{background:#e0f2fe!important;color:#0369a1!important;border:1px solid #bae6fd!important}
.unified-download-badge.badge-pdf{background:#fee2e2!important;color:#b91c1c!important;border:1px solid #fecaca!important}
.unified-download-text{display:flex!important;flex-direction:column!important;text-align:left!important}
.unified-download-title{font-weight:700!important;font-size:12px!important;color:#0f172a!important}
.unified-download-desc{font-size:10.5px!important;color:#64748b!important;margin-top:2px!important}
@media print{.unified-download-dropdown,.unified-download-menu{display:none!important}}