:root{--ui-blue:#1677ff;--ui-blue-2:#0b68e8;--ui-blue-soft:#edf6ff;--ui-blue-soft-2:#f7fbff;--ui-ink:#172033;--ui-text:#344054;--ui-muted:#667085;--ui-muted-2:#8b9aae;--ui-border:#dfe9f4;--ui-border-soft:#e9eff6;--ui-white:#fff;--ui-green:#12a66a;--ui-champagne:#b98b35;--ui-champagne-border:#e8d09c;--ui-champagne-soft:#fff9ec;--ui-radius:18px;--ui-shadow:0 18px 55px #22528414}body{color:var(--ui-ink);background:#fff}.portal-page,.checkout-page,.guide-page,.terms-page,.dashboard-page{min-height:100vh;color:var(--ui-ink);background:radial-gradient(circle at 12% 0,#1677ff0f,#0000 26%),linear-gradient(#f7fbff 0%,#fff 42%,#f8fbff 100%)}.portal-brand b{color:#152238}.portal-brand span{color:var(--ui-blue)}.portal-brand small{color:#71839a}.eyebrow{color:var(--ui-blue)}.checkout-header,.guide-header{border-color:var(--ui-border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff0}.checkout-header nav,.guide-header nav{color:#64748b}.checkout-header nav a:hover,.guide-header nav a:hover{color:var(--ui-blue)}.portal-page .button,.checkout-page .button,.guide-page .button,.terms-page .button,.dashboard-page .button{border-color:var(--ui-blue);background:linear-gradient(135deg, var(--ui-blue), var(--ui-blue-2));color:#fff;box-shadow:0 10px 26px #1677ff2e}.portal-page .button-outline,.checkout-page .button-outline,.guide-page .button-outline,.terms-page .button-outline,.dashboard-page .button-outline{color:#24527f;box-shadow:none;background:#fff;border-color:#cfe0f1}.st-price-card{transition:transform .22s,box-shadow .22s,border-color .22s;overflow:hidden}.st-price-card.tier-standard{background:#fff;border:1px solid #dfe8f2;box-shadow:0 10px 28px #1e46730d}.st-price-card.tier-standard .st-plan-badge{color:#49729a;background:#f1f6fb}.st-price-card.tier-vip{border:2px solid var(--ui-blue);background:linear-gradient(#f3f8ff 0%,#fff 30%);box-shadow:0 24px 60px #1677ff24}.st-price-card.tier-vip .st-plan-badge{color:#0966d4;background:#e7f2ff}.st-price-card.tier-vip .st-offer-box{background:#eef6ff;border-color:#cfe4ff}.st-price-card.tier-pro{border:1.5px solid var(--ui-champagne-border);background:linear-gradient(180deg, var(--ui-champagne-soft) 0%, #fff 32%);box-shadow:0 20px 52px #9e73231a}.st-price-card.tier-pro .st-plan-badge{color:#8a641f;background:#fff0ca}.st-price-card.tier-pro .st-offer-box{background:#fffaf0;border-color:#ecd9ad}.st-price-card.tier-pro .st-offer-box span{color:#7f622d}.st-price-card.tier-pro>.st-btn-secondary{color:#75551d;background:#fffdf8;border-color:#dfc584}.st-price-card.tier-standard:hover,.st-price-card.tier-pro:hover{transform:translateY(-4px)}.st-price-card.tier-vip:hover{transform:translateY(-11px)}.st-plan-desc{min-height:44px}.st-price-card ul{min-height:108px}.portal-page{padding:84px 18px 44px}.auth-card,.auth-premium-card{border:1px solid var(--ui-border);box-shadow:var(--ui-shadow);color:var(--ui-ink);background:#fff}.auth-card h1,.auth-top h1{color:var(--ui-ink)}.auth-card>p,.auth-top p{color:var(--ui-muted)}.auth-secure-badge{color:#187d57;background:#effbf6;border-color:#ccecdf}.auth-switch{background:#eef4fa}.auth-switch button{color:#687a8e}.auth-switch button.active{color:#fff;background:var(--ui-blue)}.auth-card label{color:#4f6379}.auth-card input,.auth-card select,.auth-card textarea{color:var(--ui-ink);background:#f9fbfe;border-color:#d6e2ee}.auth-input-wrap input:focus{border-color:var(--ui-blue);background:#fff;box-shadow:0 0 0 3px #1677ff1a}.input-icon{color:#6b9fd5}.password-toggle{color:#708297}.password-toggle:hover{color:var(--ui-blue);background:#edf6ff}.password-strength i{background:#e4ebf3}.password-strength i.active{background:linear-gradient(90deg, var(--ui-blue), #24bd84);box-shadow:none}.password-strength span{color:#78899d}.forgot-link{color:var(--ui-blue)}.portal-page .terms-check{background:#f8fbff;border-color:#dce7f2}.portal-page .terms-check span{color:#586c82}.portal-page .terms-check a{color:var(--ui-blue)}.google-demo-button{color:#344054;background:#fff;border-color:#d8e3ee}.google-demo-button:hover{background:#f8fbff;border-color:#b9d4ef}.auth-divider{color:#8796a7}.auth-divider:before,.auth-divider:after{background:#e4ebf2}.demo-note{color:#7b8b9d!important}.auth-legal-links{color:#718399}.back-link{color:var(--ui-blue)}.portal-message{color:#267354;background:#effaf6;border-color:#ccebdd}.checkout-header{padding:20px 32px}.checkout-page .portal-brand span{color:var(--ui-blue)}.checkout-hero{padding:48px 0 30px}.checkout-hero h1{color:var(--ui-ink);letter-spacing:-2.8px;margin:10px 0 15px;font-size:clamp(40px,5vw,58px);line-height:1.04}.checkout-hero p{color:#64778d;max-width:720px;margin:0;font-size:15px;line-height:1.7}.checkout-layout{gap:24px}.checkout-panel,.checkout-panel.payment-panel{border:1px solid var(--ui-border);box-shadow:var(--ui-shadow);background:#fff;border-radius:22px}.payment-panel{border-color:var(--ui-border)}.checkout-title>span,.payment-panel .checkout-title>span{color:var(--ui-blue);box-shadow:none;background:#eaf4ff;border:1px solid #d1e7ff}.checkout-title h2{color:var(--ui-ink)}.checkout-title p{color:#78899c}.checkout-form-grid label{color:#50657c}.checkout-form-grid input,.checkout-form-grid select{min-height:49px;color:var(--ui-ink);box-shadow:none;background-color:#f8fbff;border:1px solid #d5e2ef;border-radius:11px;outline:none;margin-top:8px;padding:0 14px}.checkout-form-grid input{padding:13px 14px}.checkout-form-grid select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#708297 50%),linear-gradient(135deg,#708297 50%,#0000 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-repeat:no-repeat;background-size:5px 5px;padding-right:40px}.checkout-form-grid input:focus,.checkout-form-grid select:focus{border-color:var(--ui-blue);background-color:#fff;box-shadow:0 0 0 3px #1677ff17}.checkout-form-grid input::placeholder{color:#94a3b5}.order-summary{background:#f8fbff;border:1px solid #dce8f3;border-radius:14px;padding:18px}.order-summary div{color:#708297}.order-summary strong{color:var(--ui-ink)}.summary-total{border-color:#dce7f1}.summary-total strong{color:var(--ui-blue);font-size:23px}.checkout-bank-card{color:var(--ui-ink)}.real-bank-qr img{border:1px solid #e2e9f0;max-width:250px;box-shadow:0 12px 32px #284b7314}.qr-box small{color:#78899c}.bank-details div{border-color:#e5edf4}.bank-details span{color:#75869a}.bank-details strong{color:var(--ui-ink)}.bank-details button{color:var(--ui-blue);background:#eef6ff;border-color:#cfe4fa}.bank-details button:hover{background:#e2f0ff}.highlight-money,.payment-panel .highlight-money{color:var(--ui-blue)!important}.proof-upload{color:#52677d;background:#f8fbff;border-color:#bdd8f3;border-radius:14px}.proof-upload b{color:var(--ui-blue)}.checkout-page .terms-check{background:#f8fbff;border-color:#d9e6f2;border-radius:14px}.checkout-page .terms-check span{color:#566b81}.checkout-page .terms-check a{color:var(--ui-blue)}.checkout-submit{background:linear-gradient(135deg, var(--ui-blue), #1399f4);border-radius:12px}.checkout-message{color:#267354;background:#effaf6;border-color:#caeadb}.infographic-page{background:radial-gradient(circle at 50% 0,#1677ff12,#0000 27%),linear-gradient(#f7fbff,#fff 45%,#f7fbff)}.infographic-hero{color:var(--ui-ink);background:linear-gradient(135deg,#eef6ff,#fff 58%,#f8fbff);border-color:#d9e7f4;margin-top:42px;box-shadow:0 18px 50px #23528414}.infographic-hero h1{color:var(--ui-ink);text-transform:none}.infographic-hero p{color:var(--ui-muted)}.guide-video-section{color:var(--ui-ink);border-color:var(--ui-border);box-shadow:var(--ui-shadow);background:#fff}.guide-video-heading h2{color:var(--ui-ink)}.guide-video-heading p{color:var(--ui-muted)}.youtube-frame{border-color:#d9e7f4;box-shadow:0 16px 42px #1f48731a}.guide-part{border-color:var(--ui-border);box-shadow:0 14px 40px #23507d12}.guide-part-title{background:linear-gradient(135deg, var(--ui-blue), var(--ui-blue-2))}.guide-step-row{border-color:#dde8f3;box-shadow:0 5px 15px #1e467306}.guide-tips{border-color:var(--ui-border);background:#fff}.guide-tip-grid article{background:#f8fbff;border-color:#dde8f3}.guide-tip-grid strong{color:var(--ui-ink)}.guide-tip-grid p{color:#65788e}.third-party-box{border-color:var(--ui-border);box-shadow:var(--ui-shadow);color:var(--ui-ink);background:#fff}.third-party-box>p,.third-party-box small{color:var(--ui-muted)}.terms-hero{padding-top:64px}.terms-hero h1{color:var(--ui-ink)}.terms-hero p{color:var(--ui-muted)}.terms-list{gap:12px;display:grid}.terms-list article{border:1px solid var(--ui-border);background:#fff;border-radius:14px;padding:24px 26px;box-shadow:0 8px 24px #234e7809}.terms-list h2{color:var(--ui-ink);margin-top:0}.terms-list p{color:#5f7288}.legal-note{color:#735d2f;background:#fffaf0;border-color:#ead7ac}.dashboard-page{background:#f7faff}.dashboard-sidebar{border-color:var(--ui-border);background:#fff}.dashboard-sidebar nav a{color:#62768c}.dashboard-sidebar nav a.active,.dashboard-sidebar nav a:hover{color:#096bdc;border-left-color:var(--ui-blue);background:#edf6ff}.side-logout,.side-logout-button{color:#64778c;background:#f8fbff;border-color:#dce7f2}.dashboard-content,.dashboard-header h1,.dashboard-panel h2,.rental-card h3{color:var(--ui-ink)}.dashboard-user-heading small{color:#74869a}.dashboard-stats article,.dashboard-panel,.rental-card,.machine-admin-card{color:var(--ui-ink);border-color:var(--ui-border);background:#fff;box-shadow:0 10px 30px #1e4b780b}.dashboard-stats span,.dashboard-stats small{color:#75869a}.dashboard-stats strong,.panel-heading>a,.panel-heading>button{color:var(--ui-blue)}.rental-status{color:#16704e;background:#edf9f4;border-radius:999px;align-self:flex-start;padding:6px 9px;font-size:9px;font-weight:800}.rental-meta{grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0;display:grid}.rental-meta>div{background:#f7faff;border-radius:9px;padding:10px}.rental-meta span,.rental-meta strong{display:block}.rental-meta span{color:#7b8c9e;margin-bottom:5px;font-size:9px}.rental-meta strong{color:#27384c;font-size:10px}.rental-actions a,.rental-actions button{color:#176ac2;background:#f7fbff;border-color:#d8e7f4}.support-form select,.support-form textarea,.machine-form input,.machine-admin-card input,.machine-admin-card select{color:var(--ui-ink);background:#f9fbfe;border-color:#d7e3ef}.support-form select:focus,.support-form textarea:focus,.machine-form input:focus,.machine-admin-card input:focus,.machine-admin-card select:focus{border-color:var(--ui-blue);outline:none;box-shadow:0 0 0 3px #1677ff14}.empty-state{color:#718398;background:#f9fbfe;border-color:#cbdced}.empty-state h3{color:var(--ui-ink)}.admin-header p{color:#697d92}.admin-live-pill{color:#177553;background:#effaf6;border-color:#caeadb}.admin-search-wrap,.admin-toolbar select,.admin-status-select{color:var(--ui-ink);background:#f9fbfe;border-color:#d8e4ef}.admin-search-wrap input{color:var(--ui-ink);background:0 0}.admin-table th,.admin-table td{border-color:#e5edf4}.admin-table th{color:#73859a}.admin-table td{color:#344054}.admin-table td small{color:#8191a3}.admin-order-modal{color:var(--ui-ink);border-color:var(--ui-border);background:radial-gradient(circle at 85% 0,#1677ff0f,#0000 32%),#fff;box-shadow:0 30px 90px #152d4b38}.admin-modal-close{color:#617389;background:#f6f9fc;border-color:#dce5ee}.admin-detail-grid>div{background:#f8fbff;border-color:#e0eaf4}.admin-detail-grid span{color:#77899d}.admin-detail-grid strong{color:var(--ui-ink)}.machine-admin-card p,.machine-admin-card label,.capacity-numbers span{color:#718398}.capacity-numbers strong{color:var(--ui-blue)}.machine-capacity{background:#e6eef6}@media (max-width:980px){.st-price-card.tier-vip{transform:none}.st-price-card.tier-vip:hover{transform:translateY(-4px)}}@media (max-width:900px){.dashboard-page{grid-template-columns:1fr}.dashboard-sidebar{border-right:0;border-bottom:1px solid var(--ui-border);height:auto;position:relative}.dashboard-sidebar nav{flex-direction:row;padding-bottom:4px;overflow-x:auto}.dashboard-sidebar nav a{white-space:nowrap;border-bottom:2px solid #0000;border-left:0}.dashboard-sidebar nav a.active{border-left:0;border-bottom-color:var(--ui-blue)}.side-logout{margin-top:16px;position:relative;bottom:auto;left:auto;right:auto}.checkout-layout{grid-template-columns:1fr}.checkout-panel{width:100%;max-width:760px;margin-inline:auto}.rental-meta{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.portal-page{padding:78px 14px 30px}.auth-card,.auth-premium-card{border-radius:17px;padding:22px 17px}.checkout-header,.guide-header{padding:17px 15px}.checkout-hero{padding:38px 0 23px}.checkout-hero h1{letter-spacing:-2px;font-size:38px}.checkout-hero p{font-size:13px}.checkout-panel{border-radius:17px;padding:20px 16px}.checkout-form-grid,.checkout-bank-card{grid-template-columns:1fr}.bank-details div{grid-template-columns:76px minmax(0,1fr) auto}.infographic-hero{margin-top:28px;padding:26px 18px}.guide-video-section,.guide-tips,.third-party-box{padding:20px 16px}.terms-hero{padding:48px 18px 28px}.terms-list article{padding:20px 18px}.dashboard-content{padding:22px 14px}.dashboard-stats{grid-template-columns:1fr}.rental-meta{grid-template-columns:1fr 1fr}.admin-toolbar{grid-template-columns:1fr}.admin-order-modal{padding:22px 16px}.st-price-card{padding:20px}.st-price-card ul{min-height:0}.st-floating-zalo{right:12px;bottom:calc(14px + env(safe-area-inset-bottom))}}.st-floating-contact{z-index:90;flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;bottom:22px;right:20px}.st-floating-contact-btn{isolation:isolate;border-radius:50%;place-items:center;width:54px;height:54px;text-decoration:none;transition:transform .22s,box-shadow .22s;display:grid;position:relative;box-shadow:0 12px 30px #1e466e33;color:#fff!important}.st-floating-contact-btn:before{content:"";z-index:-1;border-radius:inherit;opacity:0;border:2px solid;animation:2.2s ease-out infinite stContactPulse;position:absolute;inset:-5px}.st-floating-contact-btn:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 17px 38px #1e466e42}.st-floating-phone{background:linear-gradient(135deg,#29c77a,#139657);color:#20a866!important}.st-floating-phone svg{fill:#fff;width:23px;height:23px}.st-floating-phone:before{border-color:#20a86694}.st-floating-zalo-v8{background:linear-gradient(135deg,#258bff,#0968e8);color:#1688ff!important}.st-floating-zalo-v8 span{letter-spacing:-.2px;font-size:11px;font-weight:900;color:#fff!important}.st-floating-zalo-v8:before{border-color:#1688ff94;animation-delay:1.1s}@keyframes stContactPulse{0%{opacity:.55;transform:scale(.92)}70%{opacity:0;transform:scale(1.28)}to{opacity:0;transform:scale(1.28)}}@media (max-width:680px){.st-floating-contact{right:12px;bottom:calc(14px + env(safe-area-inset-bottom));gap:10px}.st-floating-contact-btn{width:48px;height:48px}.st-floating-phone svg{width:21px;height:21px}.st-floating-zalo-v8 span{font-size:10px}}@media (prefers-reduced-motion:reduce){.st-floating-contact-btn:before{animation:none}}.st-floating-phone svg{transform-origin:50%;animation:2.8s ease-in-out infinite stPhoneRing}@keyframes stPhoneRing{0%,62%,to{transform:rotate(0)scale(1)}4%{transform:rotate(-14deg)scale(1.08)}8%{transform:rotate(14deg)scale(1.08)}12%{transform:rotate(-12deg)scale(1.08)}16%{transform:rotate(12deg)scale(1.08)}20%{transform:rotate(-8deg)scale(1.05)}24%{transform:rotate(8deg)scale(1.05)}28%{transform:rotate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.st-floating-phone svg{animation:none}}.st-floating-phone{animation:2.6s ease-in-out infinite stPhoneShake!important}.st-floating-phone svg{animation:none!important}@keyframes stPhoneShake{0%,32%,to{transform:translate(0)rotate(0)}4%{transform:translate(-3px)rotate(-10deg)}8%{transform:translate(3px)rotate(10deg)}12%{transform:translate(-3px)rotate(-9deg)}16%{transform:translate(3px)rotate(9deg)}20%{transform:translate(-2px)rotate(-6deg)}24%{transform:translate(2px)rotate(6deg)}28%{transform:translate(0)rotate(0)}}.dashboard-sidebar .side-logout-button{color:#c62828;width:auto;min-height:50px;font:inherit;text-align:center;cursor:pointer;background:#fff5f5;border:1px solid #fecaca;border-radius:13px;justify-content:center;align-items:center;gap:10px;margin:0;padding:12px 16px;font-size:14px;font-weight:700;line-height:1.2;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s;display:flex;position:absolute;bottom:24px;left:22px;right:22px;box-shadow:0 5px 16px #dc262614}.dashboard-sidebar .side-logout-button .logout-icon{color:#dc2626;background:#fee2e2;border-radius:8px;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:18px;font-weight:800;line-height:1;display:inline-grid}.dashboard-sidebar .side-logout-button:hover{color:#b91c1c;background:#feecec;border-color:#fca5a5;transform:translateY(-1px);box-shadow:0 7px 20px #dc262621}.dashboard-sidebar .side-logout-button:hover .logout-icon{background:#fecaca}.dashboard-sidebar .side-logout-button:active{transform:translateY(0)scale(.985)}.dashboard-sidebar .side-logout-button:focus-visible{outline-offset:2px;outline:3px solid #ef444438}@media (max-width:900px){.dashboard-sidebar .side-logout-button{border-radius:12px;width:100%;min-height:52px;margin-top:16px;padding:13px 16px;font-size:15px;position:relative;bottom:auto;left:auto;right:auto}.dashboard-sidebar .side-logout-button .logout-icon{flex-basis:30px;width:30px;height:30px;font-size:19px}}@media (max-width:520px){.dashboard-sidebar .side-logout-button{min-height:50px;margin-top:14px;padding:12px 14px}}@media (prefers-reduced-motion:reduce){.dashboard-sidebar .side-logout-button{transition:none}}