:root{
  --bg:#f4f6fb;--card:#fff;--text:#111827;--muted:#667085;--line:#e5e9f2;
  --red:#e71d36;--red2:#ff4d63;--red-dark:#b90f25;--navy:#071426;--navy2:#0d2036;
  --yellow:#ffc400;--green:#0ea56b;--blue:#2563eb;--purple:#7c3aed;--shadow:0 22px 55px rgba(15,23,42,.09);--radius:22px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:inherit;text-decoration:none}main{width:min(1220px,calc(100% - 32px));margin:0 auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:18px 30px}.brand,.side-brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:950}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--red),var(--red2));display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:950;box-shadow:0 14px 30px rgba(231,29,54,.25)}.nav{display:flex;align-items:center;gap:18px;font-weight:850}.nav a{padding:9px 0}.nav a:not(.btn):hover{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:14px;padding:12px 18px;font-weight:950;cursor:pointer;background:#fff;transition:.18s ease;font-size:14px}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(15,23,42,.08)}.btn-red{background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;border-color:var(--red)}.btn-light{border-color:var(--line);background:#fff;color:var(--text)}.btn-outline{border-color:var(--red);color:var(--red);background:#fff}.btn-lg{padding:16px 22px;border-radius:16px;font-size:15px}.btn-full{width:100%}.btn-mini{padding:8px 11px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.pill{display:inline-flex;padding:8px 14px;border-radius:999px;background:#fff0f2;color:var(--red);font-weight:950;font-size:13px;border:1px solid #ffd4da}.muted{color:var(--muted)}.small{font-size:13px}.home-body{background:radial-gradient(circle at 70% 15%,#fff2f4 0,#f8f9fd 35%,#f4f6fb 100%)}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;padding:70px 0 46px}.hero h1{font-size:60px;line-height:1.02;margin:20px 0 18px;letter-spacing:-.055em}.hero p{font-size:19px;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.hero-bullets{display:flex;gap:12px;flex-wrap:wrap}.hero-bullets span{background:#fff;border:1px solid var(--line);padding:10px 13px;border-radius:999px;font-weight:800;color:#3f4a5f}.hero-visual{position:relative;min-height:430px}.commission-float{position:absolute;top:10px;right:10px;z-index:3;width:300px;border-radius:30px;padding:28px;background:linear-gradient(135deg,var(--red),#ff6074);color:#fff;box-shadow:0 24px 70px rgba(231,29,54,.25)}.commission-float span,.commission-float small{display:block;font-weight:900}.commission-float b{font-size:66px;line-height:1;display:block;margin:6px 0}.warehouse-visual{position:absolute;inset:110px 0 0 10px;border-radius:34px;background:linear-gradient(135deg,#fff,#edf2fa);border:1px solid #dfe6f3;box-shadow:var(--shadow);overflow:hidden}.warehouse-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.92) 0 34%,rgba(255,255,255,.3)),repeating-linear-gradient(90deg,transparent 0 38px,rgba(8,20,38,.04) 38px 40px)}.flag{position:absolute;left:26px;top:24px;width:96px;height:60px;background:linear-gradient(#fff 0 50%,#dc143c 50%);border-radius:6px;box-shadow:0 10px 25px rgba(0,0,0,.12);z-index:2}.shelf{position:absolute;right:40px;background:var(--navy);border-radius:10px;z-index:1;box-shadow:inset 0 0 0 10px rgba(255,255,255,.1)}.s1{top:70px;width:230px;height:170px}.s2{top:115px;right:292px;width:120px;height:126px;background:#182b42}.shelf:before,.shelf:after{content:"";position:absolute;background:repeating-linear-gradient(90deg,#c8924c 0 32px,#e0aa63 32px 62px);height:32px;left:16px;right:16px;border-radius:5px}.shelf:before{top:42px}.shelf:after{bottom:42px}.truck{position:absolute;left:54px;bottom:42px;width:220px;height:88px;border-radius:20px 38px 18px 18px;background:#fff;border:4px solid var(--navy);z-index:3;box-shadow:0 16px 26px rgba(0,0,0,.14)}.truck:before,.truck:after{content:"";position:absolute;bottom:-22px;width:38px;height:38px;border-radius:50%;background:var(--navy);border:8px solid #fff}.truck:before{left:34px}.truck:after{right:38px}.warehouse-label{position:absolute;right:50px;bottom:38px;z-index:4;background:rgba(255,255,255,.9);padding:16px 18px;border-radius:18px;border:1px solid var(--line)}.warehouse-label b{display:block;font-size:24px}.warehouse-label span{text-transform:uppercase;color:var(--muted);font-weight:800;letter-spacing:.12em;font-size:12px}.grid{display:grid;gap:18px}.four{grid-template-columns:repeat(4,1fr)}.two{grid-template-columns:1fr 1fr}.feature{min-height:155px}.feature span{font-size:30px}.feature h3{margin:12px 0 8px}.section{padding:34px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.steps{padding:0;margin:16px 0 0;display:grid;gap:14px;counter-reset:step}.steps li{list-style:none;background:#f7f9fd;border:1px solid var(--line);border-radius:17px;padding:16px 16px 16px 54px;position:relative}.steps li:before{counter-increment:step;content:counter(step);position:absolute;left:16px;top:16px;width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:950}.steps li span{display:block;color:var(--muted);margin-top:4px}.calculator label,.auth-card label,.form-grid label,.cn-admin-form label,.settings-card label,.finance-form label{display:grid;gap:8px;font-weight:850;margin-bottom:14px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;font:inherit;background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 4px rgba(231,29,54,.08)}.calc-result{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.calc-result div{background:#f7f9fd;border:1px solid var(--line);border-radius:16px;padding:16px}.calc-result span{display:block;color:var(--muted);font-weight:850}.calc-result b{font-size:26px}.auth-body{background:linear-gradient(135deg,#f9fbff,#f4f6fb)}.auth-wrap{min-height:calc(100vh - 90px);display:grid;place-items:center}.auth-final{grid-template-columns:1fr 440px;gap:42px}.auth-side h1{font-size:54px;line-height:1.04;margin:18px 0}.auth-side p{font-size:18px;color:var(--muted)}.auth-card{width:min(480px,100%);margin:0 auto}.centered{grid-column:1/-1}.debug-code{padding:14px;border-radius:14px;background:#fff7df;border:1px solid #ffe3a0;margin:14px 0;font-weight:900}.mini-benefits{display:flex;gap:12px;flex-wrap:wrap}.mini-benefits span{background:#fff;border:1px solid var(--line);padding:10px 12px;border-radius:14px;font-weight:800}.code-input{text-align:center;font-size:28px;letter-spacing:.25em;font-weight:900}.flash{width:min(1220px,calc(100% - 32px));margin:16px auto 0;padding:14px 18px;border-radius:16px;font-weight:850}.inline-flash{width:100%;margin:0 0 18px}.flash-success{background:#e8fff4;color:#08623f;border:1px solid #b9f0d2}.flash-error{background:#fff0f1;color:#9f1220;border:1px solid #ffd0d5}.app-body main{width:100%;margin:0}.app-body .topbar{display:none}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--navy),var(--navy2));color:#fff;padding:24px;display:flex;flex-direction:column}.side-brand{font-size:20px;margin-bottom:24px}.side-user{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px;margin-bottom:22px}.avatar{width:42px;height:42px;border-radius:14px;background:#fff;color:var(--navy);font-weight:950;display:flex;align-items:center;justify-content:center}.side-user small{display:block;color:#b7c3d5;margin-top:3px}.side-nav{display:grid;gap:7px}.side-link{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;color:#d8e1ef}.side-link:hover,.side-link.active{background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;box-shadow:0 12px 28px rgba(231,29,54,.22)}.side-link span{width:22px;text-align:center}.side-logout{margin-top:auto;color:#d8e1ef;padding:13px 14px;border-radius:14px}.side-logout:hover{background:rgba(255,255,255,.08)}.app-main{padding:32px;width:min(1240px,100%)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{font-size:40px;line-height:1.05;margin:12px 0 6px;letter-spacing:-.035em}.stat{position:relative;min-height:160px}.stat-icon{width:44px;height:44px;border-radius:16px;background:#fff0f2;color:var(--red);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px}.stat-title{color:var(--muted);font-weight:950}.stat-value{font-size:32px;font-weight:950;margin:6px 0}.table-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.table-scroll{overflow-x:auto}.pretty-table,table{width:100%;border-collapse:separate;border-spacing:0}.pretty-table th,.pretty-table td,th,td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.pretty-table th,th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.product-cell{display:flex;align-items:center;gap:12px;min-width:270px}.product-cell img,.product-placeholder{width:46px;height:46px;border-radius:12px;object-fit:cover;background:#f0f3f9;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.product-cell small{display:block;color:var(--muted);margin-top:3px}.badge{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:950}.badge-gray{background:#eef1f6;color:#4b5563}.badge-yellow{background:#fff7df;color:#a06500}.badge-blue{background:#eaf0ff;color:var(--blue)}.badge-green{background:#e9fff5;color:var(--green)}.badge-purple{background:#f1eaff;color:var(--purple)}.badge-red{background:#ffecee;color:var(--red-dark)}.ok-dot{color:var(--green);font-weight:950}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.wide{grid-column:1/-1}.input-action{display:flex;gap:10px}.input-action input{flex:1}.stepper{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.stepper span{padding:10px 13px;border-radius:999px;background:#f2f4f8;color:var(--muted);font-weight:900}.stepper .active{background:var(--red);color:#fff}.preview-box{margin:16px 0;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fbfcff;display:flex;gap:14px;align-items:flex-start}.preview-box img{width:92px;height:92px;object-fit:cover;border-radius:16px;background:#fff}.hidden{display:none}.sticky-result{position:sticky;bottom:12px;background:#fff;padding:12px;border-radius:18px;box-shadow:0 16px 40px rgba(15,23,42,.08)}.order-view .product-img{max-width:190px;border-radius:18px;border:1px solid var(--line);display:block;margin-bottom:14px}.price-row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.price-row.total{font-size:22px;border:0}.event{padding:13px 0;border-bottom:1px solid var(--line)}.cn-box{margin:16px 0;padding:16px;border:1px solid #f5d36c;background:#fff9e8;border-radius:18px}.export-box{margin:16px 0;padding:16px;border:1px solid #cfe8d8;background:#f4fff8;border-radius:18px}.cn-title{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cn-preview{margin-top:12px;padding:12px;border:1px solid #f5d36c;background:#fff9e8;border-radius:16px}.cn-preview b{display:block;font-size:18px}.cn-preview span{display:inline-flex;margin-top:4px;color:#a06500;font-weight:950}.cn-candidates{display:grid;gap:8px;margin-top:12px}.cn-choice{display:grid;gap:4px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px;cursor:pointer}.cn-choice:hover{border-color:#f5c400;background:#fffdf4}.cn-choice span{font-weight:950}.cn-choice small{color:var(--muted)}.cn-admin-form{display:grid;gap:12px}.checkline{display:flex!important;align-items:center;gap:10px;font-weight:850}.checkline input{width:auto!important;margin:0!important}.soft-line{border:0;border-top:1px solid var(--line);margin:20px 0}.balance-card{background:linear-gradient(135deg,var(--navy),#152d4d);color:#fff;min-height:190px}.balance-card span{display:block;color:#b7c3d5;font-weight:900}.balance-card strong{display:block;font-size:44px;line-height:1;margin:16px 0}.balance-card p{color:#d8e1ef}.info-card{min-height:190px}.amount-plus{color:var(--green);font-weight:950}.amount-minus{color:var(--red);font-weight:950}.small-input{max-width:100px}.profile-card,.settings-card{margin:0;max-width:560px}.footer{margin:40px auto 0;padding:28px;width:min(1220px,calc(100% - 32px));color:var(--muted);display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}.app-body .footer{display:none}code,pre{background:#f1f3f8;border-radius:8px;padding:2px 5px}pre{padding:12px;white-space:pre-wrap}.muted-link{color:var(--blue);font-weight:850}.finance-form form{display:grid;gap:2px}
@media(max-width:1050px){.hero,.split,.auth-final{grid-template-columns:1fr}.hero-visual{min-height:360px}.four{grid-template-columns:1fr 1fr}.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.side-nav{grid-template-columns:repeat(2,1fr)}.app-main{padding:22px}.topbar{align-items:flex-start;flex-direction:column}.nav{flex-wrap:wrap}}
@media(max-width:680px){main{width:min(100% - 20px,1220px)}.hero h1,.auth-side h1{font-size:38px}.page-head{align-items:flex-start;flex-direction:column}.four,.two,.form-grid{grid-template-columns:1fr}.side-nav{grid-template-columns:1fr}.input-action{flex-direction:column}.calc-result{grid-template-columns:1fr}.commission-float{position:relative;width:auto;right:auto;top:auto}.warehouse-visual{position:relative;inset:auto;min-height:300px;margin-top:18px}.hero-visual{min-height:auto}.footer{flex-direction:column}.card{padding:18px}.sidebar{padding:18px}}

/* v9: interactive order stepper */
.order-form-card .stepper{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin:0 0 24px;
  padding:8px;
  border-radius:28px;
  background:#f7f9fd;
  border:1px solid var(--line);
}
.order-form-card .stepper:before{
  content:"";
  position:absolute;
  left:28px;
  right:28px;
  top:50%;
  height:3px;
  transform:translateY(-50%);
  background:#e6ebf3;
  border-radius:999px;
  z-index:0;
}
.order-form-card .stepper span{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:48px;
  padding:12px 18px;
  border-radius:999px;
  border:1px solid #dfe6f2;
  background:#fff;
  color:#66758b;
  font-weight:950;
  cursor:pointer;
  user-select:none;
  box-shadow:0 8px 20px rgba(15,23,42,.04);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
}
.order-form-card .stepper span:hover{
  transform:translateY(-1px);
  border-color:var(--red);
  color:var(--red);
  box-shadow:0 14px 28px rgba(231,29,54,.10);
}
.order-form-card .stepper span:focus{
  outline:none;
  box-shadow:0 0 0 4px rgba(231,29,54,.12),0 14px 28px rgba(231,29,54,.10);
}
.order-form-card .stepper span.is-active,
.order-form-card .stepper span.active{
  background:linear-gradient(135deg,var(--red),var(--red2));
  color:#fff;
  border-color:var(--red);
  box-shadow:0 14px 34px rgba(231,29,54,.22);
}
.order-form-card .stepper span.is-complete{
  background:#e9fff5;
  color:#07834f;
  border-color:#b9f0d2;
}
.order-form-card .stepper span.is-complete:after{
  content:"✓";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#13a86b;
  color:#fff;
  font-size:12px;
  line-height:1;
}
.order-form-card .stepper span.is-active:after{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 5px rgba(255,255,255,.18);
}
.step-hint{
  margin:-8px 0 20px;
  padding:12px 16px;
  border-radius:16px;
  border:1px solid #dfe6f2;
  background:#fff;
  color:#66758b;
  font-weight:800;
  display:flex;
  align-items:center;
  gap:10px;
}
.step-hint:before{content:"ℹ";color:var(--red);font-weight:950}
.form-grid label.step-target-active input,
.form-grid label.step-target-active textarea,
.form-grid label.step-target-active select{
  border-color:var(--red);
  box-shadow:0 0 0 4px rgba(231,29,54,.09);
}
@media(max-width:760px){
  .order-form-card .stepper{gap:8px;border-radius:22px;padding:8px;align-items:stretch}
  .order-form-card .stepper:before{display:none}
  .order-form-card .stepper span{flex:1 1 44%;min-height:44px;padding:10px 12px;font-size:13px}
}

/* v10: clean client order wizard + VAT/no-VAT commission */
.order-wizard-card{padding:28px;overflow:hidden}.order-create-head h1{max-width:850px}.wizard-progress{height:8px;background:#edf1f7;border-radius:999px;margin:-8px 8px 24px;overflow:hidden}.wizard-progress i{display:block;height:100%;width:0;background:linear-gradient(135deg,var(--red),var(--red2));border-radius:999px;transition:width .25s ease}.wizard-step{display:none;animation:fadeUp .22s ease}.wizard-step.is-active{display:block}@keyframes fadeUp{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}.wizard-title{display:flex;align-items:flex-start;gap:14px;margin:10px 0 22px}.wizard-title>span{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:950;box-shadow:0 14px 30px rgba(231,29,54,.18)}.wizard-title h2{margin:0 0 4px;font-size:28px;line-height:1.1}.wizard-title p{margin:0;color:var(--muted);font-weight:750}.clean-form-grid{align-items:end}.smart-url input{font-size:16px;font-weight:850}.vat-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.vat-card{position:relative;display:grid!important;gap:8px;padding:22px!important;border:2px solid var(--line);border-radius:22px;background:#fff;cursor:pointer;box-shadow:0 14px 30px rgba(15,23,42,.04);transition:.18s ease}.vat-card:hover{transform:translateY(-1px);border-color:#ffc4cc}.vat-card.active{border-color:var(--red);background:linear-gradient(180deg,#fff,#fff6f7);box-shadow:0 18px 44px rgba(231,29,54,.12)}.vat-card input{position:absolute;opacity:0;pointer-events:none}.vat-card span{font-size:18px;font-weight:950}.vat-card b{font-size:34px;line-height:1;color:var(--red)}.vat-card small{color:var(--muted);font-weight:800}.checks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.check-card{border:1px solid var(--line);border-radius:20px;padding:20px;background:#fff;min-height:150px}.check-card b{display:block;font-size:18px;margin-bottom:8px}.check-card p{margin:0;color:var(--muted);font-weight:750}.check-card.ok{border-color:#ccefdc;background:#f5fff9}.check-card.admin{border-color:#ffe0a3;background:#fffaf0}.service-note{margin:16px 0;padding:16px 18px;border-radius:18px;border:1px dashed #ffd28a;background:#fffaf0;color:#6b4b00;font-weight:800}.service-mini{margin-top:12px;padding:12px 14px;border-radius:16px}.service-mini.ok{background:#f0fff7;border:1px solid #bdebd3;color:#076441}.service-mini.warn{background:#fff8e8;border:1px solid #ffd891;color:#7a5300}.service-mini b{display:block}.service-mini p{margin:4px 0 0;color:inherit}.confirm-card{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.confirm-card>div{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fbfcff}.confirm-card span{display:block;color:var(--muted);font-weight:900;margin-bottom:6px}.confirm-card b{font-size:20px}.wizard-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.wizard-actions .hidden{display:none!important}.order-wizard-card .sticky-result{position:relative;bottom:auto;margin-top:18px;background:#f8fafc}.order-wizard-card .preview-box{background:#fbfcff;border-radius:22px;padding:18px;margin-top:18px}.clients-table .small-input{width:90px}.badge-gray{white-space:nowrap}@media(max-width:900px){.vat-choice-grid,.checks-grid,.confirm-card{grid-template-columns:1fr}.wizard-actions{justify-content:stretch}.wizard-actions .btn{flex:1}.order-wizard-card{padding:18px}}

/* v11: status filter + status editing inside order card */
.status-filter-card{margin-bottom:18px;padding:22px}.filter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.filter-head h2{margin:0 0 4px}.status-tabs{display:flex;gap:10px;flex-wrap:wrap}.status-tab{display:inline-flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);text-decoration:none;font-weight:950;box-shadow:0 10px 24px rgba(15,23,42,.04);transition:.18s ease}.status-tab:hover{transform:translateY(-1px);border-color:var(--red);color:var(--red)}.status-tab.active{background:linear-gradient(135deg,var(--red),var(--red2));border-color:var(--red);color:#fff;box-shadow:0 16px 34px rgba(231,29,54,.18)}.status-tab b{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:#f1f4f9;color:inherit;font-size:13px}.status-tab.active b{background:rgba(255,255,255,.22);color:#fff}.status-admin-form{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fbfcff}.status-admin-form select,.status-admin-form textarea{background:#fff}.table-card .table-head .badge{white-space:nowrap}@media(max-width:760px){.filter-head{flex-direction:column}.status-tabs{display:grid;grid-template-columns:1fr 1fr}.status-tab{justify-content:space-between}.status-filter-card{padding:16px}}

/* v12: order page polish + fixed notifications */
.app-body .flash{
  position:fixed;
  top:22px;
  right:28px;
  z-index:10000;
  width:min(430px,calc(100% - 32px));
  margin:0;
  padding:16px 18px 16px 48px;
  border-radius:18px;
  box-shadow:0 22px 65px rgba(15,23,42,.18);
  background:#fff;
  border:1px solid var(--line);
  font-size:14px;
  line-height:1.45;
  animation:flashSlideIn .22s ease-out, flashFadeOut .35s ease-in 5.2s forwards;
  pointer-events:none;
}
.app-body .flash:before{
  position:absolute;
  left:16px;
  top:50%;
  transform:translateY(-50%);
  width:22px;
  height:22px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:13px;
  font-weight:950;
}
.app-body .flash-success{
  color:#07543a;
  border-color:#b8efd3;
  background:linear-gradient(135deg,#f0fff7,#fff);
}
.app-body .flash-success:before{content:"✓";background:var(--green)}
.app-body .flash-error{
  color:#9f1220;
  border-color:#ffd0d5;
  background:linear-gradient(135deg,#fff3f5,#fff);
}
.app-body .flash-error:before{content:"!";background:var(--red)}
@keyframes flashSlideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes flashFadeOut{to{opacity:0;transform:translateY(-8px);visibility:hidden}}

.app-main{padding:34px clamp(22px,3vw,48px);width:min(1320px,100%)}
.app-body{background:linear-gradient(135deg,#f7f9fd 0,#eef3fb 100%)}
.sidebar{box-shadow:18px 0 45px rgba(7,20,38,.08)}
.page-head{
  align-items:flex-start;
  padding:4px 0 6px;
  margin-bottom:18px;
}
.page-head .pill{box-shadow:0 10px 25px rgba(231,29,54,.08)}
.page-head h1{max-width:860px;font-size:clamp(30px,3.1vw,46px)}
.page-head > a.btn{margin-top:46px;box-shadow:0 12px 28px rgba(15,23,42,.06)}

.order-view{grid-template-columns:minmax(0,1.03fr) minmax(390px,.78fr);align-items:start;gap:26px}
.order-view > .card{
  padding:28px;
  border-radius:28px;
  box-shadow:0 28px 70px rgba(15,23,42,.08);
}
.order-view .card h2{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 18px;
  font-size:24px;
  letter-spacing:-.02em;
}
.order-view .card h2:before{
  content:"";
  width:9px;
  height:28px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--red),var(--red2));
}
.order-view .product-img{
  float:right;
  width:160px;
  max-width:36%;
  margin:0 0 18px 22px;
  border-radius:24px;
  box-shadow:0 18px 35px rgba(15,23,42,.12);
  background:#fff;
}
.order-view p{margin:12px 0;color:#1d2939}
.order-view p b{color:#111827}
.order-view a[target="_blank"]{color:var(--blue);font-weight:900}
.order-view a[target="_blank"]:after{content:" →"}
.order-view .card:nth-child(2){position:sticky;top:26px}

.cn-box,.export-box,.service-note{
  border-radius:22px;
  padding:18px;
  margin:20px 0;
}
.cn-box{background:linear-gradient(135deg,#fff9e8,#fff);border-color:#f4d166}
.export-box{background:linear-gradient(135deg,#f2fff8,#fff);border-color:#bfead2}
.service-note{background:#f7f9fd;border:1px solid var(--line);color:#475467}
.cn-title{font-size:15px}
.cn-title b{font-size:16px}

.price-row{
  padding:15px 0;
  align-items:center;
}
.price-row span{color:var(--muted);font-weight:850}
.price-row b{font-size:16px}
.price-row.total{
  margin-top:10px;
  padding:18px;
  border-radius:20px;
  background:linear-gradient(135deg,#f7f9fd,#fff);
  border:1px solid var(--line);
}
.price-row.total span{font-size:17px;color:#111827}
.price-row.total b{font-size:28px;color:#111827}

.status-admin-form,
.cn-admin-form{
  background:#f8fafc;
  border:1px solid var(--line);
  border-radius:22px;
  padding:16px;
}
.status-admin-form label,
.cn-admin-form label{
  margin-bottom:12px;
  color:#344054;
}
.status-admin-form .btn-red{
  margin-top:4px;
  border-radius:16px;
  box-shadow:0 16px 30px rgba(231,29,54,.18);
}
.soft-line{margin:24px 0;border-top-color:#e9edf5}

.card > h3{
  margin:0 0 14px;
  font-size:19px;
  letter-spacing:-.015em;
}
.event{
  position:relative;
  padding:14px 0 14px 22px;
  color:#344054;
}
.event:before{
  content:"";
  position:absolute;
  left:0;
  top:21px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--red);
  box-shadow:0 0 0 5px rgba(231,29,54,.08);
}
.event b{color:#111827}

.badge{border:1px solid transparent}
.badge-yellow{border-color:#ffe0a3}.badge-green{border-color:#bcebd5}.badge-red{border-color:#ffd0d5}.badge-blue{border-color:#c7d7fe}.badge-purple{border-color:#decdfd}

@media (max-width:1100px){
  .order-view{grid-template-columns:1fr}
  .order-view .card:nth-child(2){position:static}
  .page-head > a.btn{margin-top:0}
}
@media (max-width:760px){
  .app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.app-main{padding:18px}
  .page-head{display:grid}.page-head h1{font-size:30px}.order-view > .card{padding:20px;border-radius:22px}
  .order-view .product-img{float:none;max-width:100%;width:140px;margin:0 0 16px}
  .app-body .flash{right:16px;top:16px}
}

/* v13: compact typography + fixed admin screens */
:root{
  --radius:20px;
  --shadow:0 16px 42px rgba(15,23,42,.075);
}
body{font-size:15px;letter-spacing:-.006em}
.app-main{max-width:100%;overflow-x:hidden;padding:28px clamp(18px,2.4vw,36px)}
.app-shell{grid-template-columns:260px minmax(0,1fr)}
.sidebar{padding:22px 18px}.side-brand{font-size:18px}.side-link{font-size:14px;padding:12px 13px}.side-user{padding:12px}.side-user b{font-size:14px;word-break:break-word}.side-user small{font-size:12px}.avatar{width:38px;height:38px;border-radius:12px}
.page-head h1{font-size:clamp(28px,2.6vw,40px);letter-spacing:-.035em}.page-head{margin-bottom:16px}.page-head .muted{font-size:15px;max-width:780px}
.card{padding:22px;border-radius:22px}.btn{font-size:14px;padding:11px 16px;border-radius:13px}input,select,textarea{font-size:15px;padding:11px 13px;border-radius:13px;min-height:44px}.pretty-table th,.pretty-table td,th,td{padding:12px 10px}.pretty-table th,th{font-size:11px}.badge{font-size:12px;padding:5px 9px;border-radius:999px}.pill{font-size:12px;padding:7px 12px}
.form-grid{gap:16px}.order-wizard-card{padding:24px}.wizard-title h2{font-size:24px}.wizard-title>span{width:42px;height:42px}.stepper{gap:10px}.step{padding:12px 15px;font-size:14px}.calc-result b{font-size:22px}.stat-value{font-size:28px}.product-cell{min-width:220px}.product-cell b{font-size:14px}.product-cell small{font-size:12px}
.table-scroll{max-width:100%;overflow-x:auto;border-radius:18px}.table-card{overflow:hidden}.clients-table{font-size:13px}.clients-table input,.clients-table select{font-size:13px;padding:9px 10px;min-height:38px}.clients-table .small-input{width:78px}.clients-table td:first-child{max-width:220px;word-break:break-word}

.clients-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px;align-items:start}.client-edit-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow);display:grid;gap:16px;min-width:0}.client-card-top{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center}.client-avatar-sm{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:950;font-size:18px}.client-id-block{min-width:0}.client-id-block b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-id-block span{display:block;color:var(--muted);font-size:13px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-balance-chip,.client-orders-chip{background:#f7f9fd;border:1px solid var(--line);border-radius:16px;padding:10px 12px;min-width:105px}.client-balance-chip span,.client-orders-chip span{display:block;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.client-balance-chip b,.client-orders-chip b{font-size:15px;display:block;margin-top:2px}.client-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.client-form-grid label,.client-commission-row label{display:grid;gap:7px;margin:0;font-weight:900;color:#344054;font-size:13px}.client-form-grid input,.client-form-grid select,.client-commission-row input{min-height:42px;font-size:14px}.client-commission-row{display:grid;grid-template-columns:1fr 1fr 110px;gap:12px;align-items:stretch}.client-commission-row label{background:#fbfcff;border:1px solid var(--line);border-radius:18px;padding:13px}.client-commission-row label span{font-size:13px;color:#344054}.client-commission-row label small{font-size:12px;color:var(--muted);font-weight:800}.client-commission-row input{font-size:20px;font-weight:950;color:var(--red);padding:9px 10px}.client-orders-chip{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.client-orders-chip b{font-size:22px}.client-card-actions{display:flex;gap:10px;flex-wrap:wrap}.client-card-actions .btn{flex:1;min-width:150px}

/* Make finance/order/admin pages fit normal laptop widths */
.order-view{grid-template-columns:minmax(0,1fr) minmax(340px,.66fr);gap:20px}.order-view > .card{padding:22px}.price-row.total b{font-size:24px}.filter-head h2,.table-head h2,.card h2{font-size:22px}.status-tabs{gap:8px}.status-tab{font-size:13px;padding:10px 12px}.finance-form label{font-size:14px}.balance-card strong{font-size:30px}

@media(max-width:1180px){.app-shell{grid-template-columns:230px minmax(0,1fr)}.sidebar{padding:18px 14px}.side-link{font-size:13px}.clients-panel{grid-template-columns:1fr}.app-main{padding:22px}.order-view{grid-template-columns:1fr}.order-view .card:nth-child(2){position:static}}
@media(max-width:760px){body{font-size:14px}.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative;border-radius:0 0 22px 22px}.side-nav{grid-template-columns:1fr 1fr}.side-logout{margin-top:14px}.app-main{padding:16px}.page-head{gap:12px}.page-head h1{font-size:28px}.card{padding:16px}.client-form-grid,.client-commission-row{grid-template-columns:1fr}.client-card-top{grid-template-columns:42px minmax(0,1fr)}.client-balance-chip{grid-column:1/-1}.client-card-actions{display:grid}.stepper{display:grid;grid-template-columns:1fr 1fr}.step{justify-content:center}.topbar{padding:14px 16px}.hero h1{font-size:38px}.four,.two,.split,.hero{grid-template-columns:1fr}.auth-final{grid-template-columns:1fr}.home-body main{width:min(100% - 24px,1220px)}}


/* v14: clearer VAT wording and profile commission cards */
.profile-commission-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 16px}.profile-commission-item{border:1px solid var(--line);background:#fbfcff;border-radius:18px;padding:16px;display:grid;gap:6px}.profile-commission-item span{font-size:13px;color:var(--muted);font-weight:950;text-transform:uppercase;letter-spacing:.04em}.profile-commission-item b{font-size:28px;color:var(--red);line-height:1}.profile-commission-item small{color:var(--muted);font-weight:750}.vat-card span{line-height:1.15}.client-commission-row label span{line-height:1.15}.confirm-card b#vatModeSummary{font-size:17px;line-height:1.25}.price-row span{line-height:1.3}@media(max-width:760px){.profile-commission-grid{grid-template-columns:1fr}.vat-card span{font-size:16px}.confirm-card b#vatModeSummary{font-size:16px}}

/* v15 — компактный список клиентов строками */
.clients-list-panel{display:grid!important;grid-template-columns:1fr!important;gap:10px;align-items:stretch}.clients-list-head{display:grid;grid-template-columns:minmax(230px,1.25fr) minmax(210px,1fr) minmax(190px,.9fr) minmax(210px,1fr) minmax(145px,.7fr) minmax(150px,.7fr);gap:10px;padding:0 14px 4px;color:#667085;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.045em}.client-row-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:0 14px 36px rgba(16,24,40,.06);display:grid;grid-template-columns:minmax(230px,1.25fr) minmax(210px,1fr) minmax(190px,.9fr) minmax(210px,1fr) minmax(145px,.7fr) minmax(150px,.7fr);gap:10px;align-items:center;min-width:0}.client-row-card:hover{border-color:#d6deeb;box-shadow:0 18px 44px rgba(16,24,40,.09)}.client-row-identity{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;min-width:0}.client-row-identity .client-avatar-sm{width:42px;height:42px;border-radius:14px;font-size:17px}.client-row-identity .client-id-block b{font-size:14px;line-height:1.15}.client-row-identity .client-id-block span{font-size:12px}.client-row-contact,.client-row-access,.client-row-commissions{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}.client-row-card label{display:grid;gap:5px;margin:0;min-width:0}.client-row-card label span,.client-row-stats span{font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;color:#667085;line-height:1.1}.client-row-card input,.client-row-card select{min-height:38px;border-radius:12px;font-size:13px;padding:8px 10px}.client-row-commissions label{position:relative}.client-row-commissions input{padding-right:26px;font-weight:950;color:var(--red);font-size:16px}.client-row-commissions em{position:absolute;right:10px;bottom:10px;font-style:normal;font-size:12px;font-weight:950;color:#98a2b3}.client-row-stats{display:grid;grid-template-columns:1fr 70px;gap:8px}.client-row-stats>div{background:#f7f9fd;border:1px solid var(--line);border-radius:14px;padding:10px;min-height:52px;display:grid;align-content:center}.client-row-stats b{display:block;margin-top:2px;font-size:13px;line-height:1.15;color:#101828}.client-row-actions{display:grid;grid-template-columns:1fr;gap:8px}.client-row-actions .btn{min-height:38px;padding:10px 12px;border-radius:13px;font-size:13px}.client-row-actions .btn-light{background:#fff}.client-row-card .btn-red{box-shadow:none}
@media(max-width:1280px){.clients-list-head{display:none}.client-row-card{grid-template-columns:1.25fr 1fr 1fr;gap:12px}.client-row-identity{grid-column:1/2}.client-row-contact{grid-column:2/4}.client-row-access{grid-column:1/2}.client-row-commissions{grid-column:2/3}.client-row-stats{grid-column:3/4}.client-row-actions{grid-column:1/-1;display:flex;justify-content:flex-end}.client-row-actions .btn{width:auto;min-width:150px}.client-row-stats{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.client-row-card{grid-template-columns:1fr;padding:14px}.client-row-identity,.client-row-contact,.client-row-access,.client-row-commissions,.client-row-stats,.client-row-actions{grid-column:1/-1}.client-row-actions{display:grid;grid-template-columns:1fr 1fr}.client-row-actions .btn{min-width:0}.client-row-contact,.client-row-access,.client-row-commissions,.client-row-stats{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.client-row-contact,.client-row-access,.client-row-commissions,.client-row-stats,.client-row-actions{grid-template-columns:1fr}.client-row-card{border-radius:18px}.client-row-identity .client-id-block b{font-size:13px}}

/* v16: search in clients and orders */
.search-card{margin-bottom:18px;padding:20px 22px}.search-filter{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:10px;align-items:center;margin:14px 0 16px}.search-filter:last-child{margin-bottom:0}.search-field{position:relative}.search-field span{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:15px;color:#667085;pointer-events:none}.search-field input{padding-left:42px;background:#fff;min-height:48px;font-weight:800}.status-filter-card .search-filter{margin-bottom:16px}.empty-search{grid-column:1/-1;text-align:center;background:#fff}.empty-search b{display:block;font-size:18px;margin-bottom:4px}.table-head .badge,.filter-head .badge{white-space:nowrap}@media(max-width:780px){.search-filter{grid-template-columns:1fr}.search-filter .btn{width:100%}.search-card{padding:16px}.status-filter-card .search-filter{margin-top:10px}}

/* v20 — premium photo design for public homepage */
.home-body{
  background:
    radial-gradient(circle at 12% 5%, rgba(231,29,54,.08), transparent 28%),
    radial-gradient(circle at 90% 12%, rgba(15,23,42,.10), transparent 30%),
    linear-gradient(180deg,#f7f9fc 0%,#eef3f9 100%);
}
.home-body .topbar{
  position:sticky;
  top:0;
  z-index:30;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(226,232,240,.82);
}
.home-body main{width:min(100% - 36px,1280px);padding-top:34px}
.hero-premium{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(460px,.92fr);
  gap:34px;
  align-items:center;
  min-height:620px;
  padding:46px;
  border:1px solid rgba(226,232,240,.9);
  border-radius:38px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.90) 52%,rgba(255,255,255,.62) 100%),
    radial-gradient(circle at 85% 25%,rgba(231,29,54,.14),transparent 30%);
  box-shadow:0 32px 90px rgba(15,23,42,.10);
}
.hero-premium:before{
  content:"";
  position:absolute;
  inset:auto -140px -160px auto;
  width:420px;height:420px;
  background:linear-gradient(135deg,rgba(231,29,54,.18),rgba(255,79,106,.04));
  border-radius:50%;
  filter:blur(4px);
}
.hero-copy{position:relative;z-index:2;max-width:620px}.pill-glass{background:#fff;border-color:#ffd4da;box-shadow:0 12px 28px rgba(231,29,54,.08)}
.hero-premium h1{font-size:clamp(44px,5.2vw,78px);line-height:.94;letter-spacing:-.064em;margin:20px 0 20px;color:#111827}.hero-lead{font-size:20px;line-height:1.58;color:#526174;max-width:590px;margin:0 0 26px}.hero-premium .hero-actions{margin-top:24px;gap:12px}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}.hero-stats div{background:rgba(255,255,255,.82);border:1px solid rgba(226,232,240,.92);border-radius:20px;padding:16px 18px;box-shadow:0 16px 38px rgba(15,23,42,.06)}.hero-stats b{display:block;font-size:26px;line-height:1;color:#e71d36;letter-spacing:-.04em}.hero-stats span{display:block;margin-top:6px;font-weight:850;font-size:13px;color:#667085;line-height:1.25}.hero-photo-board{position:relative;min-height:520px;z-index:2}.photo-card{margin:0;position:absolute;border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 28px 70px rgba(15,23,42,.18);border:8px solid rgba(255,255,255,.92)}.photo-card img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.02)}.photo-card figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);display:grid;gap:2px;color:#111827}.photo-card figcaption b{font-size:17px}.photo-card figcaption span{font-size:13px;font-weight:800;color:#667085}.photo-main{inset:22px 58px 54px 0}.photo-top{width:230px;height:170px;right:0;top:0}.photo-bottom{width:250px;height:190px;right:18px;bottom:0}.photo-small figcaption{left:12px;right:auto;bottom:12px;padding:9px 12px;font-weight:950}.premium-float{right:auto;left:24px;bottom:26px;top:auto;z-index:4;background:linear-gradient(135deg,#e71d36,#ff4f6a);border:0;box-shadow:0 26px 54px rgba(231,29,54,.28)}
.section-title{display:grid;gap:10px;max-width:740px;margin:0 auto 24px;text-align:center}.section-title h2{font-size:clamp(32px,3.4vw,48px);letter-spacing:-.045em;line-height:1.02;margin:0;color:#111827}.section-title p{font-size:17px;color:#667085;margin:0;line-height:1.55}.eyebrow{font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.09em;color:#e71d36}.service-showcase{margin-top:42px}.photo-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.photo-feature{overflow:hidden;padding:0!important;border-radius:30px;background:#fff}.photo-feature img{width:100%;height:220px;object-fit:cover;display:block}.photo-feature div{padding:22px}.photo-feature span{display:inline-flex;width:38px;height:38px;border-radius:14px;align-items:center;justify-content:center;background:#fff0f2;color:#e71d36;font-weight:950;margin-bottom:14px}.photo-feature h3{font-size:22px;margin:0 0 9px;letter-spacing:-.025em}.photo-feature p{margin:0;color:#667085;line-height:1.55}.premium-features .feature{border:1px solid rgba(226,232,240,.9);box-shadow:0 18px 48px rgba(15,23,42,.07);transition:transform .2s ease, box-shadow .2s ease}.premium-features .feature:hover{transform:translateY(-4px);box-shadow:0 25px 60px rgba(15,23,42,.10)}.premium-calc-section{align-items:stretch}.photo-how-card{position:relative;overflow:hidden}.how-photo{height:180px;border-radius:24px;margin:-4px -4px 22px;background:linear-gradient(180deg,rgba(15,23,42,.12),rgba(15,23,42,.35)),url('https://images.unsplash.com/photo-1494412519320-aa613dfb7738?auto=format&fit=crop&w=1100&q=82') center/cover;box-shadow:inset 0 -40px 80px rgba(15,23,42,.18)}.premium-calculator{background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);border:1px solid rgba(226,232,240,.95);box-shadow:0 28px 70px rgba(15,23,42,.09)}.calc-title-row{margin-bottom:14px}.premium-calculator label{font-size:14px;color:#344054}.premium-calculator input{background:#fff}.premium-calculator .calc-result div{background:#f5f8fc;border-color:#dce5f2}.premium-calculator .calc-result b{color:#111827}
@media(max-width:1100px){.hero-premium{grid-template-columns:1fr;min-height:auto}.hero-photo-board{min-height:500px}.photo-feature-grid{grid-template-columns:1fr 1fr}.photo-feature-grid .photo-feature:last-child{grid-column:1/-1}.hero-stats{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.home-body main{width:min(100% - 24px,1280px);padding-top:18px}.hero-premium{padding:24px;border-radius:28px}.hero-premium h1{font-size:40px}.hero-lead{font-size:16px}.hero-stats{grid-template-columns:1fr}.hero-photo-board{min-height:420px}.photo-main{inset:18px 0 92px 0}.photo-top{display:none}.photo-bottom{width:210px;height:150px;right:0;bottom:0}.premium-float{left:12px;bottom:18px}.photo-feature-grid{grid-template-columns:1fr}.photo-feature img{height:200px}.section-title{text-align:left}.section-title h2{font-size:32px}}

/* v21 — clean generated-photo landing design */
html, body { max-width: 100%; overflow-x: hidden; }
.landing-v21-body {
  background:
    radial-gradient(circle at 12% 10%, rgba(231, 29, 54, .12), transparent 28%),
    radial-gradient(circle at 88% 2%, rgba(255, 80, 106, .16), transparent 26%),
    linear-gradient(135deg, #fff8fa 0%, #f7f9fc 42%, #eef3f9 100%);
}
.landing-v21-body main {
  width: min(100% - 40px, 1320px);
  margin: 0 auto;
  padding-top: 30px;
}
.landing-v21-body .topbar {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(255,255,255,.88);
  border-bottom: 1px solid rgba(226,232,240,.9);
  backdrop-filter: blur(18px);
  padding: 14px 28px;
}
.landing-v21-body .nav a:not(.btn) {
  font-size: 14px;
  font-weight: 950;
  color: #111827;
}
.landing-v21-body .brand-mark {
  box-shadow: 0 16px 36px rgba(231, 29, 54, .22);
}
.landing-v21 { display: grid; gap: 34px; }
.landing-hero-v21 {
  display: grid;
  grid-template-columns: minmax(0, 560px) minmax(0, 1fr);
  gap: 46px;
  align-items: center;
  min-height: 610px;
  padding: 42px;
  border-radius: 40px;
  border: 1px solid rgba(226,232,240,.86);
  background:
    linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.94) 45%, rgba(255,255,255,.72) 100%),
    radial-gradient(circle at 80% 18%, rgba(231,29,54,.18), transparent 34%);
  box-shadow: 0 34px 90px rgba(16,24,40,.12);
  overflow: hidden;
  position: relative;
}
.landing-hero-v21:before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  right: -260px;
  bottom: -260px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(231,29,54,.22), rgba(255,79,106,.04));
}
.landing-hero-copy-v21 { position: relative; z-index: 2; }
.landing-pill-v21 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #ffd4da;
  background: #fff;
  color: #e71d36;
  font-size: 13px;
  font-weight: 950;
  padding: 9px 14px;
  border-radius: 999px;
  box-shadow: 0 14px 30px rgba(231,29,54,.08);
}
.landing-hero-copy-v21 h1 {
  margin: 22px 0 20px;
  font-size: clamp(46px, 5.1vw, 76px);
  line-height: .95;
  letter-spacing: -.065em;
  color: #111827;
}
.landing-hero-copy-v21 h1 span { color: #e71d36; display: inline-block; }
.landing-hero-copy-v21 p {
  max-width: 560px;
  margin: 0;
  font-size: 19px;
  line-height: 1.55;
  color: #526174;
}
.landing-actions-v21 { display: flex; flex-wrap: wrap; gap: 12px; margin: 30px 0 22px; }
.landing-actions-v21 .btn { min-height: 54px; }
.landing-trust-v21 {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 26px;
  color: #667085;
  font-size: 14px;
  font-weight: 850;
}
.landing-trust-v21 span { display: inline-flex; align-items: center; gap: 8px; }
.landing-hero-media-v21 {
  position: relative;
  z-index: 2;
  min-height: 470px;
  border-radius: 34px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 30px 80px rgba(15,23,42,.18);
  border: 10px solid rgba(255,255,255,.85);
}
.landing-hero-media-v21 img {
  display: block;
  width: 100%;
  height: 470px;
  object-fit: cover;
  filter: saturate(1.04) contrast(1.03);
}
.landing-hero-media-v21:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(15,23,42,.12), transparent 38%), linear-gradient(0deg, rgba(15,23,42,.32), transparent 42%);
  pointer-events: none;
}
.landing-commission-v21 {
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 3;
  width: 220px;
  padding: 24px 26px;
  border-radius: 28px;
  background: linear-gradient(135deg, #e71d36, #ff5670);
  color: #fff;
  box-shadow: 0 22px 58px rgba(231,29,54,.34);
}
.landing-commission-v21 span, .landing-commission-v21 small { display: block; font-weight: 900; }
.landing-commission-v21 b { display: block; font-size: 55px; line-height: .95; margin: 6px 0 7px; letter-spacing: -.06em; }
.landing-commission-v21 small { opacity: .92; font-size: 12px; line-height: 1.25; }
.landing-photo-label-v21 {
  position: absolute;
  left: 24px;
  bottom: 24px;
  z-index: 3;
  display: grid;
  gap: 2px;
  max-width: 360px;
  padding: 15px 17px;
  border-radius: 20px;
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(255,255,255,.72);
  backdrop-filter: blur(14px);
  color: #111827;
}
.landing-photo-label-v21 b { font-size: 18px; }
.landing-photo-label-v21 span { color: #667085; font-weight: 800; font-size: 13px; }
.landing-services-v21 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.landing-service-card-v21 {
  border: 1px solid rgba(226,232,240,.9);
  border-radius: 28px;
  overflow: hidden;
  background: rgba(255,255,255,.94);
  box-shadow: 0 22px 58px rgba(15,23,42,.09);
  transition: transform .18s ease, box-shadow .18s ease;
}
.landing-service-card-v21:hover { transform: translateY(-4px); box-shadow: 0 30px 70px rgba(15,23,42,.12); }
.landing-service-card-v21 img { width: 100%; height: 170px; object-fit: cover; display: block; }
.landing-service-card-v21 div { padding: 22px; }
.landing-service-card-v21 span {
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #fff0f2;
  color: #e71d36;
  font-weight: 950;
  margin-bottom: 14px;
}
.landing-service-card-v21 h3 { margin: 0 0 8px; font-size: 21px; letter-spacing: -.025em; }
.landing-service-card-v21 p { margin: 0; color: #667085; line-height: 1.55; }
.landing-benefits-v21, .landing-calc-wrap-v21 {
  border: 1px solid rgba(226,232,240,.88);
  border-radius: 34px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 24px 70px rgba(15,23,42,.08);
  padding: 34px;
}
.landing-section-head-v21 { max-width: 760px; margin-bottom: 24px; }
.landing-section-head-v21 span, .landing-calc-info-v21 span, .landing-calc-title-v21 span {
  color: #e71d36;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .09em;
}
.landing-section-head-v21 h2, .landing-calc-info-v21 h2, .landing-calc-title-v21 h2 {
  margin: 10px 0;
  font-size: clamp(32px, 3.5vw, 48px);
  line-height: 1.02;
  letter-spacing: -.05em;
  color: #111827;
}
.landing-section-head-v21 p, .landing-calc-info-v21 p { color: #667085; font-size: 17px; line-height: 1.55; margin: 0; }
.landing-steps-v21 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.landing-steps-v21 div {
  background: #f7f9fd;
  border: 1px solid #e1e8f3;
  border-radius: 24px;
  padding: 22px;
}
.landing-steps-v21 b {
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: linear-gradient(135deg, #e71d36, #ff5670);
  color: #fff;
  margin-bottom: 18px;
}
.landing-steps-v21 h3 { margin: 0 0 7px; font-size: 18px; }
.landing-steps-v21 p { margin: 0; color: #667085; line-height: 1.48; }
.landing-calc-wrap-v21 {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(360px, .74fr);
  gap: 30px;
  align-items: start;
  margin-bottom: 26px;
}
.landing-calc-info-v21 ul { margin: 20px 0 0; padding: 0; display: grid; gap: 10px; }
.landing-calc-info-v21 li {
  list-style: none;
  position: relative;
  padding-left: 32px;
  color: #344054;
  font-weight: 850;
}
.landing-calc-info-v21 li:before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #e71d36;
  font-size: 12px;
}
.landing-calculator-v21 {
  border-radius: 28px;
  box-shadow: 0 24px 66px rgba(15,23,42,.10);
  background: linear-gradient(180deg, #fff 0%, #fbfcff 100%);
}
.landing-calculator-v21 label { color: #344054; font-size: 14px; }
.landing-calculator-v21 input { min-height: 52px; border-radius: 16px; font-weight: 900; }
.landing-calculator-v21 .calc-result div { border-radius: 20px; background: #f4f7fb; }
.landing-calculator-v21 .calc-result b { color: #111827; }
.landing-v21-body .footer {
  width: min(100% - 40px, 1320px);
  border-top: 1px solid rgba(226,232,240,.9);
  margin-top: 18px;
}
@media (max-width: 1120px) {
  .landing-v21-body main { width: min(100% - 28px, 1320px); }
  .landing-hero-v21, .landing-calc-wrap-v21 { grid-template-columns: 1fr; }
  .landing-hero-media-v21, .landing-hero-media-v21 img { height: 460px; min-height: 0; }
  .landing-services-v21 { grid-template-columns: 1fr 1fr; }
  .landing-service-card-v21:last-child { grid-column: 1 / -1; }
  .landing-steps-v21 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  .landing-v21-body .topbar { padding: 14px 16px; }
  .landing-v21-body main { width: min(100% - 20px, 1320px); padding-top: 16px; }
  .landing-hero-v21 { padding: 24px; border-radius: 30px; gap: 24px; min-height: auto; }
  .landing-hero-copy-v21 h1 { font-size: 40px; }
  .landing-hero-copy-v21 p { font-size: 16px; }
  .landing-hero-media-v21, .landing-hero-media-v21 img { height: 350px; }
  .landing-commission-v21 { width: 174px; right: 14px; top: 14px; padding: 18px; border-radius: 22px; }
  .landing-commission-v21 b { font-size: 42px; }
  .landing-photo-label-v21 { left: 14px; right: 14px; bottom: 14px; max-width: none; }
  .landing-services-v21, .landing-steps-v21 { grid-template-columns: 1fr; }
  .landing-benefits-v21, .landing-calc-wrap-v21 { padding: 22px; border-radius: 28px; }
  .landing-section-head-v21 h2, .landing-calc-info-v21 h2, .landing-calc-title-v21 h2 { font-size: 32px; }
  .landing-trust-v21 { display: grid; }
  .landing-service-card-v21 img { height: 150px; }
}

/* v22: simplified 3-step order wizard and multi-item request UI */
.order-items-list{display:grid;gap:18px;margin-bottom:16px}
.order-item-card{border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#fff,#fbfcff);padding:20px;box-shadow:0 14px 34px rgba(15,23,42,.05)}
.item-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.item-head b{display:block;font-size:19px;letter-spacing:-.02em}
.item-head small{display:block;color:var(--muted);font-weight:800;margin-top:2px}
.item-grid{grid-template-columns:1.25fr 1fr 120px 150px;align-items:end}
.item-grid .wide{grid-column:1/-1}
.add-item-btn{margin-top:4px;border-style:dashed;width:100%;padding:16px;border-radius:18px;background:#fff}
.item-preview-box{display:flex;align-items:flex-start;gap:16px;border:1px solid var(--line);background:#f8fafc}
.item-preview-box img{width:96px;height:96px;object-fit:cover;border-radius:16px;border:1px solid var(--line);background:#fff}
.confirm-items{display:grid;gap:12px;margin-bottom:16px}
.confirm-item{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:20px;background:#fff;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}
.confirm-thumb{width:74px;height:74px;border-radius:16px;background:#f1f4f8;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:28px;flex:0 0 auto}
.confirm-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.confirm-item-main{display:grid;gap:4px;min-width:0}
.confirm-item-main b{font-size:17px;line-height:1.22;word-break:break-word}
.confirm-item-main small{color:var(--muted);font-weight:800;line-height:1.35}
.confirm-item-main a{color:var(--red);font-weight:950;font-size:13px;width:max-content}
.order-form-note{margin-top:14px;padding:14px 16px;border-radius:16px;background:#fff8e8;border:1px solid #ffd891;color:#6b4b00;font-weight:800}
.order-wizard-card .confirm-card{grid-template-columns:repeat(5,minmax(0,1fr))}
.order-wizard-card .confirm-card>div{min-height:92px}
.order-wizard-card .wizard-step[data-step="3"] .wizard-title{margin-bottom:18px}
@media(max-width:1050px){.item-grid{grid-template-columns:1fr 1fr}.order-wizard-card .confirm-card{grid-template-columns:1fr 1fr}.confirm-item{align-items:flex-start}}
@media(max-width:680px){.item-grid{grid-template-columns:1fr}.item-preview-box,.confirm-item{flex-direction:column}.confirm-thumb{width:100%;height:160px}.order-wizard-card .confirm-card{grid-template-columns:1fr}.item-head{align-items:flex-start;flex-direction:column}.item-remove{width:100%}}


/* v23: important reminder for splitting orders by store */
.store-split-warning{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:16px 18px;
  margin:0 0 18px;
  border-radius:20px;
  border:1px solid #ffd08a;
  background:linear-gradient(135deg,#fff8e8,#fffdf7);
  color:#583b00;
  box-shadow:0 12px 28px rgba(245,158,11,.10);
}
.store-split-warning-icon{
  width:30px;
  height:30px;
  border-radius:50%;
  background:#f59e0b;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:1000;
  flex:0 0 auto;
  box-shadow:0 8px 18px rgba(245,158,11,.25);
}
.store-split-warning b{
  display:block;
  font-size:16px;
  color:#111827;
  margin-bottom:4px;
}
.store-split-warning p{
  margin:0;
  font-size:14px;
  line-height:1.45;
  font-weight:800;
  color:#6b4b00;
}
.store-split-warning.is-danger{
  border-color:#ff99a7;
  background:linear-gradient(135deg,#fff1f3,#fff7f8);
  color:#7f1d1d;
}
.store-split-warning.is-danger .store-split-warning-icon{
  background:var(--red);
  box-shadow:0 8px 18px rgba(231,29,54,.22);
}
.store-split-warning.is-danger p{color:#7f1d1d}
@media(max-width:680px){.store-split-warning{padding:14px;border-radius:18px}.store-split-warning b{font-size:15px}.store-split-warning p{font-size:13px}}