:root{
  --bg:#07090f;--bg-soft:#0b0e17;--panel:#0f1320;--panel-2:#121727;--line:rgba(255,255,255,.085);
  --text:#f7f8fb;--muted:#9aa3b4;--muted-2:#6f7889;--accent:#8ea6ff;--accent-2:#b8c5ff;
  --success:#5ed6a0;--warning:#f4c66b;--danger:#ff7e8a;--radius:24px;--shadow:0 24px 80px rgba(0,0,0,.32);
  --shell:min(1180px,calc(100vw - 40px));
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -20%,#171f3a 0,transparent 30%),var(--bg);color:var(--text);font-size:16px;line-height:1.55;letter-spacing:-.012em;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");z-index:30}.shell{width:var(--shell);margin-inline:auto}.site-header{position:sticky;top:0;z-index:25;background:rgba(7,9,15,.72);backdrop-filter:blur(22px) saturate(1.2);border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{border-color:var(--line)}.nav-shell{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:19px;letter-spacing:-.035em}.brand-mark{width:32px;height:32px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(142,166,255,.16),rgba(255,255,255,.03));box-shadow:inset 0 1px rgba(255,255,255,.08)}.brand-mark svg{width:24px;height:24px}.brand-mark path{fill:none;stroke:white;stroke-width:3.2;stroke-linecap:round}.brand-mark circle{fill:var(--accent)}.desktop-nav{display:flex;gap:30px;color:#c8ced9;font-size:14px}.desktop-nav a:hover,.footer-links a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:10px}.lang-switch{height:38px;min-width:42px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:#dce1ea;font-weight:700;font-size:12px}.lang-switch:hover{background:rgba(255,255,255,.07)}.btn{border-radius:13px;height:42px;padding:0 17px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:14px;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:#f4f6fb;color:#0a0c12;box-shadow:0 8px 24px rgba(255,255,255,.08)}.btn-primary:hover{background:white;box-shadow:0 12px 30px rgba(255,255,255,.14)}.btn-accent{background:linear-gradient(135deg,#8ea6ff,#b8c5ff);color:#0b0e17;box-shadow:0 12px 34px rgba(142,166,255,.22)}.btn-ghost{border-color:var(--line);background:rgba(255,255,255,.035);color:#eef1f6}.btn-ghost:hover{background:rgba(255,255,255,.07)}.btn-lg{height:50px;border-radius:15px;padding:0 22px;font-size:15px}.btn-full{width:100%}.mobile-menu-btn,.mobile-menu{display:none}
.hero{padding:108px 0 62px;position:relative}.hero:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(115,137,255,.15),transparent 66%);top:-220px;left:50%;transform:translateX(-50%);pointer-events:none}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:999px;padding:7px 11px;color:#cbd2df;font-size:12px;font-weight:700;letter-spacing:.01em}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px rgba(94,214,160,.10)}.hero-inner{text-align:center;max-width:920px;margin:auto}.hero h1{margin:24px auto 20px;max-width:880px;font-size:clamp(48px,7vw,86px);line-height:.97;letter-spacing:-.065em;font-weight:760}.hero h1 .soft{color:#929bac}.hero-copy{max-width:660px;margin:0 auto;color:#aab2c1;font-size:18px;line-height:1.65}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:32px;flex-wrap:wrap}.hero-meta{margin-top:24px;display:flex;gap:22px;justify-content:center;color:#70798a;font-size:12px}.hero-visual{width:min(1050px,calc(100vw - 32px));margin:72px auto 0;border:1px solid rgba(255,255,255,.11);border-radius:30px;padding:10px;background:rgba(255,255,255,.035);box-shadow:0 50px 140px rgba(0,0,0,.55)}.window{background:linear-gradient(180deg,#0d111c,#090c14);border:1px solid rgba(255,255,255,.07);border-radius:22px;overflow:hidden;min-height:520px}.window-bar{height:50px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:7px}.dot{width:8px;height:8px;border-radius:50%;background:#293040}.window-title{margin:auto;color:#6f7889;font-size:11px;transform:translateX(-20px)}.product-preview{display:grid;grid-template-columns:220px 1fr;min-height:470px}.preview-sidebar{border-right:1px solid var(--line);padding:22px 16px}.mini-brand{font-size:12px;color:#dce1ea;font-weight:800;margin-bottom:28px}.side-item{height:38px;border-radius:10px;color:#747e90;font-size:12px;padding:0 11px;display:flex;align-items:center;gap:9px;margin-bottom:4px}.side-item.active{background:rgba(142,166,255,.10);color:#e9edff}.side-icon{width:14px;height:14px;border:1px solid currentColor;border-radius:4px;opacity:.8}.preview-main{padding:28px}.preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.preview-title{font-size:22px;font-weight:750;letter-spacing:-.035em}.mini-button{height:32px;border-radius:9px;background:#eef1f7;color:#0a0c12;padding:0 12px;display:flex;align-items:center;font-size:11px;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.stat{border:1px solid var(--line);border-radius:14px;padding:14px;background:rgba(255,255,255,.025)}.stat-label{font-size:10px;color:#6f7889}.stat-value{font-size:21px;font-weight:750;margin-top:7px}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.board-col{background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:15px;padding:11px}.board-title{font-size:11px;color:#959eaf;margin:2px 4px 11px}.task{border-radius:11px;padding:11px;background:#111725;border:1px solid rgba(255,255,255,.06);margin-bottom:8px}.task-line{height:7px;border-radius:5px;background:#30384a;margin-bottom:7px}.task-line.short{width:56%;background:#252c3a}.task-tag{display:inline-block;height:16px;width:44px;border-radius:5px;background:rgba(142,166,255,.17);margin-top:4px}
.section{padding:96px 0}.section-tight{padding:66px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}.section-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:#778196;font-weight:800}.section h2,.page-hero h1{font-size:clamp(36px,5vw,60px);line-height:1.02;letter-spacing:-.055em;margin:12px 0 0}.section-sub{max-width:560px;color:#8e98aa;font-size:16px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-card{border:1px solid var(--line);border-radius:22px;background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.018));padding:24px;min-height:320px;position:relative;overflow:hidden;transition:.22s}.product-card:hover{border-color:rgba(142,166,255,.28);transform:translateY(-3px);box-shadow:0 24px 70px rgba(0,0,0,.25)}.product-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(142,166,255,.11),transparent 65%);right:-100px;top:-100px}.product-badge{font-size:11px;color:#aab3c6;border:1px solid var(--line);border-radius:99px;padding:5px 9px;display:inline-flex}.product-icon{width:52px;height:52px;border-radius:15px;background:linear-gradient(145deg,rgba(142,166,255,.18),rgba(255,255,255,.03));border:1px solid var(--line);display:grid;place-items:center;margin:36px 0 20px;font-weight:800;color:#bec9ff}.product-card h3{font-size:24px;margin:0 0 10px;letter-spacing:-.04em}.product-card p{color:#8f99aa;font-size:14px;max-width:300px;margin:0}.product-foot{position:absolute;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;align-items:center;color:#6f7889;font-size:12px}.arrow{color:#dce2ef;font-size:18px}.feature-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.feature-large,.feature-stack>div{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.025);padding:28px}.feature-large{min-height:430px;display:flex;flex-direction:column;justify-content:space-between}.feature-stack{display:grid;gap:14px}.feature-stack>div{min-height:208px}.feature-number{color:#667083;font-size:12px}.feature-title{font-size:27px;letter-spacing:-.04em;margin:14px 0 8px}.feature-text{color:#858fa1;max-width:520px}.orbit-art{height:220px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(142,166,255,.18);border-radius:50%}.orbit.a{width:210px;height:90px;transform:rotate(-24deg)}.orbit.b{width:150px;height:150px}.orbit-core{width:58px;height:58px;border-radius:17px;background:linear-gradient(145deg,#aebcff,#6f86ea);box-shadow:0 0 60px rgba(142,166,255,.25)}.orbit-node{position:absolute;width:10px;height:10px;border-radius:50%;background:#dce4ff;box-shadow:0 0 16px rgba(220,228,255,.6);transform:translate(82px,-22px)}
.page-hero{padding:100px 0 48px;text-align:center}.page-hero p{max-width:640px;margin:20px auto 0;color:#929cad;font-size:17px}.filter-bar{display:flex;justify-content:center;gap:8px;margin:4px 0 42px;flex-wrap:wrap}.filter{height:36px;padding:0 13px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#8892a4;font-weight:700;font-size:12px}.filter.active{background:#f1f3f8;color:#0a0c12}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}.price-card{border:1px solid var(--line);border-radius:24px;padding:26px;background:rgba(255,255,255,.027);position:relative}.price-card.featured{background:linear-gradient(165deg,rgba(142,166,255,.13),rgba(255,255,255,.03));border-color:rgba(142,166,255,.3)}.popular{position:absolute;right:18px;top:18px;font-size:10px;font-weight:800;padding:5px 8px;border-radius:999px;background:#dce3ff;color:#151a27}.price-name{font-size:17px;font-weight:800}.price-desc{font-size:13px;color:#818b9e;min-height:44px;margin-top:7px}.price{font-size:42px;font-weight:780;letter-spacing:-.055em;margin:24px 0 2px}.price small{font-size:13px;font-weight:600;color:#747e90;letter-spacing:0}.price-list{list-style:none;margin:24px 0;padding:22px 0 0;border-top:1px solid var(--line)}.price-list li{font-size:13px;color:#adb5c4;margin:12px 0;display:flex;gap:9px}.check{color:var(--success);font-weight:900}.product-detail-hero{display:grid;grid-template-columns:1fr .9fr;gap:64px;align-items:center;padding:100px 0 70px}.product-detail-hero h1{font-size:clamp(48px,6vw,72px);line-height:.98;letter-spacing:-.06em;margin:16px 0}.product-detail-hero p{color:#929cad;font-size:17px;max-width:560px}.product-meta{display:flex;gap:18px;color:#727c8f;font-size:12px;margin-top:24px}.product-orb{height:420px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 50% 44%,rgba(142,166,255,.16),transparent 38%),rgba(255,255,255,.025);position:relative;display:grid;place-items:center;overflow:hidden}.product-orb:before,.product-orb:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%}.product-orb:before{width:270px;height:270px}.product-orb:after{width:390px;height:180px;transform:rotate(-22deg)}.orb-logo{width:110px;height:110px;border-radius:30px;background:linear-gradient(145deg,#c4ceff,#7187eb);display:grid;place-items:center;color:#0b0e17;font-size:33px;font-weight:900;box-shadow:0 22px 80px rgba(111,134,235,.28);z-index:2}.auth-wrap{min-height:720px;display:grid;grid-template-columns:1fr 1fr}.auth-art{border-right:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:60px}.auth-art-inner{max-width:470px}.auth-art h1{font-size:54px;line-height:1;letter-spacing:-.06em;margin:18px 0}.auth-art p{color:#8791a4}.auth-panel{display:flex;align-items:center;justify-content:center;padding:50px 24px}.auth-card{width:min(420px,100%)}.auth-card h2{font-size:30px;letter-spacing:-.045em;margin:0 0 7px}.auth-card>p{color:#7f899a;margin:0 0 28px}.google-btn{width:100%;height:48px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035);color:#eef1f6;font-weight:750;display:flex;align-items:center;justify-content:center;gap:10px}.google-g{font-weight:900;color:#fff}.divider{display:flex;align-items:center;gap:12px;color:#596273;font-size:11px;margin:22px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.field{margin-bottom:15px}.field label{display:block;font-size:12px;color:#9ba4b5;margin-bottom:7px;font-weight:700}.field input{width:100%;height:48px;border-radius:13px;border:1px solid var(--line);background:#0c101a;color:#f2f4f8;padding:0 14px;outline:none}.field input:focus{border-color:rgba(142,166,255,.48);box-shadow:0 0 0 3px rgba(142,166,255,.08)}.form-foot{text-align:center;color:#737d8f;font-size:13px;margin-top:20px}.form-foot a{color:#dce2ef}.checkout{display:grid;grid-template-columns:1fr 410px;gap:32px;padding:70px 0 100px}.checkout-panel,.order-card{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.025)}.checkout-panel{padding:30px}.checkout-panel h1{font-size:34px;letter-spacing:-.045em;margin:0 0 8px}.checkout-panel>p{color:#818b9d;margin:0 0 28px}.qr-area{margin-top:26px;border-top:1px solid var(--line);padding-top:26px}.qr-shell{display:grid;grid-template-columns:176px 1fr;gap:22px;align-items:center}.qr{width:176px;height:176px;background:#f4f5f7;border-radius:14px;padding:12px;display:grid;grid-template-columns:repeat(13,1fr);gap:2px}.qr span{background:#12151c;border-radius:1px}.qr span.w{background:transparent}.pay-info h3{margin:0 0 7px;font-size:16px}.pay-info p{margin:0;color:#7d8799;font-size:13px}.pay-status{margin-top:16px;display:inline-flex;gap:8px;align-items:center;color:#f0c66d;font-size:12px;font-weight:750}.pulse{width:7px;height:7px;background:#f0c66d;border-radius:50%;box-shadow:0 0 0 5px rgba(240,198,109,.10)}.order-card{padding:24px;height:max-content;position:sticky;top:98px}.order-line{display:flex;justify-content:space-between;gap:20px;margin:12px 0;color:#9aa3b4;font-size:13px}.order-line strong{color:#f3f5f9}.order-total{border-top:1px solid var(--line);padding-top:16px;margin-top:18px;font-size:16px}.secure-note{font-size:11px;color:#667083;margin-top:20px;display:flex;gap:8px}.dashboard-page{padding:34px 0 100px}.dashboard-layout{display:grid;grid-template-columns:230px 1fr;gap:20px}.dash-sidebar{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025);padding:16px;height:max-content;position:sticky;top:96px}.dash-user{padding:10px 10px 18px;border-bottom:1px solid var(--line);margin-bottom:12px}.avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#aebcff,#6f86ea);display:grid;place-items:center;color:#101522;font-weight:900;margin-bottom:10px}.dash-user strong{display:block;font-size:13px}.dash-user span{font-size:11px;color:#6f7889}.dash-nav a{height:40px;border-radius:10px;display:flex;align-items:center;padding:0 10px;color:#7d8799;font-size:12px;font-weight:700;margin:3px 0}.dash-nav a.active{background:rgba(142,166,255,.11);color:#e9edff}.dash-main{min-width:0}.dash-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:22px}.dash-heading h1{font-size:32px;letter-spacing:-.045em;margin:0}.dash-heading p{margin:4px 0 0;color:#747e90;font-size:13px}.dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dash-card{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025);padding:20px}.dash-card-label{font-size:11px;color:#778195}.dash-card-value{font-size:27px;font-weight:780;letter-spacing:-.04em;margin:6px 0 3px}.dash-card-small{font-size:11px;color:#667083}.my-product{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025);padding:20px;margin-top:14px}.my-product-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.my-product-left{display:flex;align-items:center;gap:14px}.small-product-icon{width:44px;height:44px;border-radius:13px;background:rgba(142,166,255,.14);display:grid;place-items:center;color:#c8d1ff;font-weight:900}.my-product h3{margin:0;font-size:16px}.my-product p{margin:3px 0 0;color:#707a8c;font-size:11px}.status-active{font-size:10px;color:#78ddb1;background:rgba(94,214,160,.09);border:1px solid rgba(94,214,160,.17);border-radius:999px;padding:5px 8px;font-weight:800}.product-details-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.detail-label{font-size:10px;color:#646e80}.detail-value{font-size:12px;color:#c5cbd6;margin-top:3px}.empty-box{border:1px dashed rgba(255,255,255,.12);border-radius:20px;padding:34px;text-align:center;color:#778195;margin-top:14px}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}.about-copy p{color:#8b95a7;font-size:17px}.principles{display:grid;gap:12px}.principle{border:1px solid var(--line);border-radius:18px;padding:20px;background:rgba(255,255,255,.025)}.principle strong{display:block;margin-bottom:6px}.principle p{margin:0;color:#7f899b;font-size:13px}.toast{position:fixed;right:20px;bottom:20px;background:#f1f3f8;color:#10131a;padding:12px 16px;border-radius:12px;font-size:13px;font-weight:700;opacity:0;transform:translateY(10px);pointer-events:none;transition:.22s;z-index:60;box-shadow:0 12px 40px rgba(0,0,0,.35)}.toast.show{opacity:1;transform:translateY(0)}.site-footer{border-top:1px solid var(--line);padding:48px 0 24px;background:#07090f}.footer-grid{display:flex;justify-content:space-between;gap:40px}.footer-brand{margin-bottom:14px}.footer-note{color:#6f7889;max-width:360px;font-size:13px}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px 36px;color:#818b9d;font-size:13px}.footer-bottom{border-top:1px solid var(--line);margin-top:38px;padding-top:20px;display:flex;justify-content:space-between;color:#535c6d;font-size:11px}
@media(max-width:900px){:root{--shell:min(100% - 28px,1180px)}.desktop-nav,.desktop-only{display:none}.mobile-menu-btn{display:grid;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.03);place-content:center;gap:5px}.mobile-menu-btn span{display:block;width:15px;height:1px;background:#dce1ea}.mobile-menu{display:none;padding:8px 14px 18px;border-top:1px solid var(--line);background:rgba(7,9,15,.96)}.mobile-menu.open{display:grid}.mobile-menu a{padding:12px 5px;color:#c5ccd8;font-size:14px;border-bottom:1px solid rgba(255,255,255,.04)}.hero{padding-top:72px}.hero h1{font-size:clamp(46px,12vw,68px)}.hero-meta{flex-direction:column;gap:4px}.product-preview{grid-template-columns:1fr}.preview-sidebar{display:none}.stats{grid-template-columns:repeat(2,1fr)}.board{grid-template-columns:1fr 1fr}.board-col:last-child{display:none}.product-grid,.pricing-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}.product-detail-hero{grid-template-columns:1fr;gap:30px}.product-orb{height:320px}.auth-wrap{grid-template-columns:1fr}.auth-art{display:none}.checkout{grid-template-columns:1fr}.order-card{position:static;grid-row:1}.dashboard-layout{grid-template-columns:1fr}.dash-sidebar{position:static}.dash-nav{display:flex;overflow:auto;gap:4px}.dash-nav a{white-space:nowrap}.dash-cards{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr;gap:26px}}
@media(max-width:620px){.nav-shell{height:66px}.brand{font-size:17px}.brand-mark{width:30px;height:30px}.hero{padding:60px 0 34px}.hero h1{font-size:45px}.hero-copy{font-size:15px}.hero-actions .btn{width:100%}.hero-visual{margin-top:48px}.window{min-height:420px}.preview-main{padding:17px}.preview-head{margin-bottom:18px}.preview-title{font-size:18px}.stats{gap:7px}.stat{padding:11px}.stat-value{font-size:18px}.board{grid-template-columns:1fr}.board-col:nth-child(2){display:none}.section{padding:70px 0}.section-head{display:block}.section-sub{margin-top:14px}.product-grid,.pricing-grid{grid-template-columns:1fr}.product-card{min-height:290px}.page-hero{padding:70px 0 36px}.page-hero h1{font-size:42px}.product-detail-hero{padding-top:70px}.product-detail-hero h1{font-size:50px}.product-orb{height:270px}.auth-panel{padding:56px 18px}.checkout{padding-top:36px}.checkout-panel{padding:20px}.qr-shell{grid-template-columns:1fr;text-align:center}.qr{margin:auto}.pay-info{text-align:center}.dash-heading{align-items:flex-start;flex-direction:column}.dash-cards{grid-template-columns:1fr}.product-details-row{grid-template-columns:1fr 1fr}.footer-grid,.footer-bottom{flex-direction:column}.footer-links{margin-top:16px}.footer-bottom{gap:6px}.my-product-top{align-items:flex-start}.my-product-top>.btn{display:none}}

/* SpaceDock Typography refinement — V1.1
   System-native stacks only: full Vietnamese support, no external font dependency. */
:root{
  --font-body:"Aptos","Segoe UI Variable Text","Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --font-display:"Aptos Display","Segoe UI Variable Display","Segoe UI Variable Text","Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  font-family:var(--font-body);
}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{font-family:var(--font-body);font-weight:400;letter-spacing:-.004em;line-height:1.58}
button,input{font-family:var(--font-body)}
.brand,.hero h1,.section h2,.page-hero h1,.preview-title,.product-card h3,.feature-title,
.product-detail-hero h1,.auth-art h1,.auth-card h2,.checkout-panel h1,.dash-heading h1,
.dash-card-value,.my-product h3,.principle strong{
  font-family:var(--font-display);
  font-variation-settings:"wght" 620;
  text-wrap:balance;
}
.brand{font-weight:650;letter-spacing:-.022em}
.desktop-nav{font-weight:450;letter-spacing:.002em}
.lang-switch{font-weight:650;letter-spacing:.015em}
.btn{font-weight:620;letter-spacing:-.006em}
.eyebrow,.section-kicker{font-weight:650}
.hero h1{font-weight:620;letter-spacing:-.046em;line-height:1.015}
.hero-copy{font-weight:400;letter-spacing:-.006em;line-height:1.7}
.section h2,.page-hero h1{font-weight:610;letter-spacing:-.04em;line-height:1.055}
.section-sub,.page-hero p,.feature-text,.about-copy p{letter-spacing:-.004em;line-height:1.66}
.preview-title{font-weight:620;letter-spacing:-.025em}
.mini-brand,.mini-button,.product-icon,.orb-logo,.avatar,.small-product-icon{font-weight:650}
.stat-value,.dash-card-value{font-weight:620;letter-spacing:-.026em}
.product-card h3{font-weight:610;letter-spacing:-.025em;line-height:1.15}
.product-card p{line-height:1.62;letter-spacing:-.002em}
.feature-title{font-weight:610;letter-spacing:-.025em;line-height:1.15}
.product-detail-hero h1{font-weight:620;letter-spacing:-.045em;line-height:1.01}
.auth-art h1{font-weight:610;letter-spacing:-.045em;line-height:1.02}
.auth-card h2,.checkout-panel h1,.dash-heading h1{font-weight:610;letter-spacing:-.03em;line-height:1.12}
.google-btn{font-weight:600}
.field label,.dash-nav a,.filter,.pay-status,.status-active{font-weight:600}
.field input{font-weight:400;letter-spacing:0}
.my-product h3,.principle strong{font-weight:600;letter-spacing:-.012em}
.footer-note,.footer-links,.form-foot,.pay-info p,.dash-heading p{line-height:1.6}
@media(max-width:620px){
  .hero h1{letter-spacing:-.04em;line-height:1.03}
  .page-hero h1,.product-detail-hero h1{letter-spacing:-.035em}
}

/* SpaceDock V1.2 — navigation + simplified commerce model */
.subnav{border-bottom:1px solid rgba(255,255,255,.055);background:rgba(7,9,15,.38)}
.subnav-inner{height:52px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.back-btn,.inline-back{appearance:none;border:0;background:transparent;color:#aeb7c8;display:inline-flex;align-items:center;gap:8px;padding:0;font-size:13px;font-weight:560;letter-spacing:-.002em;cursor:pointer}
.back-btn:hover,.inline-back:hover{color:#fff}
.back-btn span:first-child{font-size:18px;line-height:1;transform:translateY(-1px)}
.subnav-current{font-size:11px;color:#596273;text-transform:uppercase;letter-spacing:.11em;font-weight:650}
.inline-back{margin:0 0 12px;color:#778195}
.product-mode{display:inline-flex;margin-top:16px;padding:6px 9px;border-radius:999px;border:1px solid rgba(142,166,255,.13);background:rgba(142,166,255,.055);color:#8797c8;font-size:10px;font-weight:650;letter-spacing:.015em}
.pricing-products .price-card{min-height:465px}
.rental-price{font-size:27px;line-height:1.1;margin-top:34px}
.rental-price small{display:block;margin:8px 0 0;font-size:11px}
.rental-note,.rental-dashboard-note{border:1px solid rgba(142,166,255,.14);background:rgba(142,166,255,.055);border-radius:16px;padding:15px 17px;margin:22px 0 0;display:grid;gap:4px;max-width:650px}
.rental-note strong,.rental-dashboard-note strong{font-size:12px;color:#d5dcf4;font-weight:650}
.rental-note span,.rental-dashboard-note span{font-size:12px;color:#7f8aa1;line-height:1.55}
.rental-dashboard-note{max-width:none;margin-top:14px}
@media(max-width:620px){.subnav-inner{height:46px}.subnav-current{display:none}.pricing-products .price-card{min-height:auto}.rental-note{margin-top:18px}.inline-back{margin-bottom:10px}}

/* SpaceDock V1.3 — product card collision fix */
.product-card{
  display:flex;
  flex-direction:column;
  min-height:338px;
}
.product-card p{
  max-width:none;
  margin-bottom:0;
}
.product-mode{
  align-self:flex-start;
  margin-top:18px;
  flex:0 0 auto;
  white-space:normal;
  line-height:1.35;
}
.product-foot{
  position:static;
  left:auto;
  right:auto;
  bottom:auto;
  width:100%;
  margin-top:auto;
  padding-top:22px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:44px;
}
@media(max-width:620px){
  .product-card{min-height:310px}
  .product-foot{padding-top:18px}
}


/* SpaceDock Admin V2.0.7 */
.admin-page .dash-main{min-width:0}
.admin-sidebar{border-color:rgba(255,255,255,.07)}
.admin-badge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:6px 9px;
  margin:0 0 10px;
  border:1px solid rgba(137,110,255,.28);
  border-radius:999px;
  background:rgba(120,92,255,.08);
  color:#b8a8ff;
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
}
.admin-stat-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.admin-revenue{font-size:26px}
.admin-section{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  margin-top:28px;
  padding:26px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:18px;
  background:rgba(255,255,255,.02);
}
.admin-section h2{margin:8px 0;font-size:20px}
.admin-section p{max-width:640px;margin:0;color:#7f8999;font-size:12px;line-height:1.7}
.admin-security{
  flex:0 0 auto;
  color:#78d7a4;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
}
@media(max-width:900px){
  .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .admin-stat-grid{grid-template-columns:1fr}
  .admin-section{align-items:flex-start;flex-direction:column}
}


/* SpaceDock Admin Users V2.0.9 */
.admin-users-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:8px 0 16px;
}
.admin-users-toolbar strong{font-size:18px}
.admin-users-toolbar span{color:#7f8999;font-size:12px}
.admin-users-toolbar input{
  width:min(360px,100%);
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.025);
  color:#e9edf5;
  padding:11px 14px;
  outline:none;
}
.admin-users-toolbar input:focus{border-color:rgba(148,136,255,.45)}
.admin-table-wrap{
  overflow:auto;
  border:1px solid rgba(255,255,255,.07);
  border-radius:18px;
  background:rgba(255,255,255,.015);
}
.admin-table{
  width:100%;
  min-width:950px;
  border-collapse:collapse;
}
.admin-table th{
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.07);
  color:#707b8e;
  font-size:10px;
  font-weight:700;
  text-align:left;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.admin-table td{
  padding:15px 16px;
  border-bottom:1px solid rgba(255,255,255,.05);
  color:#aeb6c4;
  font-size:11px;
  vertical-align:middle;
}
.admin-table tbody tr:last-child td{border-bottom:0}
.admin-table tbody tr:hover{background:rgba(255,255,255,.018)}
.admin-user-cell{display:flex;align-items:center;gap:11px}
.admin-user-cell strong{display:block;color:#edf0f5;font-size:12px}
.admin-user-cell span{display:block;margin-top:3px;color:#737e90;font-size:10px}
.admin-user-avatar{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:10px;
  background:rgba(125,139,255,.16);
  color:#dfe3ff;
  font-size:12px;
  font-weight:800;
}
.admin-role,.admin-status,.admin-auth-chip,.admin-verified,.admin-unverified{
  display:inline-flex;
  align-items:center;
  width:max-content;
  border-radius:999px;
  padding:5px 8px;
  font-size:9px;
  font-weight:700;
}
.admin-role{background:rgba(255,255,255,.055);color:#aab3c2}
.admin-role.platform{background:rgba(124,91,255,.12);color:#b6a9ff}
.admin-auth-list{display:flex;gap:5px;flex-wrap:wrap}
.admin-auth-chip{background:rgba(255,255,255,.045);color:#9aa4b5}
.admin-verified{background:rgba(82,205,143,.08);color:#73dca4}
.admin-unverified{background:rgba(236,173,70,.08);color:#e5b66d}
.admin-status.active{background:rgba(82,205,143,.08);color:#73dca4}
.admin-status.disabled{background:rgba(233,91,91,.09);color:#e68c8c}
.admin-user-action{
  border:1px solid rgba(230,102,102,.2);
  border-radius:9px;
  background:rgba(230,102,102,.05);
  color:#dc9797;
  padding:7px 10px;
  cursor:pointer;
  font:inherit;
}
.admin-user-action.unlock{
  border-color:rgba(82,205,143,.2);
  background:rgba(82,205,143,.05);
  color:#82d9a9;
}
.admin-self{color:#697486;font-size:9px}
.admin-action-cell{text-align:right}
.admin-table-empty{text-align:center!important;padding:34px!important;color:#667184!important}
.admin-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(4,7,12,.72);
  backdrop-filter:blur(10px);
}
.admin-modal-backdrop[hidden]{display:none}
.admin-modal{
  width:min(440px,100%);
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;
  background:#0e131d;
  padding:26px;
  box-shadow:0 30px 90px rgba(0,0,0,.45);
}
.admin-modal h3{margin:12px 0 8px;font-size:20px}
.admin-modal p{margin:0;color:#8993a4;font-size:12px;line-height:1.7}
.admin-modal-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:24px;
}
@media(max-width:700px){
  .admin-users-toolbar{align-items:stretch;flex-direction:column}
  .admin-users-toolbar input{width:100%}
}


/* SpaceDock Admin Users V2.0.11 */
.admin-table-wrap{
  overflow-x:hidden;
}

.admin-table{
  min-width:0;
  width:100%;
  table-layout:fixed;
}

.admin-table th,
.admin-table td{
  padding:13px 10px;
}

.admin-table th:nth-child(1){width:23%}
.admin-table th:nth-child(2){width:15%}
.admin-table th:nth-child(3){width:16%}
.admin-table th:nth-child(4){width:13%}
.admin-table th:nth-child(5){width:11%}
.admin-table th:nth-child(6){width:12%}
.admin-table th:nth-child(7){width:10%}

.admin-user-cell{
  min-width:0;
}

.admin-user-cell > div:last-child{
  min-width:0;
}

.admin-user-cell strong,
.admin-user-cell span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.admin-role{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.admin-auth-list{
  gap:4px;
}

.admin-auth-chip{
  padding:4px 6px;
  font-size:8px;
}

.admin-action-cell{
  white-space:nowrap;
}

.admin-self{
  display:block;
  line-height:1.35;
  white-space:normal;
}

.admin-user-action{
  padding:7px 9px;
}

@media(max-width:900px){
  .admin-table-wrap{
    overflow-x:auto;
  }

  .admin-table{
    min-width:820px;
    table-layout:auto;
  }
}


/* SpaceDock Admin Products V2.0.12 */
.admin-products-table th:nth-child(1){width:24%}
.admin-products-table th:nth-child(2){width:13%}
.admin-products-table th:nth-child(3){width:16%}
.admin-products-table th:nth-child(4){width:13%}
.admin-products-table th:nth-child(5){width:13%}
.admin-products-table th:nth-child(6){width:12%}
.admin-products-table th:nth-child(7){width:9%}

.admin-product-price{
  color:#dfe4ec;
  font-size:11px;
}

.admin-product-status{
  display:inline-flex;
  padding:5px 8px;
  border-radius:999px;
  font-size:9px;
  font-weight:700;
}

.admin-product-status.available{
  background:rgba(82,205,143,.08);
  color:#73dca4;
}

.admin-product-status.coming_soon{
  background:rgba(123,139,255,.09);
  color:#a7b0ff;
}

.admin-product-status.draft{
  background:rgba(255,255,255,.055);
  color:#9ca6b6;
}

.admin-product-status.archived{
  background:rgba(233,91,91,.07);
  color:#c88d8d;
}

.admin-product-edit{
  border:1px solid rgba(255,255,255,.09);
  border-radius:9px;
  background:rgba(255,255,255,.025);
  color:#b6bfce;
  padding:7px 10px;
  cursor:pointer;
  font:inherit;
}

.admin-product-edit:hover{
  background:rgba(255,255,255,.06);
}

.admin-product-modal{
  width:min(560px,100%);
}

.admin-product-form{
  margin-top:20px;
}

.admin-product-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.admin-product-form select{
  width:100%;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:#111721;
  color:#e9edf5;
  padding:11px 13px;
  outline:none;
}

.admin-product-form input:disabled{
  opacity:.55;
}

@media(max-width:620px){
  .admin-product-form-grid{
    grid-template-columns:1fr;
  }
}

/* ===== V2.0.18 STORE DETAIL ===== */

.store-detail-page,
.store-cart-page{
  padding:20px 0 100px;
}

.store-detail-nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:14px 0 32px;
}

.store-detail-nav a{
  color:#929cae;
  font-size:12px;
}

.store-cart-link{
  display:flex;
  gap:8px;
  align-items:center;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
}

.store-cart-link span{
  min-width:20px;
  height:20px;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0 5px;
  border-radius:999px;
  background:#e6e9f3;
  color:#11141b;
  font-size:10px;
  font-weight:800;
}

.store-detail-hero{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:70px;
  align-items:center;
  min-height:570px;
  padding:30px 0 80px;
}

.store-detail-kicker,
.store-section-heading>span,
.store-bottom-purchase>div>span,
.store-cart-heading>span{
  color:#737e93;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
}

.store-detail-copy h1{
  margin:13px 0 18px;
  font-size:clamp(48px,6vw,82px);
  line-height:.95;
  letter-spacing:-.055em;
}

.store-detail-description{
  max-width:650px;
  color:#929cad;
  font-size:16px;
  line-height:1.75;
}

.store-detail-tags{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:25px 0;
}

.store-detail-tags span{
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  color:#a8b1c1;
  font-size:10px;
}

.store-detail-purchase{
  max-width:700px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  margin-top:28px;
  padding:22px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;
  background:rgba(255,255,255,.02);
}

.store-detail-purchase small{
  display:block;
  margin-bottom:5px;
  color:#697386;
  font-size:9px;
  letter-spacing:.12em;
}

.store-detail-purchase strong{
  font-size:29px;
  letter-spacing:-.04em;
}

.store-detail-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.store-detail-trust{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin-top:17px;
  color:#717b8e;
  font-size:10px;
}

.store-detail-visual{
  position:relative;
  min-height:470px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  border-radius:30px;
  background:
    radial-gradient(circle at 50% 48%,rgba(109,122,255,.18),transparent 35%),
    rgba(255,255,255,.015);
}

.store-detail-icon{
  position:relative;
  z-index:3;
  width:125px;
  height:125px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:32px;
  background:linear-gradient(145deg,#bbc4ff,#7f8cff);
  color:#111525;
  font-size:28px;
  font-weight:900;
  box-shadow:0 30px 80px rgba(82,94,210,.25);
}

.store-detail-visual>span{
  position:absolute;
  bottom:25px;
  color:#5c6679;
  font-size:9px;
  font-weight:800;
  letter-spacing:.16em;
}

.store-orbit{
  position:absolute;
  width:340px;
  height:185px;
  border:1px solid rgba(164,175,255,.18);
  border-radius:50%;
}

.store-orbit-a{
  transform:rotate(-20deg);
}

.store-orbit-b{
  transform:rotate(27deg);
}

.store-detail-section{
  padding:85px 0;
  border-top:1px solid rgba(255,255,255,.07);
}

.store-section-heading{
  max-width:680px;
  margin-bottom:34px;
}

.store-section-heading h2{
  margin:9px 0 10px;
  font-size:37px;
  letter-spacing:-.04em;
}

.store-section-heading p{
  color:#7d879a;
  line-height:1.7;
}

.store-preview-layout{
  display:grid;
  grid-template-columns:1.55fr .75fr;
  grid-template-rows:1fr 1fr;
  gap:14px;
}

.store-preview-main,
.store-preview-side{
  border:1px solid rgba(255,255,255,.085);
  border-radius:22px;
  background:rgba(255,255,255,.015);
}

.store-preview-main{
  grid-row:1 / span 2;
  min-height:510px;
  overflow:hidden;
}

.store-preview-windowbar{
  height:49px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 16px;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.store-preview-windowbar i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:rgba(255,255,255,.14);
}

.store-preview-windowbar span{
  margin-left:8px;
  color:#657084;
  font-size:9px;
}

.store-preview-ui{
  display:grid;
  grid-template-columns:125px 1fr;
  min-height:460px;
}

.store-preview-ui aside{
  padding:22px 14px;
  border-right:1px solid rgba(255,255,255,.06);
}

.store-preview-ui aside b,
.store-preview-ui aside span{
  display:block;
  height:10px;
  margin-bottom:16px;
  border-radius:8px;
  background:rgba(123,136,181,.11);
}

.store-preview-ui aside b{
  width:65%;
  height:16px;
  margin-bottom:30px;
  background:rgba(115,129,255,.2);
}

.store-preview-ui main{
  padding:25px;
}

.store-preview-ui header{
  display:flex;
  justify-content:space-between;
  margin-bottom:29px;
}

.store-preview-ui header strong,
.store-preview-ui header em{
  height:14px;
  border-radius:8px;
  background:rgba(145,155,190,.15);
}

.store-preview-ui header strong{
  width:34%;
}

.store-preview-ui header em{
  width:15%;
}

.store-preview-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}

.store-preview-cards div{
  height:95px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  background:rgba(97,110,160,.08);
}

.store-preview-rows{
  margin-top:28px;
}

.store-preview-rows span{
  display:block;
  height:13px;
  margin-bottom:12px;
  border-radius:8px;
  background:rgba(123,135,174,.09);
}

.store-preview-rows span:nth-child(2){
  width:86%;
}

.store-preview-rows span:nth-child(3){
  width:93%;
}

.store-preview-rows span:nth-child(4){
  width:68%;
}

.store-preview-side{
  min-height:245px;
  padding:20px;
}

.store-preview-side small{
  color:#697487;
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
}

.store-preview-side>div:not(.store-preview-progress){
  height:45px;
  margin-top:12px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:11px;
  background:rgba(99,112,160,.07);
}

.store-preview-progress{
  height:10px;
  margin:45px 0 28px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.06);
}

.store-preview-progress b{
  display:block;
  width:70%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#8290ff,#b5bdff);
}

.store-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.store-feature-grid article{
  min-height:235px;
  padding:27px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:20px;
}

.store-feature-grid article>span{
  color:#667186;
  font-size:10px;
  font-weight:800;
}

.store-feature-grid h3{
  margin:43px 0 10px;
  font-size:20px;
}

.store-feature-grid p{
  color:#7c8799;
  font-size:13px;
  line-height:1.65;
}

.store-specs{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin:10px 0 90px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.085);
  border-radius:20px;
}

.store-specs>div{
  min-height:120px;
  padding:22px;
  border-right:1px solid rgba(255,255,255,.07);
}

.store-specs>div:last-child{
  border-right:0;
}

.store-specs span{
  display:block;
  margin-bottom:18px;
  color:#626d81;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
}

.store-specs strong{
  font-size:13px;
}

.store-bottom-purchase{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:40px;
  padding:40px;
  border:1px solid rgba(255,255,255,.095);
  border-radius:26px;
  background:rgba(255,255,255,.02);
}

.store-bottom-purchase h2{
  margin:8px 0;
  font-size:32px;
}

.store-bottom-purchase p{
  max-width:600px;
  color:#798496;
}

.store-product-missing{
  min-height:55vh;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:20px;
}

.store-cart-heading{
  padding:40px 0;
}

.store-cart-heading h1{
  margin:10px 0;
  font-size:48px;
  letter-spacing:-.045em;
}

.store-cart-heading p{
  color:#7e899a;
}

.store-cart-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:18px;
  align-items:start;
}

.store-cart-items{
  display:grid;
  gap:10px;
}

.store-cart-item{
  display:grid;
  grid-template-columns:64px minmax(0,1fr) 130px auto;
  gap:18px;
  align-items:center;
  padding:20px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:18px;
}

.store-cart-icon{
  width:58px;
  height:58px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:16px;
  background:rgba(127,140,255,.16);
  color:#c8cfff;
  font-weight:900;
}

.store-cart-info>span,
.store-cart-price>span{
  color:#697386;
  font-size:9px;
}

.store-cart-info h3{
  margin:4px 0;
  font-size:18px;
}

.store-cart-info p{
  margin:0;
  color:#798496;
  font-size:11px;
  line-height:1.55;
}

.store-cart-price strong{
  display:block;
  font-size:16px;
}

.store-cart-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:6px;
}

.store-cart-summary{
  position:sticky;
  top:90px;
  padding:22px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:18px;
}

.store-cart-summary>span{
  color:#697487;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
}

.store-cart-summary>div{
  display:flex;
  justify-content:space-between;
  margin-top:20px;
  padding:20px 0;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}

.store-cart-summary p{
  color:#737e90;
  font-size:11px;
  line-height:1.6;
}

.store-cart-empty{
  min-height:300px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:12px;
  padding:38px;
  border:1px dashed rgba(255,255,255,.12);
  border-radius:20px;
}

.store-cart-empty p{
  color:#7d8798;
}

@media(max-width:900px){

  .store-detail-hero{
    grid-template-columns:1fr;
    gap:30px;
  }

  .store-preview-layout{
    grid-template-columns:1fr;
    grid-template-rows:auto;
  }

  .store-preview-main{
    grid-row:auto;
  }

  .store-feature-grid,
  .store-specs{
    grid-template-columns:1fr 1fr;
  }

  .store-bottom-purchase{
    flex-direction:column;
    align-items:flex-start;
  }

  .store-cart-layout{
    grid-template-columns:1fr;
  }

  .store-cart-summary{
    position:static;
  }

  .store-cart-item{
    grid-template-columns:58px 1fr;
  }

  .store-cart-price,
  .store-cart-actions{
    grid-column:2;
  }

  .store-cart-actions{
    justify-content:flex-start;
  }
}

@media(max-width:600px){

  .store-detail-copy h1{
    font-size:48px;
  }

  .store-detail-purchase{
    flex-direction:column;
    align-items:flex-start;
  }

  .store-detail-actions{
    width:100%;
  }

  .store-detail-actions .btn{
    width:100%;
  }

  .store-feature-grid,
  .store-specs{
    grid-template-columns:1fr;
  }

  .store-preview-ui{
    grid-template-columns:85px 1fr;
  }

  .store-bottom-purchase{
    padding:26px;
  }
}


/* ===== SPACEDOCK PAYOS QR EMBED ===== */

.payos-embedded-checkout{
  width:100%;
  min-height:520px;
  margin-top:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:#fff;
}

.payos-embedded-checkout iframe{
  display:block;
  width:100%!important;
  min-height:520px!important;
  border:0!important;
}

@media(max-width:700px){
  .payos-embedded-checkout,
  .payos-embedded-checkout iframe{
    min-height:620px!important;
  }
}


/* ===== SPACEDOCK DIRECT VIETQR ===== */

.spacedock-payqr{
  margin-top:18px;
  padding:24px;
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:28px;
  align-items:center;
  border:1px solid rgba(255,255,255,.09);
  border-radius:20px;
  background:rgba(255,255,255,.025);
}

.spacedock-payqr-image{
  padding:16px;
  border-radius:16px;
  background:#fff;
}

.spacedock-payqr-image img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1;
  object-fit:contain;
}

.spacedock-payqr-info{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:9px;
}

.spacedock-payqr-kicker{
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  color:#8791a3;
}

.spacedock-payqr-info strong{
  font-size:30px;
  letter-spacing:-.03em;
  color:#f4f6fa;
}

.spacedock-payqr-info span:not(.spacedock-payqr-kicker){
  color:#c3cad5;
  overflow-wrap:anywhere;
}

.spacedock-payqr-info small{
  color:#7f899a;
  overflow-wrap:anywhere;
}

@media(max-width:700px){
  .spacedock-payqr{
    grid-template-columns:1fr;
  }

  .spacedock-payqr-image{
    width:min(100%,320px);
    margin:auto;
  }
}


/* ===== SPACEDOCK PRODUCT CONTENT MANAGER ===== */

.admin-product-modal{
  width:min(960px,calc(100vw - 32px));
  max-height:calc(100vh - 40px);
  overflow-y:auto;
  overscroll-behavior:contain;
}

.admin-product-modal .field textarea{
  width:100%;
  min-height:92px;
  box-sizing:border-box;
  resize:vertical;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  padding:12px 13px;
  background:rgba(255,255,255,.035);
  color:#eef1f6;
  font:inherit;
  line-height:1.55;
  outline:none;
}

.admin-product-modal .field textarea:focus{
  border-color:rgba(116,126,255,.65);
  box-shadow:0 0 0 3px rgba(100,110,255,.08);
}

.admin-product-content-divider{
  margin:24px 0 16px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.08);
}

.admin-product-content-divider span{
  display:block;
  font-size:10px;
  font-weight:750;
  letter-spacing:.16em;
  color:#778195;
}

.admin-product-media-section[hidden]{
  display:none!important;
}

.admin-product-media-help{
  margin:-5px 0 18px;
  color:#7e889a;
  font-size:12px;
  line-height:1.6;
}

.admin-product-media-block{
  padding:16px;
  margin-bottom:14px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:16px;
  background:rgba(255,255,255,.018);
}

.admin-product-media-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}

.admin-product-media-heading>div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.admin-product-media-heading strong{
  color:#e7eaf0;
  font-size:13px;
}

.admin-product-media-heading span{
  color:#727d90;
  font-size:11px;
}

.admin-media-upload{
  position:relative;
  flex:none;
  cursor:pointer;
}

.admin-media-upload.is-uploading{
  opacity:.5;
  pointer-events:none;
}

.admin-media-empty{
  min-height:82px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:18px;
  border:1px dashed rgba(255,255,255,.09);
  border-radius:13px;
  text-align:center;
}

.admin-media-empty strong{
  color:#aeb5c0;
  font-size:12px;
}

.admin-media-empty span{
  color:#687386;
  font-size:11px;
}

.admin-product-cover-card{
  position:relative;
  overflow:hidden;
  min-height:190px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:14px;
  background:#0a0d13;
}

.admin-product-cover-card img{
  display:block;
  width:100%;
  max-height:340px;
  object-fit:cover;
}

.admin-media-overlay{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.admin-media-delete{
  position:absolute;
  top:9px;
  right:9px;
  z-index:3;
  border:1px solid rgba(255,255,255,.14);
  border-radius:9px;
  padding:6px 9px;
  background:rgba(8,10,15,.86);
  color:#fff;
  font-size:11px;
  cursor:pointer;
  pointer-events:auto;
  backdrop-filter:blur(12px);
}

.admin-media-delete:hover{
  border-color:rgba(255,255,255,.27);
  background:rgba(18,21,29,.94);
}

.admin-product-gallery-preview{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.admin-media-empty-wide{
  grid-column:1/-1;
}

.admin-product-gallery-card{
  position:relative;
  overflow:hidden;
  aspect-ratio:16/10;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:#0a0d13;
}

.admin-product-gallery-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.admin-gallery-number{
  position:absolute;
  left:9px;
  bottom:9px;
  padding:5px 7px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:rgba(7,9,14,.8);
  color:#d4d9e2;
  font-size:10px;
  font-weight:700;
  backdrop-filter:blur(10px);
}

.store-detail-cover{
  position:absolute;
  inset:0;
  z-index:2;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
}

.store-detail-cover[hidden]{
  display:none;
}

.store-preview-layout.store-preview-gallery{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.store-gallery-item{
  margin:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:18px;
  background:#0a0d13;
}

.store-gallery-item img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/10;
  object-fit:cover;
  transition:transform .35s ease;
}

.store-gallery-item:hover img{
  transform:scale(1.012);
}

@media(max-width:760px){
  .admin-product-modal{
    width:calc(100vw - 20px);
    max-height:calc(100vh - 20px);
  }

  .admin-product-form-grid,
  .admin-product-gallery-preview,
  .store-preview-layout.store-preview-gallery{
    grid-template-columns:1fr;
  }

  .admin-product-media-heading{
    align-items:flex-start;
    flex-direction:column;
  }

  .store-detail-cover{
    min-height:240px;
  }
}

/* V2.0.19 DASHBOARD_PRODUCT_POLISH_START */

.dash-cards[hidden],
.rental-dashboard-note[hidden],
.store-detail-icon[hidden],
.store-detail-cover[hidden]{
  display:none!important
}

/* Account Dashboard sections */

.dashboard-section-empty{
  min-height:154px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:7px;
  padding:28px;
  border:1px dashed rgba(255,255,255,.09);
  border-radius:18px;
  background:rgba(10,14,22,.34)
}

.dashboard-section-empty>
strong:not(.dashboard-section-metric){
  font-size:14px;
  color:#d7deea
}

.dashboard-section-empty>span{
  max-width:620px;
  font-size:12px;
  line-height:1.65;
  color:#7d8799
}

.dashboard-section-metric{
  font-size:34px;
  line-height:1;
  color:#f1f4fa;
  margin-bottom:7px
}

.dashboard-owned-list{
  display:flex;
  flex-direction:column;
  width:100%
}

.dashboard-owned-item{
  display:grid;
  grid-template-columns:
    42px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  padding:14px 4px;
  border-bottom:
    1px solid rgba(255,255,255,.065)
}

.dashboard-owned-item:last-child{
  border-bottom:0
}

.dashboard-owned-avatar{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:
    1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:
    linear-gradient(
      145deg,
      rgba(137,145,255,.2),
      rgba(255,255,255,.04)
    );
  font-size:12px;
  font-weight:800;
  color:#e3e7ff
}

.dashboard-owned-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px
}

.dashboard-owned-copy strong{
  font-size:13px;
  color:#dce2ec;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.dashboard-owned-copy span{
  font-size:10px;
  color:#707b8e;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.dashboard-owned-status{
  font-size:10px;
  color:#9ba6b8;
  padding:6px 9px;
  border:
    1px solid rgba(255,255,255,.075);
  border-radius:999px
}

.dashboard-account-grid{
  display:grid;
  grid-template-columns:
    repeat(3,minmax(0,1fr));
  gap:12px;
  width:100%
}

.dashboard-account-grid>div{
  min-height:105px;
  padding:18px;
  border:
    1px solid rgba(255,255,255,.075);
  border-radius:16px;
  background:rgba(255,255,255,.018);
  display:flex;
  flex-direction:column;
  gap:10px
}

.dashboard-account-grid span{
  font-size:10px;
  color:#778195;
  text-transform:uppercase;
  letter-spacing:.09em
}

.dashboard-account-grid strong{
  font-size:13px;
  color:#dbe1eb;
  overflow-wrap:anywhere
}

/* Product Cover */

.store-detail-visual{
  overflow:hidden
}

.store-detail-cover{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:4;
  border-radius:inherit
}

.store-detail-cover:not([hidden])
~.store-detail-icon{
  display:none!important
}

.store-detail-visual.has-product-cover
.store-detail-icon,
.store-detail-visual.has-product-cover
.store-orbit,
.store-detail-visual.has-product-cover>span{
  display:none!important
}

/* Product Gallery */

.store-preview-gallery{
  gap:16px!important
}

.store-gallery-item{
  overflow:hidden;
  border-radius:18px;
  border:
    1px solid rgba(255,255,255,.08);
  background:#07090e
}

.store-gallery-item img{
  display:block;
  width:100%;
  height:100%;
  min-height:260px;
  object-fit:cover;
  transition:transform .35s ease
}

.store-gallery-item:hover img{
  transform:scale(1.012)
}

/* Admin Product modal */

.admin-product-modal{
  max-height:min(88vh,900px)!important;
  overflow:auto!important;
  overscroll-behavior:contain
}

.admin-product-modal
.admin-product-form{
  gap:13px!important
}

.admin-product-modal .field{
  gap:6px!important
}

.admin-product-modal textarea{
  min-height:76px!important;
  max-height:150px;
  resize:vertical
}

.admin-product-modal
#adminProductLongVi,
.admin-product-modal
#adminProductLongEn{
  min-height:108px!important
}

.admin-product-modal
.admin-modal-actions{
  position:sticky;
  bottom:-1px;
  z-index:20;
  margin-top:18px;
  padding:14px 0 2px;
  background:
    linear-gradient(
      to bottom,
      rgba(14,18,27,.72),
      rgba(14,18,27,.98) 42%
    );
  backdrop-filter:blur(10px)
}

@media(max-width:760px){

  .dashboard-account-grid{
    grid-template-columns:1fr
  }

  .dashboard-owned-item{
    grid-template-columns:
      38px minmax(0,1fr)
  }

  .dashboard-owned-status{
    grid-column:2;
    justify-self:start
  }

  .store-preview-gallery{
    grid-template-columns:1fr!important
  }

  .store-gallery-item img{
    min-height:200px
  }
}

/* V2.0.19 DASHBOARD_PRODUCT_POLISH_END */


/* V2.0.20 ORDERS LICENSES START */

.admin-cell-sub{
  display:block;
  margin-top:4px;
  color:#657084;
  font-size:10px;
  line-height:1.3;
}

.commerce-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:4px 9px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:#aab3c2;
  font-size:10px;
  font-weight:700;
  white-space:nowrap;
}

.commerce-status.status-paid,
.commerce-status.status-active{
  border-color:rgba(100,210,150,.18);
  background:rgba(65,170,115,.08);
  color:#9ddbb8;
}

.commerce-status.status-pending{
  border-color:rgba(218,180,95,.18);
  background:rgba(184,140,45,.08);
  color:#d9bd7e;
}

.commerce-status.status-failed,
.commerce-status.status-cancelled,
.commerce-status.status-canceled{
  border-color:rgba(220,95,105,.18);
  background:rgba(190,65,75,.08);
  color:#df9ca4;
}

.commerce-id{
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Consolas,
    monospace;
  color:#aeb8ca;
  font-size:10px;
}

.admin-orders-table td,
.admin-licenses-table td{
  vertical-align:middle;
}

.dashboard-commerce-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  width:100%;
}

.dashboard-commerce-card{
  display:grid;
  grid-template-columns:
    minmax(180px,1.4fr)
    repeat(3,minmax(120px,.8fr))
    auto;
  gap:16px;
  align-items:center;
  padding:17px 18px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:16px;
  background:rgba(255,255,255,.018);
}

.dashboard-order-card{
  grid-template-columns:
    minmax(200px,1fr)
    auto
    auto;
}

.dashboard-commerce-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.dashboard-commerce-main strong{
  overflow:hidden;
  color:#dce2ec;
  font-size:13px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.dashboard-commerce-main>span:last-child{
  color:#707b8e;
  font-size:10px;
}

.dashboard-commerce-kicker{
  color:#78849a!important;
  font-size:9px!important;
  font-weight:750;
  letter-spacing:.1em;
}

.dashboard-commerce-meta{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:5px;
}

.dashboard-commerce-meta>span{
  color:#657084;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.dashboard-commerce-meta strong,
.dashboard-commerce-meta code{
  overflow:hidden;
  color:#b8c0ce;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.dashboard-commerce-amount{
  color:#e0e5ed;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

@media(max-width:900px){
  .dashboard-commerce-card,
  .dashboard-order-card{
    grid-template-columns:1fr;
    gap:11px;
  }

  .dashboard-commerce-card
  .commerce-status{
    justify-self:start;
  }
}

/* V2.0.20 ORDERS LICENSES END */

/* V2.0.20 ORDERS TABLE LAYOUT FIX START */

/*
 * Orders table:
 * keep all seven columns readable.
 * Never squeeze cells until text overlaps.
 */

.admin-page .dash-main{
  min-width:0;
}

.admin-page .admin-table-wrap{
  display:block;
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
}

.admin-orders-table{
  width:100%;
  min-width:1120px;
  table-layout:fixed;
  border-collapse:collapse;
}

.admin-orders-table th,
.admin-orders-table td{
  box-sizing:border-box;
  vertical-align:middle;
  overflow:hidden;
}

/* M? ??n */
.admin-orders-table th:nth-child(1),
.admin-orders-table td:nth-child(1){
  width:160px;
}

/* Kh?ch h?ng */
.admin-orders-table th:nth-child(2),
.admin-orders-table td:nth-child(2){
  width:225px;
}

/* S?n ph?m */
.admin-orders-table th:nth-child(3),
.admin-orders-table td:nth-child(3){
  width:145px;
}

/* S? ti?n */
.admin-orders-table th:nth-child(4),
.admin-orders-table td:nth-child(4){
  width:110px;
}

/* Tr?ng th?i */
.admin-orders-table th:nth-child(5),
.admin-orders-table td:nth-child(5){
  width:155px;
}

/* T?o l?c */
.admin-orders-table th:nth-child(6),
.admin-orders-table td:nth-child(6){
  width:150px;
}

/* Thanh to?n */
.admin-orders-table th:nth-child(7),
.admin-orders-table td:nth-child(7){
  width:120px;
}

/*
 * Order code + PAYOS.
 */
.admin-orders-table td:nth-child(1) strong{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.admin-orders-table td:nth-child(1) .admin-cell-sub{
  display:block;
  margin-top:5px;
  white-space:nowrap;
}

/*
 * Customer email.
 */
.admin-orders-table td:nth-child(2){
  line-height:1.4;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}

/*
 * Product + slug.
 */
.admin-orders-table td:nth-child(3) strong{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.admin-orders-table td:nth-child(3) .admin-cell-sub{
  display:block;
  max-width:100%;
  margin-top:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/*
 * Amount.
 */
.admin-orders-table td:nth-child(4){
  white-space:nowrap;
}

/*
 * Status is always one clean pill.
 */
.admin-orders-table td:nth-child(5){
  white-space:nowrap;
  overflow:visible;
}

.admin-orders-table td:nth-child(5) .commerce-status{
  display:inline-flex;
  width:auto;
  max-width:none;
  white-space:nowrap;
}

/*
 * Dates get their own space and can wrap naturally
 * instead of entering neighbouring columns.
 */
.admin-orders-table td:nth-child(6),
.admin-orders-table td:nth-child(7){
  line-height:1.45;
  white-space:normal;
  overflow-wrap:normal;
}

/*
 * Header labels must stay inside their columns.
 */
.admin-orders-table th{
  white-space:normal;
  line-height:1.35;
}

/*
 * Slightly tighter on smaller desktop widths.
 * The table itself scrolls instead of collapsing.
 */
@media(max-width:1250px){

  .admin-orders-table th,
  .admin-orders-table td{
    padding-left:10px;
    padding-right:10px;
  }
}

/*
 * Tablet/mobile retains readable column sizes.
 */
@media(max-width:760px){

  .admin-orders-table{
    min-width:1080px;
  }
}

/* V2.0.20 ORDERS TABLE LAYOUT FIX END */


/* V2.0.21 PAYMENT DELIVERY START */

.checkout-paid-panel{
  display:flex;
  align-items:flex-start;
  gap:18px;
  padding:24px;
  border:1px solid rgba(88,205,140,.2);
  border-radius:18px;
  background:
    linear-gradient(
      145deg,
      rgba(57,155,102,.12),
      rgba(255,255,255,.02)
    );
}

.checkout-paid-check{
  flex:0 0 auto;
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:16px;
  border:1px solid rgba(104,220,155,.25);
  background:rgba(70,175,115,.13);
  color:#a7e4c0;
  font-size:25px;
  font-weight:800;
}

.checkout-paid-copy{
  min-width:0;
  flex:1;
}

.checkout-paid-copy>span{
  display:block;
  color:#8bd0a8;
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
}

.checkout-paid-copy h3{
  margin:7px 0 8px;
  color:#eff6f1;
  font-size:21px;
}

.checkout-paid-copy p{
  margin:0;
  max-width:620px;
  color:#929eac;
  font-size:12px;
  line-height:1.65;
}

.checkout-paid-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:18px;
}

.admin-order-email-button{
  display:block;
  margin-top:7px;
  padding:5px 8px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:8px;
  background:rgba(255,255,255,.025);
  color:#99a4b5;
  font:inherit;
  font-size:9px;
  cursor:pointer;
}

.admin-order-email-button:hover{
  color:#d6dce5;
  border-color:rgba(255,255,255,.16);
}

.admin-order-email-button:disabled{
  opacity:.5;
  cursor:default;
}

@media(max-width:640px){
  .checkout-paid-panel{
    flex-direction:column;
  }

  .checkout-paid-actions{
    width:100%;
  }

  .checkout-paid-actions .btn{
    width:100%;
  }
}

/* V2.0.21 PAYMENT DELIVERY END */