/* Tiện Ích Số: Nexus-inspired light interface on the existing application. */
:root{--bg:#f2f7f5;--surface:rgba(255,255,255,.8);--text:#172f26;--muted:#526b5f;--line:rgba(37,91,65,.12);--green:#15825b;--green-dark:#096747;--green-soft:#e0f4eb;--shadow:0 14px 36px rgba(31,86,62,.07);--shadow-soft:0 5px 20px rgba(31,86,62,.06);--radius-xl:24px;--radius-lg:20px}
body{background:radial-gradient(ellipse at 75% 4%,#dcf6ec70,transparent 42%),var(--bg)}.ambient{opacity:.38}.container{width:min(1280px,100%)}
.glass-card,.product-card,.contact-card,.admin-panel,.metric-card,.order-card,.entitlement-card{background:rgba(255,255,255,.82);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:20px}.glass-card{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.glass-card:after{display:none}
.site-header{background:rgba(250,253,251,.86);border-bottom:1px solid var(--line)}.header-inner{height:70px}.brand b{font-size:18px}.desktop-nav button{font-weight:600}.desktop-nav button:hover{background:var(--green-soft)}.pill-button,.icon-button{box-shadow:none;border-radius:12px}.primary-button,.secondary-button{border-radius:12px;min-height:46px;font-weight:650}.primary-button{background:linear-gradient(120deg,#0f7953,#219773);box-shadow:0 5px 16px #12825a22}.primary-button:hover{box-shadow:0 7px 22px #12825a30;transform:translateY(-1px)}.secondary-button{background:#ffffffa8}.hero{padding-top:26px;gap:18px}.hero-main{min-height:310px;padding:30px;background:linear-gradient(135deg,#fff,#effbf6)}.hero-main:before{opacity:.5}.hero h1{font-size:clamp(33px,3.8vw,48px);line-height:1.16}.hero h1 span{color:#0d7953}.hero p{font-size:15px;max-width:620px}.hero-aside{padding:20px;background:#ffffff9e}.brand-signature{padding-bottom:10px}.brand-signature b{font-size:24px}.hero-stat{background:#f6fbf8;border-color:var(--line);box-shadow:none;border-radius:14px}.hero-proof{font-weight:500}.support-note{border-radius:14px;background:#e8f6ee}
.section{padding-top:28px;padding-bottom:28px}.section-heading h2{font-size:27px;font-weight:700}.section-kicker,.eyebrow{font-weight:700}.search-box{height:46px;border-radius:12px;box-shadow:none;background:#ffffffc7}.search-box input{font-size:14px}.category-chip{border-radius:10px;background:#ffffffa6;border-color:var(--line);min-height:42px;font-weight:600}.category-chip.is-active{background:#e0f4eb;color:var(--green-dark);border-color:#8bc9ac;box-shadow:none}.category-chip.is-active small{background:#c4e8d5}.product-grid{gap:16px}.product-card{border-radius:18px;transition:transform .2s,box-shadow .2s,border-color .2s}.product-card:hover{transform:translateY(-3px);border-color:#8dcbb0;box-shadow:0 14px 30px #24734e13}.product-image{border-bottom:1px solid var(--line);background:linear-gradient(130deg,#eaf5ef,#f5f9f7)}.product-body{padding:16px}.product-body h3{font-size:17px;line-height:1.4;font-weight:650;min-height:2.8em}.product-body>p{color:var(--muted)}.product-price{font-size:20px;letter-spacing:-.025em}.product-arrow{border-radius:10px;font-weight:650}.product-category{font-weight:650;font-size:10px}.benefit-card,.contact-card{padding:20px}.benefit-card>span,.contact-icon{border-radius:12px}.contact-card:hover{border-color:#8dcbb0;box-shadow:var(--shadow-soft)}.site-footer{background:#ffffff70}
.sheet{border-radius:24px;background:rgba(250,253,251,.98);border-color:var(--line);box-shadow:0 35px 100px #173d2933}.sheet-backdrop{background:#143c2b35;backdrop-filter:blur(8px)}.sheet-close{box-shadow:none;border-color:var(--line);background:#fff}.gallery-main{border-radius:16px}.gallery-thumb{border-radius:9px}.product-info-panel h2{font-size:30px}.purchase-guide,.summary-box,.payment-box,.notice,.feature-item{border-radius:14px}.field input,.field select,.field textarea{border-radius:11px;background:#fff;border-color:#d4e1d9}.field label{font-weight:650;color:#3c594b}.field input:focus,.field textarea:focus{border-color:#148358;box-shadow:0 0 0 3px #14835812}.detail-price{font-weight:750}.feature-item{background:#fff}.toast{border-radius:12px;font-weight:600;border-color:#cce3d5}.auth-switch{background:#edf6f0;padding:4px;border-radius:13px}.auth-switch button{border:0;background:transparent;border-radius:10px}.auth-switch button.is-active{background:#fff;color:var(--green-dark);box-shadow:0 3px 10px #163c2910}
.account-sheet:has(.account-tabs){display:grid;grid-template-columns:180px minmax(0,1fr);width:min(1000px,calc(100% - 56px))}.account-sheet .sheet-close{position:sticky;grid-column:1/-1;justify-self:end;top:16px;right:16px;margin-right:16px;margin-bottom:-44px;z-index:5}.account-header{grid-column:1/-1;border-bottom:1px solid var(--line);padding:26px}.account-tabs{display:flex;flex-direction:column;gap:6px;align-items:stretch;padding:20px 12px;border-right:1px solid var(--line);border-bottom:0;background:#f0f7f3}.account-tabs button{text-align:left;min-height:44px;border-radius:10px;border:0;background:transparent;font-weight:600}.account-tabs button.is-active{background:#dff3e8;color:var(--green-dark)}.account-content{padding:24px;min-width:0}.avatar{border-radius:14px;background:linear-gradient(135deg,#0c7150,#37ab83)}.account-quick-actions button{border-radius:10px;font-weight:600}.resource-card,.resource-empty,.order-card,.entitlement-card{border-radius:16px;border-color:var(--line);background:#fff}.status-badge,.role-pill{font-weight:650}
.admin-app{background:radial-gradient(ellipse at 85% 5%,#dcf6e8,transparent 48%),#f3f8f5}.admin-layout{grid-template-columns:232px minmax(0,1fr);height:100dvh}.admin-sidebar{background:#ffffffb8;color:var(--text);border-right:1px solid var(--line);padding:20px 14px;gap:24px;backdrop-filter:blur(20px)}.admin-brand b{font-size:18px}.admin-brand small{color:var(--muted);opacity:1}.admin-nav{gap:6px}.admin-nav button{display:flex;gap:11px;align-items:center;color:#50675b;border:1px solid transparent;border-radius:11px;font-weight:550;min-height:46px}.admin-nav button:hover{background:#eff7f2;color:var(--green-dark)}.admin-nav button.is-active{background:#e0f4e9;color:var(--green-dark);border-color:#c4e6d3}.nexus-icon{width:19px;height:19px;display:inline-block;flex:none;vertical-align:middle}.admin-sidebar-footer button{background:#f6faf7;color:var(--text);border-color:var(--line);font-weight:600}.admin-topbar{padding:0 28px;background:#ffffffa6;border-bottom-color:var(--line);min-height:74px}.admin-title h1{font-size:22px;font-weight:700}.admin-title p{color:var(--muted)}.admin-content{padding:26px;max-width:1600px;margin:auto}.admin-grid{gap:16px}.metric-card{position:relative;padding:22px;background:linear-gradient(135deg,#ffffffc9,#f8fffb);border-radius:18px}.metric-card span{font-size:12px;font-weight:550}.metric-card b{font-size:28px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.metric-card small{font-size:11px;color:var(--muted)}.metric-card:first-child{background:linear-gradient(130deg,#e3f7eb,#e8f9f2)}.admin-panel{margin-top:20px;padding:22px;border-radius:20px;background:#ffffffb8}.panel-heading h2{font-size:18px;font-weight:700}.health-card{background:#f7fcf9;border-radius:12px}.data-table th{font-size:10px;background:#f2f8f4;border-bottom-color:#d3e4da;font-weight:650}.data-table td{padding:14px 12px;font-size:13px}.data-table tbody tr:hover{background:#f1f9f4}.small-button{min-height:40px;border-radius:10px;background:#fff;font-weight:600}.admin-product-row,.admin-notice,.config-tile{border-radius:14px;background:#ffffffa8;border-color:var(--line);box-shadow:none}.config-tile:hover{border-color:#87c6a6;background:#f1faf5}.admin-notify-button{border-radius:10px;background:#fff;border-color:var(--line)}.nexus-menu-button,.nexus-drawer-backdrop,.nexus-drawer-close{display:none}.release-chip{font-weight:600}
.nexus-store-rail{display:none}.nexus-store-rail button{font:inherit;cursor:pointer}.nexus-rail-brand{display:flex;gap:10px;align-items:center;margin-bottom:30px}.nexus-rail-brand img{width:38px;height:38px;object-fit:contain}.nexus-rail-brand b{font-size:18px;display:block}.nexus-rail-brand small{display:block;font-size:11px;color:var(--muted)}.nexus-rail-label{font-size:10px;letter-spacing:.1em;color:#658071;margin:18px 10px 8px}.nexus-store-rail nav{display:grid;gap:6px}.nexus-store-rail nav button{display:flex;align-items:center;gap:10px;min-height:46px;text-align:left;padding:0 12px;border:1px solid transparent;border-radius:11px;background:none;color:#50675b;font-size:13px}.nexus-store-rail nav button:hover,.nexus-store-rail nav button.is-active{background:#e0f4eb;color:var(--green-dark);border-color:#c7e8d7}.nexus-rail-help{margin-top:auto;padding:16px;background:linear-gradient(130deg,#e2f7e9,#e6f7f3);border:1px solid #c9e8d7;border-radius:16px}.nexus-rail-help b{font-size:14px}.nexus-rail-help p{font-size:12px;color:var(--muted);line-height:1.65;margin:6px 0 12px}.nexus-rail-help button{min-height:40px;width:100%;border:0;border-radius:9px;background:#fff;color:var(--green-dark);font-size:12px;font-weight:600}
@media(min-width:960px){.nexus-store-rail{display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;width:216px;padding:25px 16px;border-right:1px solid var(--line);background:#ffffffb3;backdrop-filter:blur(18px);z-index:40}.site-header,#storefront,.site-footer{margin-left:216px}.site-header .brand{display:none}.site-header .desktop-nav{margin-right:auto}.container{padding-inline:26px}}
@media(max-width:1050px){.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-content{padding:20px}.admin-topbar{padding:0 20px}.hero-main{padding:24px}.hero h1{font-size:36px}}
@media(max-width:760px){.product-grid{gap:10px}.product-body{padding:12px}.product-body h3{font-size:15px}.product-price{font-size:18px}.product-card{border-radius:15px}.hero h1{font-size:34px}.hero-main{min-height:0;padding:24px}.hero p{font-size:14px}}
@media(max-width:680px){.container{padding-inline:15px}.header-inner{height:64px}.hero{padding-top:15px;gap:12px}.hero-aside{padding:15px}.hero-main,.hero-aside{border-radius:20px}.hero h1{font-size:33px}.hero-actions{gap:8px}.hero-actions button{font-size:12px;padding:0 12px}.section-heading h2{font-size:24px}.benefit-card,.contact-card{padding:15px}.mobile-tabbar{border-radius:20px;box-shadow:0 8px 30px #1c633b18;background:#ffffffed}.mobile-tabbar button{border-radius:14px}.sheet{inset:0;width:100%;height:100dvh;max-height:100dvh;border-radius:0}.account-sheet:has(.account-tabs){display:block;width:100%}.account-tabs{position:sticky;top:0;z-index:2;flex-direction:row;background:#f5faf7f0;border-right:0;border-bottom:1px solid var(--line);padding:10px 14px;overflow-x:auto}.account-tabs button{text-align:center;padding:0 13px;flex:none}.account-header{padding:22px 16px}.account-content{padding:18px 15px 105px}.product-info-panel h2{font-size:26px}.admin-layout{grid-template-columns:1fr}.admin-topbar{padding:12px 14px;gap:10px;align-items:center}.admin-title{min-width:0}.admin-title h1{font-size:19px}.admin-title p{font-size:11px}.admin-account-chip .release-chip,.admin-account-chip .mini-logo,.admin-account-chip>b{display:none}.admin-topbar>div:last-child{max-width:none}.admin-account-chip{margin-left:auto}.admin-notify-button{font-size:11px;padding:8px}.admin-content{padding:16px 12px 96px}.metric-card{padding:16px}.metric-card b{font-size:23px}.admin-panel{padding:15px;margin-top:15px}.nexus-menu-button{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:11px;border:1px solid var(--line);background:#fff;cursor:pointer}.admin-sidebar{display:none;position:absolute;inset:0 auto 0 0;width:min(280px,85vw);z-index:110;background:#f7fcf9;overflow:auto}.admin-app.nexus-menu-open .admin-sidebar{display:flex}.nexus-drawer-close{display:grid;place-items:center;position:absolute;top:15px;right:12px;width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}.nexus-drawer-backdrop{position:absolute;inset:0;z-index:109;border:0;background:#173c2b60;backdrop-filter:blur(5px)}.admin-app.nexus-menu-open .nexus-drawer-backdrop{display:block}.admin-brand{padding-right:26px}.mobile-admin-nav{border-radius:18px;background:#fffffff2;box-shadow:0 8px 30px #1c633b18}.mobile-admin-nav button{border-radius:12px;font-weight:600}.mobile-admin-nav button.is-active{background:#e0f4eb;color:var(--green-dark)}.mobile-admin-nav .nexus-icon{width:18px;height:18px;margin-bottom:3px}.admin-mobile-actions{gap:6px}.admin-mobile-actions button{border-radius:10px;font-weight:600;font-size:11px}.data-table tr{background:#fff;border-radius:13px}.toast-stack{bottom:94px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Responsive storefront: a distinct welcome panel and compact overview. */
.hero{grid-template-columns:minmax(0,1fr);padding-top:24px;padding-bottom:12px;gap:14px}
.hero-main{position:relative;isolation:isolate;min-height:0;padding:32px 36px;background:linear-gradient(115deg,#0b4938,#126b50 75%,#218064);border-color:#237a60;box-shadow:0 14px 32px #12593f20;color:#fff}
.hero-main:before{width:420px;height:420px;right:-130px;top:-170px;border:1px solid #b8ffe330;background:radial-gradient(circle,#98edcd20,transparent 68%);opacity:1;z-index:-1}
.hero-main:after{display:block;content:"";position:absolute;width:300px;height:300px;right:-100px;bottom:-210px;border:1px solid #b8ffe338;border-radius:50%;pointer-events:none;z-index:-1}
.hero-main .eyebrow{color:#b9eed8;letter-spacing:.12em}.hero-main h1{font-size:clamp(30px,3.2vw,44px);line-height:1.2;margin:14px 0;max-width:760px}.hero-main h1 span{color:#a9efd0;background:none;-webkit-text-fill-color:currentColor}.hero-main p{color:#deeee6;font-size:14px;max-width:680px}.hero-main .hero-actions{margin-top:22px}.hero-main .primary-button{background:#e2ffed;color:#0c5138;border-color:#e2ffed;box-shadow:none}.hero-main .secondary-button{color:#fff;background:#ffffff0c;border-color:#ffffff4d}.hero-main .secondary-button:hover{background:#ffffff20}.hero-main .hero-proof{color:#d5ebdf;margin-top:18px;font-size:11px}
.hero-aside{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.35fr);gap:12px;padding:0;background:transparent;border:0;box-shadow:none;overflow:visible;backdrop-filter:none}.hero-aside .brand-signature{display:none}.hero-aside .hero-stat{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:18px;gap:12px;background:#ffffffd9;border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:16px;min-width:0}.hero-aside .hero-stat b{font-size:24px}.hero-aside .hero-stat small{font-size:11px;line-height:1.5}.hero-aside .stat-icon{width:40px;height:40px;flex:none}.hero-aside .support-note{display:flex;align-items:center;padding:16px;margin:0;font-size:12px;font-weight:500;background:#e5f4ec;border-radius:16px;grid-column:auto}.hero-aside .live-dot{margin-top:0}
#products .section-heading{padding:20px;background:#ffffffb8;border:1px solid var(--line);border-radius:18px;margin-bottom:16px;gap:16px}#products .section-heading h2{margin-top:7px;font-size:26px}#products .section-heading p{font-size:12px}#products .search-box{background:#f5faf7;border-color:#cfdfd5}#products .category-chips{padding-bottom:4px}
@media(min-width:960px){.nexus-store-rail{width:184px;padding:24px 12px}.site-header,#storefront,.site-footer{margin-left:184px}.nexus-rail-brand{gap:8px}.nexus-rail-brand b{font-size:16px}.nexus-rail-brand small{font-size:9px}.nexus-rail-brand img{width:32px;height:32px}.site-header .desktop-nav{display:none}.header-inner:before{content:"Không gian công cụ số";font-size:14px;font-weight:650;color:var(--text)}.header-actions{margin-left:auto}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.container{padding-inline:22px}.hero{grid-template-columns:minmax(0,1fr)}}
@media(min-width:960px) and (max-width:1100px){.product-body{padding:12px}.product-body h3{font-size:14px}.product-price{font-size:17px}.product-grid{gap:12px}.product-arrow{font-size:10px;padding:7px 9px}}
@media(max-width:959px){.hero-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-aside .support-note{grid-column:1/-1}.hero-main{padding:28px}.hero-main h1{font-size:34px}}
@media(max-width:680px){.hero{padding-top:15px;gap:10px}.hero-main{padding:24px 20px;border-radius:20px}.hero-main h1{font-size:30px;letter-spacing:-.04em}.hero-main p{font-size:13px}.hero-main .eyebrow{font-size:9px}.hero-main .hero-actions{margin-top:18px}.hero-aside{gap:10px}.hero-aside .hero-stat{padding:14px 12px;gap:9px}.hero-aside .hero-stat b{font-size:22px}.hero-aside .hero-stat small{font-size:10px}.hero-aside .stat-icon{width:32px;height:32px;border-radius:10px}.hero-aside .support-note{padding:12px 14px;font-size:11px}#products .section-heading{padding:16px;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}#products .section-heading h2{font-size:23px}#products .search-box{width:100%;min-width:0} .mobile-tabbar{left:0;right:0;bottom:0;border-radius:18px 18px 0 0;padding-bottom:max(7px,env(safe-area-inset-bottom));border-bottom:0}.mobile-tabbar button.is-active{background:#e0f4eb;color:#096747}}