:root{--purple:#b91c1c;--ink:#321b1b;--muted:#927e70;--line:#efdfc9;--bg:#fffaf3;--gold:#edb449;--gold-light:#ffe7a5;--coal:#180f13}body{background:radial-gradient(ellipse at 95% 5%,#fff0d5,transparent 45%),var(--bg)}button:focus-visible,a:focus-visible{outline-color:#e8ae45}.field:focus{border-color:#c33328;box-shadow:0 0 0 3px #b91c1c09}.field,input,select{accent-color:var(--purple)}.field{background:#fffcf8;border-color:var(--line)}select{background:#fffaf2;border-color:var(--line)}.brand-logo{width:64px;height:64px;object-fit:contain;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px #edb44988,0 0 22px #ed9c2525;background:var(--coal)}header{background:#180f13;border-bottom:2px solid #c88c32;box-shadow:0 5px 20px #1a0d1018}.header{height:95px}.header .brand{gap:15px}.header .brand b{font-size:29px;color:#ffdf8c;letter-spacing:-1px;text-shadow:0 1px 15px #ef9d2920}.header .brand small{color:#bd9f83;font-size:10px;margin-top:7px}.header .brand em{background:#44201b;color:#f6ca76;border:1px solid #704326;font-size:8px;margin-top:8px;padding:5px 7px}.header .ghost{background:#2c1c1d;color:#efd2a9;border-color:#61402c;padding:12px 16px}.intro{background:radial-gradient(ellipse at 75% 40%,#72201477,transparent 58%),linear-gradient(115deg,#1b1015 10%,#341114 60%,#160e12);border:1px solid #be7e37;border-radius:22px;min-height:350px;padding:42px 45px;margin-top:27px;color:#fff4da;box-shadow:0 12px 35px #56271813;align-items:center}.intro:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#7d151b,#ffd26d,#9c1c1b);pointer-events:none}.intro>div:first-child{max-width:58%;position:relative;z-index:2}.intro .eyebrow{color:#e2b76e;letter-spacing:1.6px;font-size:9px;display:flex;align-items:center;gap:8px;margin-bottom:19px}.hero-dot{width:5px;height:5px;border-radius:50%;background:#ffd16b;box-shadow:0 0 10px #f6b438;display:inline-block}.intro h1{font-size:60px;line-height:1.12;letter-spacing:-2.5px;margin-bottom:20px}.intro #heroTitle{color:#fff1d5!important;font-weight:900}.intro #heroAccent{color:#f4bd57;font-size:32px;letter-spacing:-1.1px;display:inline-block;margin-top:9px}.intro p{font-size:12px;line-height:1.9;color:#bda291;max-width:370px}.hero-art{width:40%;height:280px;overflow:visible}.hero-logo{width:345px;height:345px;max-width:none;object-fit:contain;border-radius:50%;position:relative;z-index:1;filter:drop-shadow(0 0 18px #ef9e2830);transform:rotate(-3deg)}.orbit{width:310px;height:310px;border-color:#b9823533}.orbit:after{border-color:#d7974333}.tag{background:#2e1715ed;color:#f3c985;border-color:#9e6c3a80;box-shadow:0 8px 18px #0002;font-size:9px;letter-spacing:.6px;padding:10px 13px}.tag1{color:#ffe2a0;top:20px;left:-30px;transform:rotate(-5deg)}.tag2{color:#e5b273;right:-12px;bottom:6px}.section-label{color:#8c6e55}.notice{background:#fff4dc;border-color:#efd49e;color:#977134}.service{border-color:#ebdbc5;box-shadow:0 2px 6px #60370e03}.service-icon{background:#fff0de;color:#b92a22}.service.active{background:linear-gradient(120deg,#fff4dd,#fff9ef);border-color:#ca9b4a;box-shadow:0 0 0 2px #e8ba5815}.service.active .service-icon{background:#b91c1c;color:#ffe4a0;box-shadow:0 3px 8px #9e1a1818}.service.active b{color:#a71c1c}.service small{color:#a18d79}.serverbar,.toolbar,.panel,.product{border-color:var(--line)}.serverbar select,.toolbar input{background:#fffaf3;border-color:#efdfc9}.views{background:#f7eddf}.views button{color:#a89178}.views button.selected{color:#ad231e;box-shadow:0 2px 6px #763a1020}.filters button{color:#9d8069;border-color:#ead9be}.filters button.active{background:#a91b1b;border-color:#a91b1b;color:#fff2d6}.product{box-shadow:0 3px 12px #71400d04;transition:transform .18s,box-shadow .18s}.product:hover{transform:translateY(-3px);box-shadow:0 10px 22px #71400d0c;border-color:#dfbc7d}.product-visual{background:radial-gradient(ellipse at center,#fff0d4,#fffbf5);border-color:#f5e8d5}.product-server{background:#fff8eb;color:#a78358}.product-visual .fallback{color:#c49b60}.product-meta{color:#a58d78}.price{color:#ac211a}.add{background:#fff1d8;border-color:#e9c682;color:#b0251d;border-radius:8px}.add:hover:not(:disabled){background:#b91c1c;color:#ffe7a9;border-color:#b91c1c}.panel-title{border-color:#f3e5d2}.badge{background:#fff0d3;color:#ad251e;border:1px solid #f2d398}.empty-cart .bag{background:#fff1d8;color:#b18143}.empty-cart p{color:#a89580}.primary{background:linear-gradient(115deg,#b91c1c,#8d1219);color:#fff4d9;border:1px solid #a62020;box-shadow:0 4px 10px #a21a1912}.primary:hover:not(:disabled){background:linear-gradient(115deg,#cb2924,#a0171c);box-shadow:0 5px 16px #b41a1825}.how{background:#fff3de;border-color:#e5c38c}.how strong{color:#956626}.how p{color:#ab8b62}.help{background:#fff2dc;border-color:#ecd1a5}.help-icon{color:#ac3523;border-color:#dbb77b}.help p{color:#a88b68}.qty button{color:#ac241e}.pagination button.active{background:#ac211d;border-color:#ac211d}.pagination button{color:#a0876e;border-color:#ead8bf}.empty{border-color:var(--line);color:#a4876c}footer{border-color:#ead8bc;color:#a18b74}footer>span:first-child,footer a{color:#92704e}.modal-head button{color:#a87c55;background:#fbefde}dialog{border-color:#ddbd87}.order-card{border-color:var(--line)}.order-card button{background:#fff0d4;color:#aa3222}.order-info{border-color:var(--line)}#toast{background:#32181b;color:#fff0cf;border:1px solid #875328}.header .brand em,.service,.product,.panel,.primary,.ghost{isolation:isolate}
.layout>section,.layout>aside{min-width:0}.products{min-width:0}.intro p{overflow-wrap:anywhere}@media(max-width:680px){.layout{grid-template-columns:minmax(0,1fr)}.toolbar input{min-width:0}.filters{max-width:100%}.pagination{flex-wrap:wrap;gap:5px}.services{max-width:100%;min-width:0}}
/* Chiến NSO administration */
.admin-body{background:#fffaf4}.login-wrap{background:radial-gradient(ellipse at 45% 15%,#ffdf9e44,transparent 55%),linear-gradient(130deg,#170f13,#341317 60%,#140d11)}.login-brand{color:#ffe2a0;font-size:28px;letter-spacing:-1px;gap:17px;margin-bottom:24px}.login-brand .brand-logo{width:100px;height:100px;box-shadow:0 0 30px #e9a32920}.login-card{border-color:#d3a95f;background:#fffaf1;box-shadow:0 20px 80px #0003;width:440px}.login-card .eyebrow{color:#b47a35}.login-card h1{color:#7f1c1b;font-size:26px}.login-card>p{color:#ae9274}.login-card .field{background:#fffefd}.login-card .back-link{color:#a5896c}.admin-sidebar{background:#1b1014;border-right:1px solid #8b532c}.admin-sidebar .brand{gap:10px}.admin-sidebar .brand-logo{width:46px;height:46px}.admin-sidebar .brand b{color:#ffdc8a;font-size:20px;letter-spacing:-.7px}.admin-sidebar .brand small{color:#ad8564;font-size:7px}.nav-label{color:#8c6751}.admin-sidebar nav button{color:#ae8c75}.admin-sidebar nav button.active{background:linear-gradient(100deg,#6d1a1e,#381519);color:#ffdc8d;box-shadow:inset 2px 0 #e8ac42}.sidebar-bottom{border-color:#47291e;color:#c7a27a}.sidebar-bottom button{color:#cba77d}.admin-top .eyebrow{color:#af702e}.avatar{background:#f9e4bf;color:#ac231c;border:1px solid #e9c386}.admin-top h1{color:#4a2523}.stat-card{border-color:#edd8b7;background:#fffdf9}.stat-card>span{color:#a98a69}.stat-card b{color:#7e201c}.stat-card i{color:#d3a450}.welcome-panel{background:radial-gradient(ellipse at 80% 50%,#701c1f,transparent 60%),#211115;border-color:#ae783b!important;color:#ffe7b4}.welcome-panel .eyebrow{color:#d3aa6e}.welcome-panel h2{color:#ffe6aa}.welcome-panel p{color:#bc9777}.welcome-panel .primary{border-color:#a86634}.welcome-logo{width:195px;height:195px;object-fit:contain;border-radius:50%;margin:-10px 0;filter:drop-shadow(0 0 15px #e9a32915)}.setup-list button{border-color:#efdfca;color:#9b795b}.setup-list .not-done{color:#c8a46d}.setup-list .done{color:#719254}.admin-main .panel{border-color:#eddcc3}.admin-main .field{background:#fffcf7;border-color:#ead8bd}.admin-table th{background:#fff5e7;color:#b2936c;border-color:#eddbbd}.admin-table td{border-color:#f0e2cd;color:#a4876b}.admin-table td b{color:#714c36}.admin-product img{background:#fff2da}.admin-product small,.cell-small{color:#b6a081}.status-pill{background:#f9eddf;color:#b58c62}.status-pill.good{background:#eef6e8;color:#789454}.edit-button{background:#fff0d5;border-color:#e8c888;color:#ab4123}.secondary{border-color:#dfbf8d;color:#9f6338;background:#fffaf1}.toggle-row{border-color:#efddc0}.toggle-row small{color:#ac8a65}.qr-preview{background:#fffaef;border-color:#e8c998;color:#af936b}.mini-preview{background:#2b1418;border-color:#9f6b38;color:#ffe9bd}.mini-preview b{color:#d7ac74}.mini-preview h3{color:#ffebc9}.mini-preview>span{color:#efbb50}.admin-message{background:#f1f7e9;border-color:#dbe8c6;color:#7c9456}.item-image-preview img{background:#fff1d9}.admin-sidebar nav button:hover:not(:disabled){background:#3a1a1c}.admin-body .muted{color:#a48c75}.color-input{border-color:#ead7b8}.login-card .primary{font-size:12px}.security-panel{background:#fffdf8}
@media(min-width:1400px){.intro{min-height:370px}.hero-logo{width:365px;height:365px}}@media(max-width:1100px){.intro{padding:35px 32px}.intro h1{font-size:52px}.intro #heroAccent{font-size:27px}.hero-logo{width:300px;height:300px}.hero-art{width:38%;height:260px}.tag1{left:-22px}.tag2{right:-15px;font-size:8px}.admin-sidebar .brand-logo{width:38px;height:38px}.admin-sidebar .brand b{font-size:18px}.welcome-logo{width:160px;height:160px}}@media(max-width:720px){.admin-sidebar{background:#1b1014;border-bottom:1px solid #a66d32}.admin-sidebar nav button{color:#c19a79}.admin-sidebar nav button.active{color:#ffe1a0}.sidebar-bottom{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:10px;padding:10px 7px 0;gap:10px}.sidebar-bottom a,.sidebar-bottom button{font-size:9px}.welcome-logo{width:105px;height:105px;margin:0 0 0 8px}.welcome-panel>div{max-width:68%}.welcome-panel h2{font-size:18px}.login-brand .brand-logo{width:85px;height:85px}.login-brand{font-size:27px}.login-card h1{font-size:23px}.admin-top h1{font-size:21px}.admin-main .admin-grid{grid-template-columns:1fr}}
@media(max-width:680px){.header{height:83px}.header .brand{gap:11px}.brand-logo{width:51px;height:51px}.header .brand b{font-size:23px;letter-spacing:-.8px}.header .brand small{font-size:8px;margin-top:5px}.header .ghost{padding:9px 10px;font-size:9px}.intro{margin-top:19px;min-height:465px;padding:27px 25px 225px;align-items:flex-start;overflow:hidden;border-radius:18px}.intro>div:first-child{max-width:100%;width:100%}.intro .eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:15px}.intro h1{font-size:46px;letter-spacing:-1.8px;margin-bottom:13px}.intro #heroAccent{font-size:25px;letter-spacing:-.8px;margin-top:6px}.intro p{font-size:10px;line-height:1.8;max-width:100%;color:#c3a78f}.hero-art{position:absolute;inset:auto 0 -11px 0;width:100%;height:235px;opacity:1;justify-content:center}.hero-logo{width:245px;height:245px;transform:rotate(-2deg);filter:drop-shadow(0 0 15px #f5a12a20)}.orbit{width:220px;height:220px}.tag{display:block;font-size:7px;padding:8px}.tag1{top:65px;left:7px}.tag2{right:4px;bottom:54px}.intro:after{height:2px}.product:hover{transform:none}.service.active{border-color:#c99c4c}.section-label{font-size:9px}footer{gap:10px}.intro #heroDescription{max-width:290px}}

/* Download navigation */
.services{grid-template-columns:repeat(5,minmax(0,1fr))}.header>a.ghost{margin-left:auto;margin-right:10px;white-space:nowrap}@media(max-width:680px){.header>a.ghost{font-size:9px;padding:9px 8px;margin-right:6px}.header #historyBtn span{display:none}.header .brand b{font-size:21px}.header .brand{gap:8px}}

/* Keep long catalogs within the page at every viewport. */
.pagination{flex-wrap:wrap;gap:5px}
.activity{margin:24px 0;padding:23px 25px}.activity-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.activity-heading .section-label{margin:0 0 7px}.activity-heading h2{font-size:21px;color:#612b23;margin:0}.activity-demo{border:1px solid #d7b87f;background:#fff2d6;color:#79502a;font-size:11px;font-weight:700;border-radius:20px;padding:7px 13px;white-space:nowrap}.activity-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}.activity-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid #efdfc7;min-width:0}.activity-avatar{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:10px;background:#f9e9c9;color:#9b3f2c;font-weight:800}.activity-description{min-width:0;flex:1}.activity-description>b{color:#743729;font-size:12px}.activity-description p{font-size:11px;line-height:1.7;margin:4px 0;color:#967553;overflow-wrap:anywhere}.activity-description p strong{color:#795536;font-weight:600}.activity-description small,.activity-payment small{display:block;font-size:10px;color:#a1876c}.activity-qty{white-space:nowrap;font-weight:700}.activity-payment{text-align:right;flex-shrink:0}.activity-payment>strong{display:block;color:#a52b24;font-size:12px;margin-bottom:7px}.activity-placeholder{color:#957553;padding:14px 0;font-size:12px}@media(max-width:950px){.activity-list{grid-template-columns:1fr}}@media(max-width:680px){.activity{padding:18px 16px}.activity-heading h2{font-size:19px}.activity-row{gap:9px}.activity-avatar{flex-basis:29px;height:29px}.activity-payment>strong{font-size:11px}.activity-description>b{font-size:11px}.activity-description p{font-size:10px}}