:root{--navy:#142640;--ink:#1c2d46;--muted:#6b7890;--blue:#2878d9;--blue2:#1d5eb0;--line:#dfe6ef;--soft:#f3f6fa;--white:#fff;--green:#1c9e75;--amber:#c17b13;--red:#c83b50;--shadow:0 12px 38px rgba(24,47,80,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans','Noto Sans SC',system-ui,sans-serif;background:#fff;font-size:15px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.topline{background:#12243c;color:#b9c8da;font-size:12px}.topline-inner{display:flex;justify-content:space-between;gap:20px;padding:9px 0}.demo-label{color:#9ec4f5}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;box-shadow:0 3px 16px rgba(17,40,70,.04)}.header-inner{min-height:76px;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);font-size:23px;font-weight:800;letter-spacing:-1px;white-space:nowrap;line-height:1}.brand-icon{width:34px;height:34px;border-radius:8px;color:#fff;background:var(--blue);display:grid;place-items:center;font-size:24px}.brand-accent,.footer-brand span{color:var(--blue)}.brand small{display:block;font-size:7px;letter-spacing:2px;font-weight:700;margin-top:6px}.header-inner nav{display:flex;align-items:center;gap:26px;margin-left:auto}.header-inner nav a{font-size:14px;font-weight:600;color:#33435a;white-space:nowrap}.header-inner nav a.active,.header-inner nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:15px;white-space:nowrap;font-size:13px}.cart-link b{background:var(--blue);color:white;border-radius:30px;min-width:19px;padding:1px 5px;font-size:11px}.account-link{background:var(--navy);color:white;padding:10px 15px;border-radius:6px}.account-link:hover{color:white;background:var(--blue)}.mobile-toggle{display:none;border:0;background:none;font-size:24px;margin-left:auto}.app{min-height:60vh}.hero{background:linear-gradient(118deg,#10233d 0%,#17365c 53%,#1d5b9c 100%);color:#fff;position:relative;overflow:hidden}.hero:before,.hero:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:580px;height:580px;right:-60px;top:-360px}.hero:after{width:370px;height:370px;right:280px;top:190px}.hero-inner{padding:90px 0 98px;position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:60px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#74b6ff}.hero h1{font-size:clamp(36px,5vw,60px);line-height:1.2;margin:20px 0 18px;letter-spacing:-1px}.hero p{color:#c8d9eb;font-size:17px;line-height:1.8;max-width:620px}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:7px;padding:11px 19px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:14px;background:var(--blue);color:#fff;line-height:1.2}.btn:hover{color:#fff;background:var(--blue2)}.btn-light{background:#fff;color:var(--navy)}.btn-light:hover{background:#eaf3ff;color:var(--navy)}.btn-outline{background:transparent;border-color:#8aa6c4;color:#fff}.btn-outline:hover{background:#ffffff15}.btn-ghost{background:#fff;border-color:var(--line);color:var(--ink)}.btn-ghost:hover{color:var(--blue);background:#f7faff}.btn-sm{padding:8px 12px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.hero-panel{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:28px;backdrop-filter:blur(9px);box-shadow:0 24px 50px rgba(0,0,0,.12)}.hero-panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;color:#d6e8fa;font-size:13px}.hero-panel-title b{width:8px;height:8px;border-radius:50%;background:#62d6a7;box-shadow:0 0 0 5px #62d6a727}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{background:rgba(255,255,255,.08);border-radius:8px;padding:16px}.metric strong{font-size:22px;display:block}.metric span{display:block;font-size:12px;color:#bdd2e8;margin-top:5px}.hero-panel-foot{border-top:1px solid #ffffff2b;margin-top:20px;padding-top:17px;color:#c4d8e9;font-size:12px}.section{padding:76px 0}.section-soft{background:var(--soft)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-heading h2,.page-heading h1{font-size:32px;margin:8px 0 0;line-height:1.25;letter-spacing:-.5px}.section-heading p,.page-heading p{color:var(--muted);line-height:1.7;max-width:680px}.text-link{color:var(--blue);font-weight:700;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:-38px;position:relative;z-index:2}.service-tile{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px 13px;text-align:center;box-shadow:var(--shadow);font-size:13px;font-weight:700}.service-tile:hover{transform:translateY(-3px);border-color:#b4d3f7}.service-tile .ico{display:block;font-size:27px;color:var(--blue);margin-bottom:10px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.category-card,.product-card,.info-card,.panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 4px 18px rgba(20,40,70,.04)}.category-card{padding:24px;display:flex;flex-direction:column;min-height:234px}.category-card .tag{color:var(--blue);font-weight:700;font-size:11px;letter-spacing:1.3px}.category-card h3{font-size:17px;line-height:1.4;margin:14px 0 6px}.category-card p{color:var(--muted);font-size:13px;line-height:1.7;flex:1}.category-card .text-link{margin-top:15px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{overflow:hidden;display:flex;flex-direction:column}.product-top{background:#f8fafc;border-bottom:1px solid var(--line);padding:18px 21px;display:flex;justify-content:space-between;gap:10px;align-items:start}.product-top h3{font-size:16px;margin:0}.badge{display:inline-flex;border-radius:100px;padding:4px 9px;background:#e7f5ee;color:#217b58;font-size:11px;font-weight:700;white-space:nowrap}.badge.warn{background:#fff1dd;color:#9d6716}.badge.red{background:#fdecef;color:#b9374e}.badge.blue{background:#e8f1ff;color:#2863aa}.product-body{padding:20px 22px;flex:1}.spec-list{margin:0;padding:0;list-style:none}.spec-list li{padding:8px 0;color:#485b72;font-size:13px;display:flex;gap:10px}.spec-list li:before{content:'✓';color:var(--blue);font-weight:800}.product-bottom{padding:18px 22px;border-top:1px solid var(--line);display:flex;align-items:end;justify-content:space-between;gap:10px}.price{font-size:26px;color:var(--navy);font-weight:800;letter-spacing:-1px}.price small{font-size:12px;color:var(--muted);font-weight:500}.page-head{background:#f3f6fa;border-bottom:1px solid var(--line);padding:42px 0}.breadcrumbs{font-size:12px;color:#8996a8;margin-bottom:14px}.breadcrumbs a{color:var(--blue)}.page-heading h1{margin:0}.page-heading p{margin:10px 0 0}.content-wrap{padding:42px 0 75px}.catalog-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px}.sidebar{border:1px solid var(--line);border-radius:9px;background:#fff;align-self:start;overflow:hidden}.sidebar h3{margin:0;padding:18px 20px;font-size:14px;background:#f7f9fc}.sidebar a{display:block;border-top:1px solid var(--line);padding:13px 20px;font-size:13px}.sidebar a.active{background:#eaf2fd;color:var(--blue);font-weight:700;border-left:3px solid var(--blue);padding-left:17px}.catalog-intro{margin-bottom:26px}.catalog-intro h2{margin:0 0 8px;font-size:25px}.catalog-intro p{color:var(--muted);margin:0;line-height:1.7}.filters{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:17px;flex-wrap:wrap}.filters select,.field input,.field select,.field textarea{border:1px solid #cad5e2;border-radius:6px;background:#fff;padding:11px 12px;outline:none;width:100%;color:var(--ink)}.filters select{width:auto;min-width:180px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2878d924}.field textarea{min-height:120px;resize:vertical}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700}.field small{font-weight:400;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.full{grid-column:1/-1}.panel{padding:27px}.detail-layout{display:grid;grid-template-columns:1fr 380px;gap:24px}.detail-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:20px 0}.detail-spec{padding:16px;background:var(--soft);border-radius:8px}.detail-spec span{color:var(--muted);font-size:12px;display:block}.detail-spec strong{display:block;margin-top:7px}.config-panel{position:sticky;top:105px;align-self:start}.config-panel h2{margin:0 0 19px}.config-panel .field{margin-bottom:15px}.total-line{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;align-items:center;margin-top:10px}.muted{color:var(--muted)}.small{font-size:12px}.empty{padding:70px 25px;text-align:center;color:var(--muted);border:1px dashed #cbd6e4;border-radius:10px;background:#fff}.empty .ico{font-size:40px;display:block;margin-bottom:15px;color:#9abce3}.empty h3{color:var(--ink)}.cart-row,.order-row,.ticket-row,.article-row{border:1px solid var(--line);border-radius:9px;background:#fff;padding:20px;margin-bottom:12px}.cart-row,.order-row,.ticket-row{display:flex;justify-content:space-between;gap:15px;align-items:center}.cart-row h3,.order-row h3,.ticket-row h3{margin:0 0 7px;font-size:16px}.cart-row p,.order-row p,.ticket-row p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.cart-summary{background:#f3f7fc;border:1px solid #dce8f6;padding:22px;border-radius:9px;max-width:400px;margin-left:auto}.summary-line{display:flex;justify-content:space-between;padding:8px 0}.summary-line.total{border-top:1px solid #c9d9e9;margin-top:8px;padding-top:17px;font-size:19px;font-weight:800}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.auth-panel{max-width:440px;margin:auto}.auth-panel h2{margin-top:0}.auth-panel .field{margin:15px 0}.notice{background:#eaf2fc;border-left:3px solid var(--blue);padding:13px 16px;border-radius:5px;font-size:13px;line-height:1.6;color:#34577e}.notice.warn{background:#fff6e9;border-color:#e7a53b;color:#845c21}.list-meta{color:var(--muted);font-size:12px;margin:8px 0}.pill-row{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.pill{border:1px solid var(--line);padding:8px 12px;border-radius:6px;color:#56667e;font-size:13px;background:#fff}.pill.active{background:var(--blue);border-color:var(--blue);color:white}.content-list{max-width:900px}.article-row h3{margin:0 0 8px}.article-row p{color:#53657d;line-height:1.75;margin:7px 0}.status-banner{display:flex;align-items:center;gap:14px;padding:20px 24px;border-radius:9px;background:#eaf8f1;color:#19794e;margin-bottom:22px}.status-banner.warn{background:#fff2dc;color:#916015}.status-dot{width:12px;height:12px;background:currentColor;border-radius:50%}.dashboard-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:23px}.dashboard-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:21px}.dashboard-card span{color:var(--muted);font-size:13px}.dashboard-card strong{display:block;font-size:29px;margin-top:9px;color:var(--navy)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px;border-bottom:1px solid var(--line)}.tabs a{padding:11px 16px;color:#61718a;font-weight:700;font-size:13px;border-bottom:3px solid transparent}.tabs a.active{color:var(--blue);border-bottom-color:var(--blue)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px;background:#fff}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:top}th{background:#f7f9fc;color:#6c7c92;font-size:12px}tr:last-child td{border:0}.inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-actions input,.inline-actions select{border:1px solid var(--line);padding:7px;border-radius:5px;width:100px}.message{padding:17px;border-radius:8px;background:var(--soft);margin-bottom:12px;max-width:85%}.message.staff{background:#e8f2ff;margin-left:auto}.message p{white-space:pre-wrap;line-height:1.7;margin:8px 0}.message small{color:var(--muted)}.site-footer{background:#12243b;color:#aebed0}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px;padding:55px 0 42px}.footer-grid p{font-size:13px;line-height:1.8}.footer-brand{font-size:22px;color:#fff;font-weight:800}.footer-grid strong{display:block;color:#fff;font-size:14px;margin-bottom:15px}.footer-grid a{display:block;font-size:13px;margin:10px 0}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff20;padding:20px 0 25px;font-size:12px}.loading{padding:100px;text-align:center;color:var(--muted)}#toast{position:fixed;right:20px;bottom:20px;z-index:30;background:var(--navy);color:#fff;border-radius:8px;padding:13px 20px;box-shadow:var(--shadow);display:none;max-width:340px;font-size:13px}#toast.show{display:block}#toast.error{background:#9c3043}.spinner{opacity:.5}.danger-link{color:var(--red);background:none;border:0;font-size:12px;padding:5px}.nowrap{white-space:nowrap}
@media(max-width:1050px){.header-inner{gap:20px}.header-inner nav{gap:13px}.header-inner nav a{font-size:12px}.header-actions{font-size:12px}.product-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.topline-inner{justify-content:center}.topline-inner span:first-child{display:none}.header-inner{min-height:64px;flex-wrap:wrap;gap:12px}.mobile-toggle{display:block}.header-inner nav{order:3;display:none;width:100%;margin:0;padding:4px 0 14px;flex-direction:column;align-items:stretch;gap:0}.header-inner nav.open{display:flex}.header-inner nav a{padding:11px 0;border-top:1px solid var(--line);font-size:14px}.header-actions{margin-left:0}.hero-inner{grid-template-columns:1fr;padding:64px 0 80px;gap:27px}.hero-panel{display:none}.service-grid{grid-template-columns:repeat(5,1fr);gap:7px}.service-tile{padding:16px 4px;font-size:10px}.service-tile .ico{font-size:23px}.catalog-layout,.detail-layout,.two-col{grid-template-columns:1fr}.sidebar{display:flex;overflow:auto}.sidebar h3{display:none}.sidebar a{white-space:nowrap;border-top:0;border-right:1px solid var(--line)}.config-panel{position:static}.dashboard-cards{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.wrap{width:min(100% - 28px,1180px)}.brand{font-size:19px}.brand-icon{height:30px;width:30px;font-size:20px}.brand small{font-size:6px}.header-actions{width:100%;justify-content:space-between;padding-bottom:12px}.hero h1{font-size:35px}.hero p{font-size:15px}.section{padding:55px 0}.section-heading{align-items:start}.section-heading h2,.page-heading h1{font-size:27px}.service-grid{grid-template-columns:repeat(3,1fr)}.service-tile:nth-child(n+4){display:none}.category-grid,.product-grid,.form-grid,.detail-specs{grid-template-columns:1fr}.full{grid-column:auto}.cart-row,.order-row,.ticket-row{align-items:start;flex-direction:column}.footer-grid{gap:17px}.panel{padding:20px}.dashboard-cards{gap:8px}.dashboard-card{padding:15px}.dashboard-card strong{font-size:22px}}
.upstream-configuration{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;color:var(--muted)}.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:34px 0 4px;font-size:13px;color:var(--muted)}.catalog-pagination a{border:1px solid var(--line);border-radius:6px;padding:9px 16px;color:var(--blue)}.catalog-pagination a:hover{background:var(--soft)}
.product-configurator h2{padding-bottom:20px;border-bottom:1px solid var(--line)}.configure-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:center;margin:24px 0}.configure-row>span{color:var(--muted)}.configure-chip{justify-self:start;border:1px solid var(--blue);background:#f2f6ff;color:var(--blue);padding:12px 24px}.configure-row select,.configure-row>input{padding:12px;border:1px solid var(--line);max-width:520px;width:100%}.configure-system{display:flex;gap:12px}.configure-option{display:grid;grid-template-columns:minmax(90px,1fr) auto;gap:14px;align-items:center}.configure-option input[type=range]{width:100%;accent-color:var(--blue)}.configure-number{display:flex;align-items:center}.configure-number input{width:80px;padding:11px;border:1px solid var(--line);text-align:center}.configure-number button{border:1px solid var(--line);background:#fff;padding:11px 14px}.configure-number small{margin-left:8px;color:var(--muted)}.configure-rule{grid-column:1/-1;color:var(--muted)}.configure-cycles{display:flex;gap:10px;flex-wrap:wrap}.configure-cycles input{position:absolute;opacity:0}.configure-cycles span{display:block;border:1px solid var(--line);padding:12px 28px;cursor:pointer}.configure-cycles input:checked+span{color:var(--blue);border-color:var(--blue);background:#f2f6ff}.configure-cycles input:focus-visible+span{outline:2px solid var(--blue)}.configure-summary{border-top:1px solid var(--line);padding-top:22px;display:grid;gap:14px}.configure-summary [role=alert]{color:var(--red)}
.configure-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.configure-layout>.panel{min-width:0}.configure-summary{position:sticky;top:105px;border-top:0;padding:25px;gap:15px}.configure-summary h2{margin:0;padding:0 0 14px;border-bottom:1px solid var(--line)}.configure-summary-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:13px;padding:4px 0}.configure-summary-row span{min-width:0;overflow-wrap:anywhere}.configure-summary-row strong{white-space:nowrap;color:var(--ink)}.configure-summary [data-config-quote]{border-top:1px solid var(--line);margin-top:12px;padding-top:16px;font-weight:700;color:var(--navy)}.configure-summary .btn{width:100%;text-align:center}
@media(max-width:950px){.configure-layout{grid-template-columns:1fr}.configure-summary{position:static}}
@media(max-width:650px){.configure-row{grid-template-columns:1fr;gap:10px}.configure-option{grid-template-columns:1fr}.configure-system{flex-direction:column}.configure-number{justify-content:flex-end}}
.line-filters{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 20px}.line-filters a{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid var(--line);border-radius:6px;font-size:13px;font-weight:700;color:#52647b;background:#fff}.line-filters a:hover,.line-filters a.active{background:#eaf2fd;border-color:#8dbaf1;color:#145aa7}.line-filters small{font-size:11px;font-weight:600;opacity:.7}.line-tag{display:inline-block;margin-top:9px;padding:4px 8px;border-radius:5px;background:#edf2fa;color:#53657c;font-size:11px;font-weight:700}.line-tag-cn2{background:#e8efff;color:#2457b1}.line-tag-bgp{background:#e8f6f2;color:#14765c}.line-tag-mixed{background:#f4ebff;color:#7651a5}
.cashier-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.cashier-main,.cashier-side,.cashier-success{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.cashier-main{padding:32px;min-width:0}.cashier-side{padding:26px;position:sticky;top:100px}.cashier-eyebrow{color:var(--blue);font-weight:800;font-size:11px;letter-spacing:2px}.cashier-main h2{font-size:27px;margin:13px 0 8px}.cashier-main p{color:var(--muted);line-height:1.7}.cashier-title{display:flex;justify-content:space-between;align-items:start;gap:12px}.cashier-pending{border-radius:100px;background:#fff2de;color:#a76b15;padding:7px 12px;font-size:12px;font-weight:700;white-space:nowrap}.cashier-methods{display:grid;gap:12px;margin:26px 0}.cashier-methods button{display:flex;align-items:center;gap:16px;width:100%;border:1px solid #d5e0ed;background:#fff;border-radius:10px;padding:18px;text-align:left;color:var(--ink)}.cashier-methods button:hover{border-color:#2878d9;background:#f5f9ff}.cashier-methods button>b{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:#e9f2ff;color:#2367bc;font-size:25px}.cashier-methods button span{display:grid;gap:4px}.cashier-methods button small{font-size:12px;color:var(--muted)}.cashier-methods button em{font-style:normal;color:var(--blue);margin-left:auto;font-weight:700}.cashier-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin-bottom:22px}.cashier-summary>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;font-size:13px}.cashier-summary span{color:var(--muted)}.cashier-summary strong{color:var(--navy)}.cashier-step{display:flex;gap:13px;align-items:center;margin:19px 0;color:#55677f;font-size:13px}.cashier-step b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#eaf2ff;color:var(--blue);font-size:11px}.cashier-help{display:block;border-top:1px solid var(--line);padding-top:20px;margin-top:28px;font-size:13px;color:var(--blue)}.cashier-pay{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;padding:24px;margin:24px 0;background:#f7faff;border:1px solid #dce9f8;border-radius:12px}.cashier-qr{display:flex;align-items:center;flex-direction:column;gap:9px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px}.cashier-qr img{max-width:100%;height:auto}.cashier-qr small{color:var(--muted)}.cashier-pay-data{display:flex;flex-direction:column;align-items:start;gap:8px;min-width:0}.cashier-pay-data>span{font-size:12px;color:var(--muted);margin-top:9px}.cashier-pay-data>strong{font-size:27px;letter-spacing:-.5px;color:var(--navy);overflow-wrap:anywhere}.cashier-pay-data>strong small{font-size:13px}.cashier-pay-data>code{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.cashier-pay-data button{background:#fff;color:var(--blue);border:1px solid #bdd7f7;border-radius:5px;padding:6px 12px;font-size:12px;font-weight:700}.cashier-timer{margin-top:10px;font-size:13px;color:#677b96}.cashier-timer b{color:#be6b1d;font-size:18px}.cashier-network{background:#fff6e8;border-left:3px solid #e2a246;padding:13px 16px;font-size:13px;color:#865f25!important}.cashier-foot{font-size:12px;color:var(--muted);line-height:1.8}.cashier-success{padding:45px;max-width:680px;margin:auto;text-align:center}.cashier-success-icon{display:grid;place-items:center;margin:auto;width:60px;height:60px;border-radius:50%;background:#e5f6ed;color:#198354;font-size:32px;font-weight:800}.cashier-success h2{font-size:26px}.cashier-success p{color:var(--muted)}.cashier-success .cashier-summary{text-align:left;margin:26px 0}.cashier-success .btn{margin-top:10px}
@media(max-width:950px){.cashier-shell{grid-template-columns:1fr}.cashier-side{position:static}.cashier-pay{grid-template-columns:240px minmax(0,1fr)}}@media(max-width:620px){.cashier-main,.cashier-side{padding:20px}.cashier-pay{grid-template-columns:1fr;padding:14px}.cashier-title{flex-direction:column}.cashier-pay-data>strong{font-size:23px}}
.cashier-wallet{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 18px;margin:18px 0;background:#eef6ff;border:1px solid #cbdff6;border-radius:10px}.cashier-wallet div{display:grid;gap:5px}.cashier-wallet strong{font-size:15px;color:#245489}.cashier-wallet span{font-size:12px;color:#617992}.cashier-wallet button:disabled{opacity:.55;cursor:not-allowed}
.captcha-field{margin:15px 0}.captcha-controls{display:flex;align-items:center;gap:12px}.captcha-controls img{width:196px;height:62px;border:1px solid #d6e1ed;border-radius:7px;background:#f1f6fc}.captcha-controls button{white-space:nowrap}.captcha-field input[name="captcha"]{margin-top:10px}.captcha-field small{display:block;margin-top:5px;color:#77879b;font-size:11px}
.captcha-field small.error{color:#b9374e;font-weight:700}
@media(max-width:620px){.cashier-wallet{align-items:stretch;flex-direction:column}}
body.auth-mode{background:#f6f8fc}body.auth-mode>.topline,body.auth-mode>.site-header,body.auth-mode>.site-footer{display:none}body.auth-mode #app{min-height:100vh}.auth-screen{display:grid;grid-template-columns:minmax(330px,44%) minmax(0,1fr);min-height:100svh}.auth-story{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#0e2545 0%,#123d72 58%,#1b6fba 100%);color:#fff;padding:clamp(30px,5vw,74px);display:flex;flex-direction:column;justify-content:space-between}.auth-story:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(130deg,transparent 15%,#000 100%);z-index:-1}.auth-story:after{content:'';position:absolute;width:460px;height:460px;border-radius:50%;border:1px solid #ffffff22;right:-220px;top:20%;box-shadow:0 0 0 80px #ffffff08,0 0 0 160px #ffffff06;z-index:-1}.auth-brand{display:inline-flex;align-items:center;gap:11px;width:max-content;color:#fff;font-size:23px;font-weight:800;letter-spacing:-.7px}.auth-brand:hover{color:#fff}.auth-brand b{color:#81caff}.auth-brand small{display:block;color:#9fc0df;font-size:9px;letter-spacing:2px;margin-top:3px}.auth-brand-mark{display:grid;place-items:center;width:38px;height:38px;background:linear-gradient(135deg,#68b4ff,#307ad6);border-radius:10px;color:#fff;font-size:24px;box-shadow:0 12px 28px #071e3b44}.auth-story-copy{max-width:470px}.auth-eyebrow,.auth-kicker{font-size:11px;font-weight:800;letter-spacing:2px}.auth-eyebrow{color:#7fc4fb}.auth-story-copy h1{font-size:clamp(36px,3.6vw,58px);line-height:1.17;margin:18px 0 21px;letter-spacing:-1.8px}.auth-story-copy>p{color:#c5d9ee;font-size:15px;line-height:1.9;max-width:420px}.auth-benefits{display:grid;gap:15px;margin-top:42px}.auth-benefits>div{display:flex;align-items:center;gap:13px;color:#dfecf9;font-size:13px}.auth-benefits i{display:grid;place-items:center;width:31px;height:31px;border:1px solid #8cc6f566;border-radius:8px;color:#96cefb;font-size:11px;font-style:normal;font-weight:800}.auth-story-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#a8c5e2;font-size:11px}.auth-story-foot a{color:#dcefff}.auth-story-foot a:hover{color:#fff}.auth-workspace{display:grid;place-items:center;padding:34px 26px;background:radial-gradient(circle at 100% 0%,#e8f1ff 0,#f6f8fc 35%,#f6f8fc 100%)}.auth-box{width:min(430px,100%);padding:14px 0}.auth-mobile-brand{display:none}.auth-kicker{color:#3478cb}.auth-box h2{font-size:32px;letter-spacing:-.8px;color:#1a3455;margin:10px 0 6px}.auth-subtitle{color:#7889a0;font-size:13px;margin:0 0 26px}.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#e9eef6;border-radius:10px;padding:5px;margin-bottom:25px}.auth-switch a{text-align:center;padding:10px;border-radius:7px;color:#71829a;font-size:13px;font-weight:700}.auth-switch a.active{background:#fff;color:#2468ba;box-shadow:0 3px 12px #1c457516}.auth-form{display:grid;gap:15px}.auth-form .field{gap:7px;font-size:12px;color:#344c69}.auth-form .field input,.auth-form .captcha-field>input[name="captcha"]{width:100%;border:1px solid #d2deec;border-radius:8px;background:#fff;padding:12px 14px;min-height:46px;color:#1e344f;outline:none}.auth-form .field input:focus,.auth-form .captcha-field>input[name="captcha"]:focus{border-color:#3489d9;box-shadow:0 0 0 3px #3489d91c}.auth-form .field input::placeholder,.auth-form .captcha-field>input::placeholder{color:#a5b2c2}.auth-form .captcha-field{margin:0}.auth-form .captcha-controls{margin-top:8px;justify-content:flex-start}.auth-form .captcha-controls img{height:55px;width:176px}.auth-form .captcha-controls button{border:0;background:transparent;color:#3978bd}.auth-form .captcha-field>input[name="captcha"]{margin-top:10px}.auth-form .captcha-field small{margin-top:5px}.auth-submit{width:100%;min-height:47px;justify-content:space-between;padding:12px 17px;margin-top:3px;background:linear-gradient(100deg,#2c70d5,#1c5ab4);box-shadow:0 10px 24px #2867bc36}.auth-submit span{font-size:18px;line-height:1}.auth-box-foot{text-align:center;color:#8290a5;font-size:12px;margin-top:22px}.auth-box-foot a{color:#216bc5;font-weight:800}.auth-box-foot a:hover{text-decoration:underline}
@media(max-width:760px){.auth-screen{grid-template-columns:1fr}.auth-story{display:none}.auth-workspace{align-items:start;padding:35px 22px;min-height:100svh}.auth-box{margin:auto}.auth-mobile-brand{display:block;color:#22528a;font-size:18px;font-weight:800;margin-bottom:42px}.auth-mobile-brand small{display:block;color:#7c90aa;font-size:11px;font-weight:600;margin-top:3px}.auth-box h2{font-size:28px}}
@media(max-width:420px){.auth-workspace{padding:24px 19px}.auth-mobile-brand{margin-bottom:29px}.auth-subtitle{margin-bottom:20px}.auth-switch{margin-bottom:19px}.auth-form{gap:12px}.auth-form .captcha-controls img{width:166px;height:53px}}
.auth-workspace{background:linear-gradient(145deg,#f4f7fd,#eaf1fc)}.auth-box{width:min(480px,100%);padding:32px 36px;background:#fff;border:1px solid #e9eef7;border-radius:20px;box-shadow:0 24px 60px #1b3e7214}.auth-story{background:linear-gradient(145deg,#102a52 0%,#143f78 58%,#1c5da9 100%)}.auth-benefits>div{padding:11px 13px;border:1px solid #ffffff25;border-radius:11px;background:#ffffff0c}.auth-story-copy h1{font-size:clamp(34px,3.2vw,52px)}@media(max-width:760px){.auth-box{padding:26px 24px}.auth-mobile-brand{margin-bottom:25px}}@media(max-width:420px){.auth-workspace{padding:14px}.auth-box{padding:23px 19px;border-radius:14px}}
.brand-logo{width:190px;height:58px;display:flex;align-items:center}.brand-logo img{display:block;width:100%;height:100%;object-fit:contain}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:42px;height:42px;object-fit:contain}.auth-brand-logo img{width:52px;height:52px;object-fit:contain}.auth-brand-logo>span{display:block}.auth-brand-logo>span small{display:block}@media(max-width:560px){.brand-logo{width:165px;height:48px}.footer-brand img{width:36px;height:36px}.auth-brand-logo img{width:45px;height:45px}}