/* ShopAP2k6 — không gian số, giao diện tối. */
:root{color-scheme:dark;--ink:#edf3ff;--muted:#9aa8c0;--green:#6be4ef;--mint:#6be4ef;--paper:#080c15;--white:#111a29;--line:#253047;--shadow:0 18px 55px #0005;--cyan:#6be4ef;--violet:#aa96ff}
body{background:radial-gradient(ellipse at 94% 13%,#3823611c,transparent 35%),var(--paper)}
::selection{background:var(--cyan);color:#07121d}
:focus-visible{outline-color:var(--cyan)}
.button{border-radius:12px;transition:background .2s,transform .2s,box-shadow .2s}
.button-dark,.button-mint{background:var(--cyan);color:#07151e;box-shadow:0 4px 24px #6be4ef15}
.button-dark:hover,.button-mint:hover{background:#a2f3fa;box-shadow:0 5px 30px #6be4ef28}
.button-light,.icon-button{background:#131d2d;color:var(--ink);border-color:var(--line)}
.button-light:hover,.icon-button:hover{background:#1b293c}
.text-link:hover,.card-link:hover{color:var(--cyan)}
.dark-eyebrow{color:#8c9cb8}.heading-dot{color:var(--cyan)}
.demo-bar{background:#12172a;color:#c4b8ed;border-bottom:1px solid #2a2b46}
.demo-bar span{color:#9eabc2}
.header{background:#0b101bf2;border-bottom-color:#222d41;position:relative;z-index:10}
.brand{letter-spacing:-.7px}.brand-mark{background:linear-gradient(145deg,#1a3546,#142032);border:1px solid #467a86;color:#8beaf3;box-shadow:inset 0 0 16px #6be4ef09}
.brand small{color:#9aa8c0}.nav>a{color:#a4b1c7}.nav>a:hover,.nav>a[aria-current]{color:#e6fbff}.nav>a[aria-current]:after{background:var(--cyan);width:22px;box-shadow:0 0 9px #6be4ef77}
.desktop-contact{background:#152531;color:#a9f2fa;border-color:#375765;box-shadow:none}
.desktop-contact:hover{background:#203c48}
.hero{background:radial-gradient(ellipse at 76% 50%,#17324b88,transparent 45%),radial-gradient(ellipse at 90% 0%,#54298545,transparent 44%),#0a101c;border-bottom:1px solid var(--line)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#93b7ff06 1px,transparent 1px),linear-gradient(90deg,#93b7ff06 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
.hero-grid{min-height:560px;gap:40px;padding-block:66px}
.hero-copy .eyebrow{color:#a6bdce}.small-dot{box-shadow:0 0 14px #6be4ef77}
.hero h1{font-size:clamp(46px,5.1vw,72px);line-height:1.1;letter-spacing:-3px;background:linear-gradient(115deg,#f5f7ff 15%,#f5f7ff 46%,#88e7f0 90%);background-clip:text;-webkit-background-clip:text;color:transparent;margin-block:25px}
.hero-copy>p{color:#a7b5cc;font-size:15px;max-width:440px}.hero-text-link{color:#bbc6da}.hero-text-link:hover{color:var(--cyan)}.hero-note{color:#8fa4bd}
.tech-visual{height:418px;position:relative;isolation:isolate;display:grid;place-items:center;min-width:0}
.tech-visual:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,#53cee32b,transparent 68%);filter:blur(16px);z-index:-1}
.tech-orbit{position:absolute;border:1px solid #45638459;border-radius:50%;width:340px;height:340px;transform:rotate(-24deg) scaleY(.77)}
.tech-orbit:before,.tech-orbit:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#a6eff8;box-shadow:0 0 17px #6be4ef;left:30px;top:64px}
.tech-orbit:after{left:auto;right:30px;top:auto;bottom:64px;background:#b39cff;box-shadow:0 0 17px #a88bff}
.tech-orbit-secondary{width:408px;height:408px;border-style:dashed;border-color:#6d77a233;transform:rotate(27deg) scaleY(.78)}
.tech-orbit-secondary:before,.tech-orbit-secondary:after{display:none}
.tech-core{width:222px;height:222px;border-radius:45px;background:linear-gradient(145deg,#23404c,#112436 49%,#292347);border:1px solid #6b93a777;box-shadow:0 30px 60px #0006,inset 0 0 42px #7ce8ee0a,0 0 65px #67d3f215;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-9deg);position:relative}
.tech-core:before{content:"";position:absolute;inset:10px;border:1px solid #a4dcf21c;border-radius:35px}
.tech-core>span{font-size:87px;font-weight:700;letter-spacing:-10px;line-height:1;color:#c3f5ff;padding-right:7px}.tech-core>span>b{font-size:36px;position:absolute;right:35px;top:48px;font-weight:400;letter-spacing:0;color:#99f3ff}
.tech-core small{font-size:9px;letter-spacing:4px;color:#9cb6d2;margin-top:20px}
.tech-node{position:absolute;display:flex;align-items:center;gap:11px;padding:13px 16px;background:linear-gradient(130deg,#1d2a3ce8,#111a2bec);border:1px solid #46587580;border-radius:14px;box-shadow:0 15px 35px #0004;backdrop-filter:blur(12px);z-index:2;animation:node-float 7s ease-in-out infinite}
.tech-node>span{width:35px;height:35px;border-radius:10px;background:#6be4ef13;color:var(--cyan);display:grid;place-items:center;font-size:23px}.tech-node strong{font-size:12px;display:block;font-weight:600;letter-spacing:-.15px}.tech-node small{display:block;color:#94a7c3;font-size:9px;margin-top:3px}
.node-ai{top:22px;right:10px}.node-design{left:-12px;bottom:60px;animation-delay:-2s}.node-design>span{background:#aa96ff19;color:#c4b4ff}.node-play{right:-3px;bottom:15px;animation-delay:-4s}.node-play>span{background:#ff96b012;color:#ffa6bd}
.tech-caption{position:absolute;left:20px;top:8px;font-family:Consolas,monospace;font-size:9px;color:#7b90aa;letter-spacing:1.5px}.tech-coordinate{position:absolute;left:55px;bottom:8px;font:9px Consolas,monospace;color:#6e829f;letter-spacing:2px}
@keyframes node-float{50%{transform:translateY(-7px)}}
.benefit-strip{background:#0d1421;border-bottom-color:var(--line)}.benefit-strip span{color:#a0b0c6}.benefit-strip .icon{color:#85b8cc}
.section{padding-top:70px}.category-card{background:linear-gradient(130deg,#131d2e,#0f1725);border-color:#29344a;border-radius:15px}.category-card:hover{border-color:#5f9fae;box-shadow:0 6px 25px #55dcea09}.category-icon{background:#64dfea0e;color:#8bdbeb;border:1px solid #64dfea1f}.category-card:nth-child(2) .category-icon{background:#aa96ff12;color:#bca9ff;border-color:#aa96ff26}.category-card:nth-child(3) .category-icon{background:#ff96b00f;color:#f8a0bc;border-color:#ff96b024}.category-card>.icon:last-child{color:#6c829f}
.product-card{background:linear-gradient(145deg,#141e30,#0e1623);border-color:#2a354c;border-radius:18px}.product-card:hover{border-color:#54778b;box-shadow:0 14px 50px #0005,0 0 20px #6be4ef06}.product-art,.detail-art{background:#111b2c}.product-art{border-bottom:1px solid #26334b}.art-badge{background:#10182cdb;border:1px solid #52627c77;color:#d8e3ff;backdrop-filter:blur(8px)}.product-body{padding:21px 19px}.product-meta{color:#94a7c4}.product-body>p{color:#a2afc6}.stock{color:#75debb}.stock-out{color:#f3a3ad}.product-bottom{border-top-color:#29354b}.card-price{color:#f3f7ff}.card-link{color:#99d8e5}.sample-note{color:#b8a8db}
.how-block{background:radial-gradient(ellipse at 0 0,#37236044,transparent 60%),#101827;border-color:#303a53}.steps>li>span{border-color:#4a5477;background:#aa96ff0a;color:#c3b7ff}.bottom-cta>div>.icon{color:var(--cyan)}
.footer{background:#090f1a;border-top-color:var(--line)}.footer-bottom{border-top-color:#263047;color:#8b9cb7}
.breadcrumb .icon{color:#647996}.search-field,.sort-field select,.chip{background:#111a29;border-color:#2e3b53}.search-field .icon{color:#7a97b6}.search-field:focus-within{border-color:#6be4ef88}.chip.active{background:#18323f;color:#b2f4ff;border-color:#497f91}.chip:hover{border-color:#56869a}.empty-state{border-color:#3a4862}
.detail-art{border:1px solid #303c56}.plan-option{background:#111b2b;border-color:#2c3952}.plan-option:hover{border-color:#627791}.plan-option:has(input:checked){background:#102a35;border-color:#66d5e2;box-shadow:0 0 0 1px #66d5e2,0 0 23px #6be4ef09}.plan-option:has(input:focus-visible){outline-color:var(--cyan)}.plan-radio{border-color:#6d809d}.plan-name small{color:#7de1bf}.plan-name .sold-label{color:#f3a3ad}.feature-list li{color:#b3bfd3}.feature-list .icon{color:#79dcc5}.detail-description aside,.policy-aside{background:#121e30;border:1px solid #2c3b54}
.contact-primary{background:radial-gradient(ellipse at 95% 0,#513b7844,transparent 70%),#142536;border:1px solid #365168}.contact-primary p{color:#afc1d6}.contact-facebook{color:#b0e5ee}.contact-symbol{background:#6be4ef13}.info-card,.purchase-steps>article,.policy-content{background:#111a29;border-color:#2b3850}.info-card>.icon,.policy-aside>.icon{color:#9bcddd}.purchase-steps>article>span{color:#b4a2f4}
.field input,.field select,.field textarea{background:#0b1322;border-color:#34415a;color:#e8f1ff}.field input::placeholder,.field textarea::placeholder,.search-field input::placeholder{color:#8495af}.notice{background:#28223b;border-color:#4a3f67;color:#d4c8ef}.form-message.error{color:#ff9eab}.spinner{border-color:#35445c;border-top-color:var(--cyan)}.toast{background:#182c40;border-color:#486580;color:#edf6ff}.modal{background:#101827;border-color:#35435e;box-shadow:0 30px 100px #0009}.modal::backdrop{background:#020611ba;backdrop-filter:blur(8px)}.skip-link{background:#142536;color:var(--ink)}
/* Cùng bảng màu cho khu quản trị và các biểu mẫu. */
.admin-body{background:#080d17}.login-layout{background:radial-gradient(ellipse at 50% 10%,#263d5c55,transparent 60%)}.login-card,.admin-sidebar,.panel,.stats-grid>article{background:#111a29;border-color:#2b3750}.login-card{box-shadow:0 30px 90px #0005}.login-icon{background:#6be4ef14;color:#90e9f2;border:1px solid #6be4ef29}.admin-header{background:#0d1421}.sidebar-label{color:#8798b5}.sidebar-item.active{background:#17313e;color:#a5eff6}.sidebar-item>span{background:#2b4b5b;color:#c3f4ff}.sidebar-item:hover{background:#1b293c}.stats-grid small,.admin-footnote,.category-admin-list small{color:#8b9db9}.admin-status>span{background:#71e1bc}.admin-demo{background:#28223b}.admin-filter>select{background:#101a2b;color:#b8c8e1;border-color:#34415a}.product-table th{background:#162134}.product-table td{border-color:#263249}.table-product img,.image-editor>img{background:#162338}.visibility{background:#17362f;color:#9ce3c6}.visibility.is-hidden{background:#282c3e;color:#bbc1d6}.row-actions .icon-button:hover{background:#26394b}.danger:hover{background:#462333!important;color:#ffc0ca!important}.switch>span{background:#3b475e}.switch input:checked+span{background:#3c92a5}.switch input:focus-visible+span{outline-color:var(--cyan)}.variant-row{background:#111b2b}.checkbox-field input{accent-color:#64d9e6}.upload-label:has(input:focus-visible){outline-color:var(--cyan)}
@media(min-width:1450px){.hero-grid{min-height:600px}.hero h1{font-size:76px}.tech-visual{margin-left:15px}}
@media(max-width:1050px){.hero-grid{gap:15px}.hero h1{font-size:55px}.tech-visual{transform:scale(.88);margin-inline:-10px}.node-ai{right:-7px}.node-design{left:-23px}}
@media(max-width:800px){.hero-grid{min-height:500px;padding-block:45px}.hero h1{font-size:46px;letter-spacing:-2px}.hero-copy>p{font-size:13px}.tech-visual{transform:scale(.74);margin-inline:-45px}.tech-caption{left:5px}.hero-copy .eyebrow{font-size:8px}.section{padding-top:50px}}
@media(max-width:640px){.hero-grid{min-height:0;padding-block:39px 20px;gap:8px}.hero h1{font-size:clamp(44px,11vw,59px);letter-spacing:-2.3px;margin-block:22px}.hero-copy>p{font-size:14px;line-height:1.8}.hero-buttons{gap:18px}.hero-copy .eyebrow{font-size:8px}.tech-visual{height:350px;transform:none;margin:12px 0 0;width:100%;max-width:390px;justify-self:center}.tech-core{width:180px;height:180px;border-radius:35px}.tech-core:before{border-radius:27px}.tech-core>span{font-size:73px}.tech-core>span>b{font-size:30px;right:24px;top:35px}.tech-core small{font-size:7px;margin-top:15px;letter-spacing:3px}.tech-orbit{width:284px;height:284px}.tech-orbit-secondary{width:330px;height:330px}.tech-node{padding:10px 12px;gap:9px;border-radius:12px}.tech-node>span{width:30px;height:30px;font-size:20px}.tech-node strong{font-size:11px}.tech-node small{font-size:8px}.node-ai{top:15px;right:0}.node-design{bottom:55px;left:0}.node-play{bottom:6px;right:0}.tech-caption{left:5px;top:6px;font-size:8px}.tech-coordinate{left:15px;bottom:10px;font-size:8px}.nav{background:#0d1523;box-shadow:0 15px 30px #0006}.section{padding-top:42px}.product-body{padding:15px 12px}.product-body>p{font-size:11px}.category-card{padding:17px 12px}.category-card h3{font-size:13px}.category-card p{font-size:10px}.sample-note{line-height:1.7}.product-grid{gap:12px}.benefit-strip>.container{padding-block:16px}.login-card{padding:30px 25px}}
@media(max-width:360px){.hero h1{font-size:42px}.tech-visual{transform:scale(.9);margin-block:-4px -20px}.hero-buttons{flex-direction:column}.category-card{padding:14px 10px}.category-card h3{font-size:12px}.product-body h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){.tech-node{animation:none}}

/* Giữ phần cuộn bảng và nhãn hỗ trợ đọc màn hình trong khung quản trị. */
.table-wrap{position:relative;max-width:100%}