:root{--bg:#f5f7fb;--card:#fff;--tx:#14213b;--mu:#758198;--ac:#285ce6;--ac2:#38b6c9;--bd:#e5eaf3;--rd:#df4765;color-scheme:light}
@media(prefers-color-scheme:dark){:root{--bg:#f5f7fb;--card:#fff;--tx:#14213b;--mu:#758198;--bd:#e5eaf3;color-scheme:light}}
html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:Inter,"Segoe UI",system-ui,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 85% 0,#e8edff70,transparent 40%),var(--bg)}
button,input,select,textarea{font:inherit}button{font-weight:600;font-size:13px;min-height:40px;border-radius:11px;padding:9px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 2px #15274402}button:hover{background:#f2f5fc;box-shadow:0 3px 10px #203f6b08}button.pri,button.on{background:var(--ac);color:#fff;border-color:var(--ac)}button.pri:hover,button.on:hover{background:#1e4bc3;box-shadow:0 5px 14px #285ce625}button:disabled{opacity:.55;cursor:wait;transform:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #72a0ff;outline-offset:3px}input,select,textarea{border-radius:10px;min-height:43px;padding:10px 12px;background:#fbfcff;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:#7b9ded;box-shadow:0 0 0 3px #285ce610;background:#fff}input[type=checkbox]{accent-color:var(--ac);min-height:16px;width:16px;height:16px;vertical-align:middle;flex:none}input[type=number]{font-variant-numeric:tabular-nums}label{font-size:12px;font-weight:600;margin:14px 0 6px}h2,h3,h4{line-height:1.3;letter-spacing:-.5px}h2{font-size:28px}h3{font-size:17px}a{text-underline-offset:4px;text-decoration:none}a:hover{text-decoration:underline}small{color:var(--mu)}
header{background:#fff;color:var(--tx);padding:21px 32px 16px;border-bottom:1px solid var(--bd)}.w{max-width:1280px}.top{gap:18px;flex-wrap:nowrap}.logo{font-size:20px;display:flex;align-items:center;gap:11px;letter-spacing:-.55px;white-space:nowrap;cursor:pointer}.logo .brand-monogram{display:grid;place-items:center;width:43px;height:43px;background:linear-gradient(145deg,#2448bc,#306aef);border-radius:13px;color:#fff;font-size:15px;font-weight:850;letter-spacing:-1px;box-shadow:0 5px 12px #285ce625}.logo .brand-name{display:flex;flex-direction:column;line-height:1.1}.logo .brand-name b{color:#15264a;font-size:21px;letter-spacing:-.6px}.logo .brand-name small{font-size:9px;letter-spacing:2.4px;text-transform:uppercase;margin-top:7px;color:#8b96ac;font-weight:650}#h1{font-size:11px;letter-spacing:.1px;font-weight:450;color:var(--mu);margin:8px 0 0 54px}#hd{align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}#hd select{font-size:11px;font-weight:700;background:#f7f9fc;min-height:34px;padding:7px 9px;border:1px solid transparent}#hd button{min-height:35px;padding:7px 12px}#hd>span{font-size:12px;color:var(--mu);padding:0 5px}
nav{padding:12px max(32px,calc((100vw - 1280px)/2));gap:7px;background:#ffffffeb;backdrop-filter:blur(20px);border-bottom:1px solid var(--bd)}nav button{border:0;background:transparent;min-height:39px}nav button.on{background:#edf2ff;color:#285ce6;border:0}nav button.pri{border-radius:11px;padding-left:20px;padding-right:20px}main{max-width:1344px;padding:28px 32px 64px}.hero{position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:15px;min-height:390px;padding:45px 44px 38px;border-radius:25px;overflow:hidden;background:radial-gradient(ellipse at 85% 0,#236b9455,transparent 55%),radial-gradient(ellipse at 45% 120%,#2e45b155,transparent 65%),linear-gradient(115deg,#0e1c39,#142e58);box-shadow:0 14px 35px #12264310;margin-bottom:20px}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:42px 42px;pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:570px}.hero-label{font-size:9px;font-weight:650;letter-spacing:1.7px;color:#a8c5f5;display:flex;align-items:center;gap:8px}.hero-label i{width:5px;height:5px;border-radius:50%;background:#5cddbd;box-shadow:0 0 0 4px #5cddbd15}.hero h2{font-size:clamp(28px,3.2vw,45px);font-weight:750;line-height:1.16;letter-spacing:-1.5px;margin:20px 0 16px;max-width:560px}.hero p{font-size:13px;color:#b8c8e3;opacity:1;max-width:450px;line-height:1.8}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 31px}.hero-actions button{color:#17315c;background:#fff;border:1px solid #fff;min-height:44px;padding:11px 18px}.hero-actions button:hover{background:#e6edfd}.hero-actions button.hero-secondary{color:#dce8ff;background:#ffffff09;border-color:#ffffff25}.hero-signature{font-size:9px;font-weight:700;letter-spacing:1.4px;color:#d8e6ff}.hero-signature span{font-size:8px;letter-spacing:1.3px;color:#7893bf;display:block;margin-top:5px}
.diagnostic-art{position:relative;height:310px;margin-right:4px;display:flex;align-items:center;justify-content:center;perspective:800px}.art-orbit{position:absolute;border:1px solid #77c6ef13;border-radius:50%;width:350px;height:350px}.orbit-two{width:450px;height:450px}.diagnostic-window{width:90%;max-width:380px;border:1px solid #71b5ed40;background:linear-gradient(135deg,#162f50e6,#0b1c36ee);border-radius:15px;box-shadow:0 25px 60px #06132e70,0 0 60px #3591cc10;transform:rotateY(-9deg) rotateX(3deg) rotate(-3deg);overflow:hidden}.window-bar{padding:12px 14px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #8dc3ed18;background:#ffffff03}.window-bar span{width:5px;height:5px;border-radius:50%;background:#5c7a9d}.window-bar span:first-child{background:#4ecdb0}.window-bar b{margin-left:auto;font-size:7px;letter-spacing:1.7px;color:#7e9dbf;font-weight:500}.window-content{padding:14px 22px}.vehicle-wire{height:112px}.vehicle-wire svg{width:100%;height:100%;filter:drop-shadow(0 0 8px #50c9e530)}.art-systems{display:grid;gap:6px;margin-top:6px}.art-systems div{background:#ffffff04;border:1px solid #ffffff07;border-radius:5px;padding:6px 8px;font-size:7px;font-weight:600;letter-spacing:.7px;color:#8aa7cf;display:flex;align-items:center;gap:7px}.art-systems i{width:4px;height:4px;border-radius:50%;background:#4dd8b8}.art-systems span{margin-left:auto;color:#57cab7;font-size:6px}.art-signal{display:flex;align-items:center;gap:18px;margin-top:13px;color:#4dd8c5;font-size:6px;white-space:nowrap;letter-spacing:1px}.art-signal svg{width:75%;height:24px}.art-chip{position:absolute;display:flex;align-items:center;gap:11px;background:#1d3657ed;backdrop-filter:blur(8px);color:#79d7ed;border:1px solid #80bbee28;border-radius:11px;padding:13px 15px;box-shadow:0 10px 25px #08152a40;z-index:2}.art-chip div{color:#d3e5fb;font-size:8px;font-weight:700;letter-spacing:.8px}.art-chip small{font-size:8px;font-weight:400;letter-spacing:0;color:#8cafd0;display:block;margin-top:4px}.chip-top{top:2px;right:-7px}.chip-bottom{bottom:1px;left:-5px}.trust-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px!important}.trust-strip .o{display:flex;align-items:center;gap:12px;padding:17px 20px;border-radius:14px;background:#fff;border:1px solid var(--bd);font-size:12px;box-shadow:0 3px 8px #233c6503}.trust-icon{color:#3561cf;background:#eff4ff;display:grid;place-items:center;border-radius:11px;width:39px;height:39px;flex:none}
.catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:30px 0 19px}.catalog-heading h2{margin:5px 0 0;font-size:25px;letter-spacing:-.7px}.eyebrow{font-size:9px;letter-spacing:1.7px}.count-pill{border:1px solid var(--bd);border-radius:7px;padding:5px 10px;font-size:11px;color:var(--mu);white-space:nowrap}.chips{gap:7px;margin-bottom:14px}.chips button{font-size:11px;padding:6px 13px;min-height:33px;border-radius:8px}.catalog-tools{align-items:center;gap:12px;position:relative;padding:14px;background:#fff;border:1px solid var(--bd);border-radius:14px;margin-bottom:20px}.catalog-tools #s{padding-left:39px;flex:1}.search-symbol{position:absolute;left:26px;top:25px;display:flex;color:#8b98af}.catalog-tools select{font-size:12px;max-width:175px!important}.catalog-tools label{font-size:12px;margin:0 3px 0 0!important}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.c{border-radius:17px;box-shadow:0 4px 12px #22385c04;background:#fff;border-color:#e3e9f2}.c:hover{transform:translateY(-5px);box-shadow:0 15px 35px #243b6010;border-color:#cddafa}.im{height:185px;margin:12px 12px 0;border-radius:11px;background:radial-gradient(ellipse at center,#f8faff,#eef3fb);color:#4569a8;font-size:35px;font-weight:700;overflow:hidden}.im img{object-fit:contain;padding:8px;mix-blend-mode:multiply}.sale{top:9px;left:9px;font-size:10px;font-weight:700;color:#156454;background:#d8f7ed;border-radius:6px;padding:3px 7px}.b{padding:17px;gap:10px}.b h3{font-size:14px;line-height:1.4;font-weight:700;letter-spacing:-.2px}.b p{font-size:11px;line-height:1.6;color:#8791a3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pr{gap:7px;margin:6px 0 2px;flex-wrap:wrap}.pr b{font-size:22px;letter-spacing:-.6px;color:#182f55}.pr s{font-size:11px}.pr small{font-size:10px;margin-left:auto}.b .row{gap:6px}.b .row button{font-size:11px;padding:8px;min-height:36px}.b .row button.pri{flex:1.5}.b .row button:last-child{flex:0 0 31px;padding:6px}.b .row button:nth-child(2){background:#f7f9fc}.bundle-spotlight{margin:28px 0 25px}.bundle-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.bundle-heading h2{font-size:24px;margin:4px 0 6px}.bundle-heading p{font-size:12px;color:var(--mu);margin:0}.bundle-heading .eyebrow{color:#9b6a2c}.bundle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bundle-card{display:flex;align-items:center;gap:18px;border:1px solid #e5e7ef;border-radius:17px;padding:22px;background:linear-gradient(110deg,#f1f5ff,#fff 75%);position:relative;overflow:hidden}.bundle-icon{background:#e2eaff;color:#3863c5;border-radius:16px;display:grid;place-items:center;width:64px;height:64px;flex:none}.bundle-info{min-width:0;flex:1}.bundle-info h3{margin:0 0 7px;font-size:16px}.bundle-info p{font-size:11px;color:var(--mu);line-height:1.7;margin:0 0 9px}.bundle-info .bundle-price{font-size:20px;display:inline-block;margin-right:10px;letter-spacing:-.5px}.bundle-save{font-size:9px;background:#e4f4ed;color:#278462;padding:4px 7px;border-radius:5px;font-weight:700;white-space:nowrap}.bundle-card button{min-height:35px;font-size:11px;padding:8px 12px}.store-footer{border-top:1px solid var(--bd);padding:28px 0 0;margin-top:36px}.footer-links{display:block;color:#8b96aa!important;font-size:11px!important;line-height:2}.footer-brand{display:block;font-size:19px;letter-spacing:-.5px;margin-bottom:7px;color:#21375c}.footer-links a{color:#66778f}.o{padding:18px;border-radius:14px;margin-bottom:12px}summary{cursor:pointer;list-style:none;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:2px 0}summary:after{content:'+';color:#94a2b7;font-size:18px;font-weight:400}details[open]>summary:after{content:'−'}details[open]>summary{margin-bottom:14px}details.chart-data>summary{display:inline-flex;gap:12px;font-size:11px}dialog{max-width:560px;border-radius:20px;padding:28px;box-shadow:0 25px 90px #10214b40}dialog h3{font-size:22px;margin:0 0 18px}.msg{background:#f4f7ff;border-color:#c9d8fa;font-size:13px}.row{gap:8px}
/* The same quiet workspace for every administration section. */
body.admin-mode{background:#f4f6fa}body.admin-mode main{max-width:1480px;padding-top:26px}body.admin-mode header{padding-top:15px;padding-bottom:13px}body.admin-mode #h1{display:none}.admin-shell{display:grid;grid-template-columns:205px minmax(0,1fr);gap:30px;align-items:start}.admin-sidebar{position:sticky;top:86px;background:#fff;border:1px solid var(--bd);border-radius:18px;padding:20px 12px 14px;box-shadow:0 4px 15px #253c6303}.sidebar-heading{font-size:9px;color:#9ba6b8;letter-spacing:1.6px;font-weight:700;padding:0 12px 15px}.admin-menu{display:grid;gap:5px}.admin-menu button{justify-content:flex-start;text-align:left;border:0;background:transparent;color:#75839a;font-size:12px;font-weight:550;padding:11px 12px;gap:11px;min-height:43px}.admin-menu button svg{opacity:.8;flex:none;width:18px;height:18px}.admin-menu button.on{color:#2556ce;background:#edf2ff;font-weight:700;box-shadow:none}.admin-menu button.on:after{content:'';height:5px;width:5px;border-radius:50%;background:#386aeb;margin-left:auto}.admin-menu button:hover{background:#f5f7fc;color:#2a4e91}.sidebar-footer{border-top:1px solid var(--bd);margin:18px 9px 0;padding:17px 3px 0;display:flex;gap:9px;align-items:center;font-size:11px}.staff-avatar{height:31px;width:31px;border-radius:10px;display:grid;place-items:center;background:#eaf0ff;color:#3b62bd;font-weight:750}.sidebar-footer span{font-size:9px;color:#94a0b4;display:block}.admin-main{min-width:0}.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:3px 0 23px}.admin-heading h2{font-size:28px;margin:6px 0 7px;letter-spacing:-.9px}.admin-heading p{color:var(--mu);font-size:12px;margin:0}.heading-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.heading-actions a,.action-link{display:inline-flex;border:1px solid var(--bd);background:#fff;border-radius:10px;padding:9px 13px;font-size:11px;font-weight:650;gap:7px;align-items:center}.mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.mini-metrics>div{background:#fff;border:1px solid var(--bd);border-radius:14px;padding:17px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.mini-metrics span{font-size:11px;color:var(--mu)}.mini-metrics b{font-size:20px;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.admin-panel{border:1px solid var(--bd);background:#fff;border-radius:17px;padding:23px;margin-bottom:20px;box-shadow:0 3px 12px #253c6303}.admin-panel>h3:first-child{margin:0 0 5px!important}.admin-panel>.muted{margin-top:4px;font-size:12px}.admin-panel .row{margin-top:17px}.admin-panel label{color:#7a879d}.admin-panel input,.admin-panel select,.admin-panel textarea{font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:0}.form-grid>.full{grid-column:1/-1}.form-grid label{margin-top:12px}.admin-toolbar{padding:18px 20px;border:1px solid var(--bd);background:#fff;border-radius:15px;display:flex;align-items:flex-end;gap:12px;margin:0 0 20px}.admin-toolbar>label{margin:0;flex:1;min-width:90px}.admin-toolbar label input,.admin-toolbar label select{display:block;margin-top:6px;font-size:12px}.admin-toolbar>button{min-height:43px}.admin-toolbar .search-field{flex:1.6}.admin-section-label{font-size:10px;font-weight:650;color:#8e9ab0;letter-spacing:1px;text-transform:uppercase;display:flex;justify-content:space-between;margin:26px 0 13px}.order-card{padding:0;overflow:hidden}.record-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid #edf0f6;padding:18px 22px;background:#fdfdff}.record-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.record-title h3{margin:0!important;font-size:16px;letter-spacing:-.3px}.record-heading>strong{font-size:20px;font-variant-numeric:tabular-nums;letter-spacing:-.6px}.record-body{padding:18px 22px}.record-meta{display:flex;gap:18px;flex-wrap:wrap;color:#8b98ab;font-size:10px;margin:0 0 15px}.order-customer{display:flex;gap:11px;align-items:center;margin-bottom:15px}.order-customer b{display:block;font-size:13px}.order-customer small{display:block;font-size:10px}.order-items{font-size:12px;color:#60718b;background:#f7f9fd;border:1px solid #edf1f8;border-radius:9px;padding:12px 14px;line-height:1.9}.record-note{font-size:12px;color:#728099}.record-actions{display:flex;align-items:center;gap:9px;margin-top:16px;flex-wrap:wrap}.record-actions button{font-size:11px}.state-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;font-size:9px;font-weight:700;white-space:nowrap;letter-spacing:.1px;background:#edf2fa;color:#77849b}.state-badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.state-new,.state-waiting{color:#b47b22;background:#fff5df}.state-paid,.state-review{color:#3569c7;background:#edf3ff}.state-done,.state-active,.state-accepted{color:#258466;background:#e7f6ee}.state-cancelled,.state-blocked,.state-rejected{color:#ce5970;background:#fff0f3}.state-user,.state-open{color:#687da3;background:#f0f4fb}.state-admin,.state-manager{color:#8464b2;background:#f2edfb}.order-admin-edit{border-top:1px solid #edf0f6;margin-top:20px;padding-top:16px}.order-admin-edit summary{font-size:11px;color:#7e8ba1}.order-admin-edit textarea{min-height:72px;font-size:12px}.order-admin-edit .row{align-items:center}.order-admin-edit .row button{flex:none}.order-admin-edit select{max-width:180px;font-size:11px}.proof-review{background:#f0f5ff;border:1px solid #d9e5ff;border-radius:11px;padding:13px 15px;margin-top:14px}.proof-review>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px}.proof-review .receipt-link{font-size:11px;margin:9px 0 0;max-width:100%;overflow-wrap:anywhere}.proof-review p{font-size:11px;margin:7px 0}.proof-review button{min-height:30px;padding:5px 10px;font-size:10px;margin-top:9px}.customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.customer-card{margin:0;min-width:0}.customer-card .customer-top{display:flex;align-items:center;gap:12px;margin-bottom:18px}.customer-top .staff-avatar{height:42px;width:42px;font-size:15px;border-radius:13px}.customer-top h3{font-size:14px;margin:0 0 3px!important}.customer-top small{font-size:10px;overflow-wrap:anywhere}.customer-top .state-badge{margin-left:auto}.customer-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--bd);padding-top:16px;margin-top:12px}.customer-stats span{display:block;font-size:10px;color:var(--mu)}.customer-stats b{display:block;font-size:17px;margin-top:3px}.customer-card details{margin-top:17px}.customer-card details summary{font-size:11px;color:#8190a8}.customer-card input,.customer-card textarea,.customer-card select{font-size:12px}.customer-card .row{margin-top:12px}.catalog-row{display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:15px;border-bottom:1px solid #edf0f6;padding:17px 0}.catalog-row:last-child{border-bottom:0}.catalog-thumb{width:43px;height:43px;border-radius:10px;background:#f0f4fc;display:grid;place-items:center;color:#96a9cc;overflow:hidden}.catalog-thumb img{width:100%;height:100%;object-fit:contain;padding:3px}.catalog-row h3{font-size:13px;margin:0 0 5px!important;line-height:1.5}.catalog-row small{font-size:10px}.catalog-row .row{margin-top:10px;gap:5px}.catalog-row .row button{flex:none;font-size:10px;min-height:29px;padding:5px 9px;background:#fbfcff}.catalog-row>strong{font-size:16px;letter-spacing:-.3px;white-space:nowrap}.catalog-row .catalog-selected{margin:0 7px 1px 0}.catalog-selection{font-size:10px!important;margin:16px 0 0!important;color:#96a2b4}.editor-columns{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:20px;align-items:start}.editor-columns>.admin-panel{position:sticky;top:91px}.promo-card,.admin-bundle{margin-bottom:13px}.promo-code{font-size:20px;font-weight:750;letter-spacing:1.6px;color:#304f8c;display:flex;align-items:center;gap:10px}.promo-percent{margin-left:auto;font-size:15px;color:#258466;background:#e7f6ee;border-radius:8px;letter-spacing:0;padding:5px 10px}.promo-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.promo-info span{font-size:10px;color:var(--mu);display:block}.promo-info b{font-size:12px;font-weight:600}.admin-bundle h3{margin:0 0 12px!important;font-size:17px}.admin-bundle p{font-size:12px;color:#8190a7;line-height:1.8}.item-row{padding:8px 0;align-items:center;gap:6px!important}.item-row button{flex:0!important;font-size:11px;padding:7px 10px;min-height:36px}.item-row select{font-size:11px!important;min-width:120px!important}.item-row input{flex:0 0 58px!important;width:58px;min-width:0}.home-editor>h3{display:none}.home-editor>p.muted{display:none}.home-editor>label{max-width:170px;margin-bottom:20px}.home-editor .g{gap:16px}.home-editor .o{padding:22px;border-radius:16px}.home-faq-row{background:#f9fbff;border-color:#e9eef7!important}.home-editor h4{font-size:13px;margin:25px 0 14px}.home-editor .row button{flex:none}.audit-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.audit-table th{font-weight:650;color:#95a1b4;padding:0 10px 14px;border-bottom:1px solid var(--bd);font-size:9px;letter-spacing:.7px;text-transform:uppercase}.audit-table td{padding:17px 10px;vertical-align:top;border-bottom:1px solid #edf0f6;overflow-wrap:anywhere;max-width:330px}.audit-table tr:last-child td{border-bottom:0}.audit-action{display:inline-block;background:#f1f5fc;color:#52719f;font-family:ui-monospace,monospace;font-size:10px;padding:4px 7px;border-radius:5px;overflow-wrap:anywhere}.audit-date{color:#96a1b3;font-size:10px;white-space:nowrap}.table-scroll{overflow:auto}.ticket-card{padding:0;overflow:hidden}.ticket-card .chat-thread{padding:20px 22px;background:#fbfcff;max-height:520px;overflow:auto}.ticket-reply{padding:0 22px 22px}.ticket-reply textarea{font-size:12px;min-height:95px}.ticket-reply .row{align-items:center;margin-top:12px}.ticket-reply .row button{flex:none}.ticket-reply select{width:auto;font-size:11px}.ticket-card .chat-bubble{font-size:12px}.ticket-card .chat-meta b{font-size:11px}.ticket-card .chat-role{font-size:8px}.empty-state{padding:55px 22px;text-align:center;background:#fff;border:1px dashed #d9e1ee;border-radius:16px;color:#a3afc2}.empty-state>svg{margin:0 auto 10px;display:block}.empty-state h3{font-size:15px;color:#667792}.empty-state p{font-size:12px}.page-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:80px;color:#8999b1;font-size:12px}.page-loading>span{width:18px;height:18px;border:2px solid #d8e3f9;border-top-color:#386aeb;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-mode .dashboard-heading h2{font-size:28px}.admin-mode .dashboard{gap:20px}.admin-mode .metric{border-radius:15px;padding:18px}.admin-mode .metric strong{font-size:26px;margin:17px 0}.admin-mode .metric-top{font-size:10px}.admin-mode .metric-top i{width:32px;height:32px;border-radius:10px}.admin-mode .dashboard-panel{border-radius:17px;padding:22px}.admin-mode .metric-bottom{font-size:8px}.admin-mode .metric-bottom .trend{font-size:9px}
/* A dedicated, persistent payment page. */
body.payment-mode main{max-width:1100px;padding-top:30px}body.payment-mode nav{display:none}.back-link{display:inline-flex;font-size:12px;color:#8290a8;gap:8px}.payment-heading{margin:28px 0 35px}.payment-heading h2{font-size:32px;margin:10px 0 23px;letter-spacing:-1px}.payment-heading h2>span{color:#9aa7bd;font-weight:400;margin-left:5px}.checkout-steps{display:flex;align-items:center;gap:15px;font-size:11px;font-weight:600;color:#a5afc0;flex-wrap:wrap}.checkout-steps>span{display:flex;gap:7px;align-items:center}.checkout-steps>i{width:35px;height:1px;background:#dfe6f1}.checkout-steps .complete{color:#26957b}.checkout-steps .active{color:#3663db}.payment-layout{display:grid;grid-template-columns:315px minmax(0,1fr);gap:25px;align-items:start}.payment-summary{background:linear-gradient(145deg,#142b50,#1e4279);border-radius:20px;padding:28px;color:#fff;position:sticky;top:25px;box-shadow:0 12px 30px #17315918}.payment-summary>.eyebrow{color:#8eabd6}.payment-summary h3{font-size:12px;font-weight:400;color:#a5bee3;margin:24px 0 0;letter-spacing:0}.payment-summary>strong{display:block;font-size:38px;letter-spacing:-1.3px;margin-bottom:25px;line-height:1.5;overflow-wrap:anywhere}.summary-products{border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;padding:10px 0;margin-bottom:23px}.summary-products>div{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;font-size:12px;padding:10px 0;color:#cee0f9}.summary-products b{color:#91add6;white-space:nowrap;font-size:11px}.payment-summary .state-badge{font-size:9px;background:#ffffff18;color:#c7ddff}.payment-summary>.muted{color:#99b5dc;font-size:11px;margin:14px 0 23px}.payment-summary>button{width:100%;background:#ffffff0d;color:#dbe8fc;border-color:#ffffff25;justify-content:space-between;font-size:11px}.payment-main{background:#fff;border:1px solid var(--bd);border-radius:20px;padding:32px;box-shadow:0 5px 20px #20375a03}.payment-main h3{margin:0 0 15px;font-size:20px;letter-spacing:-.5px}.section-number{color:#91a6cc;font-size:10px;background:#f0f4fc;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:27px;float:right;font-weight:650}.payment-main .muted{font-size:12px;line-height:1.8}.payment-requisites{border-bottom:1px solid var(--bd);padding-bottom:27px;margin-bottom:28px}.payment-main .paydet{padding:17px;border:1px solid #dee7f9;border-radius:12px;background:#f7f9fe;color:#334f76;font-size:13px;font-weight:500;line-height:1.8;overflow-wrap:anywhere}.payment-main .paydet .ph{font-size:9px;color:#8198be;letter-spacing:1px}.payment-main .paydet button{font-size:10px;min-height:30px;padding:5px 9px}.payment-main .payamt{display:none}.payment-main .payref{border:1px solid #f2e6c9;background:#fffcf3;color:#937438;font-size:10px;font-weight:400;border-radius:11px;text-align:left;padding:15px;animation:none}.payment-main .payref .pn{font-size:12px;font-weight:600;margin-top:7px}.payment-main .ref{background:#f0e5c9;color:#89682c;font-size:15px;letter-spacing:0;padding:2px 7px}.payment-main .payref button{font-size:9px;min-height:28px;padding:4px 9px;border-color:#eadfbe;background:#fffdf7;color:#967837}.proof-form h3{margin-bottom:9px}.upload-zone{border:1.5px dashed #cddaf0;border-radius:13px;background:#f9fbff;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:160px;cursor:pointer;margin:20px 0 0;padding:24px;text-align:center;transition:background .2s,border-color .2s;overflow:hidden}.upload-zone:hover{background:#f1f5ff;border-color:#688cdd}.upload-zone>svg{color:#91aad5;margin-bottom:4px}.upload-zone>b{font-size:12px;color:#5576b5;max-width:100%;overflow-wrap:anywhere}.upload-zone>span{font-size:10px;font-weight:400;color:#9aa9be}.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-zone:focus-within{outline:3px solid #9bb7f3;outline-offset:3px}.upload-zone.has-file{background:#f1faf6;border-color:#73bb9e}.upload-zone.has-file>svg,.upload-zone.has-file>b{color:#40866c}.paid-button{width:100%;margin-top:3px;min-height:46px;font-size:13px}.proof-help{display:block;font-size:10px;line-height:1.8;color:#a0abbe;margin-top:13px;text-align:center}.form-error{font-size:11px;color:#d34c66;margin:8px 0;min-height:17px}.payment-result{text-align:center;padding:30px 10px 25px}.result-icon{height:76px;width:76px;display:grid;place-items:center;border-radius:25px;background:#edf3ff;color:#4c77d0;margin:0 auto 22px}.payment-result.success .result-icon{background:#e8f7ef;color:#2e9d78}.payment-result.cancelled .result-icon{background:#fff0f3;color:#d35f7b}.payment-result h3{font-size:24px}.payment-result p{font-size:12px;color:#8895ab;line-height:1.9;max-width:350px;margin:0 auto 25px}.payment-result button{margin:5px;font-size:12px}.receipt-link{display:flex;align-items:center;gap:8px;font-size:12px;color:#4b70b1;overflow-wrap:anywhere}.payment-result .receipt-link{justify-content:center;margin:0 auto 25px;padding:12px;background:#f6f8fd;border:1px solid #e7edf8;border-radius:9px;max-width:350px}.proof-rejected{border:1px solid #f3d4dd;background:#fff7f9;border-radius:11px;padding:13px 15px;font-size:12px;color:#c15b76;margin:16px 0}.proof-rejected p{margin:5px 0 0;font-size:11px}.payment-login{text-align:center;margin:55px auto;max-width:500px;background:#fff;border:1px solid var(--bd);border-radius:20px;padding:45px}.payment-login>svg{color:#5278d0}.payment-login p{font-size:12px;color:var(--mu);margin-bottom:25px}.provider-button{font-size:12px}.account-pay-link{background:#eff4ff;color:#3e68c3;border:1px solid #dbe5fb;border-radius:10px;padding:9px 12px;display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600}.account-proof-status{display:block;color:#6f83a6;font-size:11px;margin:12px 0 3px}
@media(min-width:1440px){.hero{padding:50px 55px;min-height:420px}.diagnostic-art{height:330px}.hero h2{font-size:46px}.product-grid .im{height:205px}}
@media(max-width:1150px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding:35px 30px;min-height:360px}.hero h2{font-size:34px}.hero-label{font-size:8px;letter-spacing:1.2px}.diagnostic-art{height:275px}.art-chip{padding:10px}.admin-shell{grid-template-columns:175px minmax(0,1fr);gap:20px}.admin-sidebar{padding-left:8px;padding-right:8px}.admin-menu button{font-size:11px;padding:10px;gap:8px}.metric-grid{gap:10px}.admin-mode .metric{padding:15px}.admin-mode .metric strong{font-size:23px}.admin-mode .metric-top i{width:25px;height:25px}.admin-toolbar{flex-wrap:wrap}.admin-toolbar>label{flex-basis:35%}.admin-toolbar>button{flex:1}.editor-columns{grid-template-columns:1fr}.editor-columns>.admin-panel{position:static}.bundle-card{gap:12px;padding:18px}.bundle-icon{width:45px;height:45px;border-radius:12px}.bundle-card>button{align-self:flex-end}.customer-grid{grid-template-columns:1fr}}
@media(max-width:900px){header{padding:18px 22px 13px}#hd>span{display:none}.logo .brand-name b{font-size:18px}.logo .brand-name small{font-size:8px}nav{padding:10px 22px}main{padding:23px 22px 50px}.hero{grid-template-columns:1.2fr .8fr;gap:5px;padding:30px 27px;min-height:340px}.hero h2{font-size:32px}.hero-copy{max-width:430px}.hero-actions{gap:7px}.hero-actions button{font-size:11px;padding:10px 12px;min-height:41px}.diagnostic-window{width:100%}.diagnostic-art{height:240px;margin-left:10px}.window-content{padding:10px 13px}.art-chip{display:none}.art-orbit{width:230px;height:230px}.orbit-two{width:300px;height:300px}.vehicle-wire{height:95px}.trust-strip{gap:10px}.trust-strip .o{padding:14px 12px;font-size:10px;gap:9px}.trust-icon{height:30px;width:30px;border-radius:9px}.trust-icon svg{width:17px;height:17px}.bundle-card{flex-wrap:wrap}.bundle-info{flex-basis:calc(100% - 65px)}.bundle-card>button{margin-left:57px}.admin-shell{grid-template-columns:1fr;gap:22px}.admin-sidebar{position:static;padding:9px;border-radius:14px}.sidebar-heading,.sidebar-footer{display:none}.admin-menu{display:flex;overflow-x:auto;gap:5px;padding-bottom:2px}.admin-menu button{flex:none;padding:9px 11px;min-height:36px}.admin-menu button svg{width:15px;height:15px}.admin-menu button.on:after{display:none}.admin-mode .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-mode .metric strong{font-size:24px}.admin-mode .metric-top{font-size:9px}.admin-mode .metric-top i{display:none}.admin-mode .metric-bottom{font-size:8px}.admin-heading h2,.admin-mode .dashboard-heading h2{font-size:27px}.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-columns{grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr)}.payment-layout{grid-template-columns:270px minmax(0,1fr);gap:18px}.payment-main{padding:25px}.payment-summary{padding:25px}.payment-summary>strong{font-size:32px}}
@media(max-width:700px){header{padding:15px 17px 12px}.logo{gap:8px}.logo .brand-monogram{width:36px;height:36px;border-radius:11px;font-size:13px}.logo .brand-name b{font-size:16px}.logo .brand-name small{letter-spacing:1.5px;font-size:7px;margin-top:5px}#h1{display:none}#hd{gap:4px}#hd button{padding:5px 9px;font-size:10px;min-height:31px}#hd select{font-size:9px;padding:5px;min-height:29px}#hd button.pri{display:none}nav{padding:9px 17px;gap:2px}nav button{padding:8px 10px;font-size:11px;min-height:35px}nav button.pri{padding:8px 12px}main{padding:18px 17px 40px}.hero{grid-template-columns:1fr;padding:29px 27px;min-height:0;border-radius:19px}.hero h2{font-size:34px;max-width:460px;margin-top:18px}.hero p{font-size:12px;max-width:460px}.hero-copy{max-width:none}.hero-label{font-size:8px}.diagnostic-art{display:none}.hero-actions{margin:21px 0 24px}.hero-signature span{display:inline;margin-left:7px;letter-spacing:.8px;font-size:7px}.hero-signature{font-size:8px;letter-spacing:1px}.trust-strip{gap:7px;margin-bottom:20px!important}.trust-strip .o{flex-direction:column;align-items:flex-start;padding:13px 10px;gap:9px;font-size:9px;border-radius:11px;line-height:1.5}.trust-icon{height:27px;width:27px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.im{height:150px;margin:9px 9px 0}.b{padding:13px;gap:8px}.b h3{font-size:12px}.b p{font-size:10px}.pr b{font-size:20px}.pr small{margin-left:0;font-size:8px}.pr s{font-size:9px}.b .row button{font-size:10px;padding:7px 8px}.b .row button.pri{flex:1;flex-basis:100%}.b .row button:nth-child(2){flex:1}.catalog-tools{gap:8px;padding:11px}.catalog-tools #s{flex-basis:100%;font-size:12px}.catalog-tools select{flex:1;max-width:none!important;font-size:11px}.catalog-tools label{font-size:10px}.search-symbol{left:24px;top:23px}.catalog-heading{margin:26px 0 17px}.catalog-heading h2{font-size:22px}.count-pill{font-size:9px}.chips{margin-bottom:10px}.chips button{font-size:10px}.bundle-heading h2{font-size:22px}.bundle-heading p{font-size:11px}.bundle-grid{grid-template-columns:1fr}.bundle-card{flex-wrap:nowrap;padding:18px}.bundle-info{flex-basis:auto}.bundle-card>button{margin-left:0}.bundle-info h3{font-size:14px}.bundle-info p{font-size:10px}.bundle-icon{width:43px;height:43px}.bundle-heading>button{font-size:10px}.bundle-heading{align-items:flex-start}.hero-actions button{font-size:11px}.o{padding:16px}.store-footer{margin-top:27px;padding-top:24px}dialog{padding:22px}.admin-mode main{padding-top:18px}.admin-heading{align-items:flex-start;flex-wrap:wrap}.admin-heading h2,.admin-mode .dashboard-heading h2{font-size:25px}.admin-heading p{font-size:11px}.admin-mode .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-mode .metric strong{font-size:26px}.admin-mode .metric-top{font-size:11px}.admin-mode .metric-top i{display:grid;width:29px;height:29px}.admin-mode .metric-bottom{font-size:9px}.admin-mode .dashboard-panel{padding:17px}.mini-metrics{gap:9px}.mini-metrics>div{flex-direction:column;align-items:flex-start;padding:13px 15px;gap:7px}.mini-metrics b{font-size:18px}.mini-metrics span{font-size:9px}.admin-panel{padding:18px;border-radius:14px}.record-heading{padding:16px;flex-wrap:wrap;gap:10px}.record-heading>strong{font-size:18px}.record-body{padding:16px}.record-meta{gap:7px;flex-direction:column}.order-customer small{font-size:10px}.order-items{font-size:11px}.record-actions{gap:7px}.record-actions button{font-size:10px}.admin-toolbar{padding:14px;gap:9px}.admin-toolbar>label{flex-basis:calc(50% - 5px);font-size:10px}.admin-toolbar>.search-field{flex-basis:100%}.customer-grid,.editor-columns{grid-template-columns:1fr}.catalog-row{gap:11px;grid-template-columns:36px minmax(0,1fr) auto}.catalog-row>strong{font-size:14px}.catalog-thumb{height:36px;width:36px}.catalog-row h3{font-size:12px}.catalog-row .row{gap:5px}.catalog-row .row button{font-size:9px;padding:5px 7px}.form-grid{grid-template-columns:1fr}.form-grid>.full{grid-column:auto}.ticket-card .chat-thread{padding:16px}.ticket-reply{padding:0 16px 16px}.ticket-reply .row button{flex:1;font-size:10px}.ticket-reply .row{gap:7px}.ticket-reply select{font-size:10px}.home-editor .g{grid-template-columns:1fr}.home-editor .o{padding:17px}.home-editor .row button{width:100%}.audit-table th,.audit-table td{padding:13px 8px;font-size:10px}.audit-date{white-space:normal;min-width:85px}.payment-heading{margin:25px 0}.payment-heading h2{font-size:27px}.checkout-steps{font-size:9px;gap:7px}.checkout-steps>i{width:15px}.payment-layout{grid-template-columns:1fr;gap:18px}.payment-summary{position:static;padding:22px;display:grid;grid-template-columns:1fr auto;column-gap:15px}.payment-summary>.eyebrow{grid-column:1/-1}.payment-summary h3{margin:17px 0 0;align-self:center;font-size:11px}.payment-summary>strong{font-size:30px;margin:10px 0 0}.summary-products{grid-column:1/-1;margin:17px 0}.summary-products>div{padding:7px 0;font-size:11px}.payment-summary>.state-badge{align-self:start;justify-self:start}.payment-summary>.muted{margin:0;font-size:10px;justify-self:end;align-self:center}.payment-summary>button{grid-column:1/-1;margin-top:16px}.payment-main{padding:23px}.payment-result{padding:20px 3px}.payment-result h3{font-size:22px}.payment-main h3{font-size:18px}.proof-help{font-size:10px}.payment-login{margin:30px auto;padding:30px 20px}}
@media(max-width:380px){#hd button{font-size:9px;padding:5px 7px}.logo .brand-name b{font-size:14px}.logo .brand-monogram{height:31px;width:31px;border-radius:9px;font-size:11px}.hero h2{font-size:30px}.hero{padding:25px 22px}.bundle-card{flex-wrap:wrap}.bundle-info{flex:1}.bundle-card>button{margin-left:54px}.pr b{font-size:18px}.b h3{font-size:11px}.b{padding:11px}.im{height:130px}.payment-heading h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.admin-sidebar,.admin-menu{min-width:0}.admin-toolbar{display:grid;grid-template-columns:minmax(150px,1.5fr) minmax(120px,1fr) repeat(2,minmax(120px,.9fr)) auto}.admin-toolbar>label{min-width:0}.admin-toolbar select,.admin-toolbar input{min-width:0;width:100%}.bundle-grid:has(>.bundle-card:only-child){grid-template-columns:minmax(0,1fr)}.bundle-grid:has(>.bundle-card:only-child) .bundle-card{gap:23px}.bundle-grid:has(>.bundle-card:only-child) .bundle-info p{max-width:650px}
@media(max-width:1150px){.admin-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-toolbar>button{grid-column:1/-1;justify-self:end;min-width:110px}}
@media(max-width:900px){.admin-shell{grid-template-columns:minmax(0,1fr)}.admin-menu{width:100%;max-width:100%}}
@media(max-width:700px){.admin-toolbar>.search-field{grid-column:1/-1}.bundle-grid:has(>.bundle-card:only-child) .bundle-card{gap:13px}.bundle-grid:has(>.bundle-card:only-child) .bundle-info p{max-width:100%}.admin-toolbar>button{justify-self:stretch}}
.bundle-grid:has(>.bundle-card:only-child) .bundle-card{flex-wrap:nowrap}.bundle-grid:has(>.bundle-card:only-child) .bundle-info{flex:1;min-width:0}.bundle-grid:has(>.bundle-card:only-child) .bundle-card>button{margin-left:0;align-self:center}
@media(max-width:500px){.bundle-grid:has(>.bundle-card:only-child) .bundle-card{display:grid;grid-template-columns:43px minmax(0,1fr);gap:13px}.bundle-grid:has(>.bundle-card:only-child) .bundle-card>button{grid-column:2;justify-self:start}}