:root{font-family:Inter,system-ui,sans-serif;color:#101828;background:#f5f5f7;--dropdown-bg: #f2f4f7}body,#root{margin:0;min-height:100vh}.auth-wrapper{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(83,91,255,.08),transparent 40%),#0f1115;padding:16px}.auth-card{background:#fff;padding:32px;border-radius:24px;width:min(420px,90%);box-shadow:0 25px 60px #0a0b1059;display:grid;gap:16px}.mode-switch{display:flex;gap:10px}.mode-switch button{flex:1;padding:10px;border-radius:12px;border:1px solid #d0d5dd;background:#f8f9fc;cursor:pointer}.mode-switch button.active{background:#101828;color:#fff;border-color:#101828}.form{display:grid;gap:12px}label{display:grid;gap:4px;font-size:14px}input,select,textarea{border-radius:12px;border:1px solid #d0d5dd;padding:10px 12px;font-size:15px}input,textarea{background:#fff}select{background:var(--dropdown-bg)}button.primary{background:#101828;color:#fff;border:none;border-radius:12px;padding:12px;cursor:pointer}button.ghost{background:transparent;border:1px solid #d0d5dd;border-radius:12px;padding:8px 16px;cursor:pointer}button.ghost.warning{background:#fef3c7;border-color:#f59e0b;color:#92400e}.hidden-input{display:none}.error{color:#d92d20}.input-invalid{border-color:#d92d20!important;box-shadow:0 0 0 1px #d92d2026}.muted{color:#475467}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:#0f1115;color:#f4f4f8;padding:28px 24px;display:flex;flex-direction:column;gap:24px}.sidebar-brand{display:grid;gap:4px}.sidebar-brand span{font-weight:600}.sidebar-brand small{color:#94a3b8}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.sidebar-group{display:flex;flex-direction:column;gap:6px}.sidebar-item,.sidebar-item.child{text-align:left;border:1px solid transparent;border-radius:12px;padding:10px 12px;background:transparent;color:inherit;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px}.sidebar-label-wrap{display:inline-flex;align-items:center;gap:8px}.sidebar-alert-badge{width:18px;height:18px;border-radius:999px;background:#ef4444;color:#111827;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;line-height:1}.sidebar-item.active,.sidebar-item.child.active{background:#ffffff1f;border-color:#fff3}.sidebar-item.child{margin-left:12px;font-size:14px;color:#cbd5f5}.sidebar-children{display:flex;flex-direction:column;gap:4px;margin-left:8px;padding-left:8px;border-left:1px solid rgba(255,255,255,.12)}.chevron{transition:transform .2s ease;font-size:18px;color:#ffffffb3;cursor:pointer}.chevron.open{transform:rotate(90deg)}.sidebar-logout{background:#ef4444;border:none;border-radius:12px;padding:10px;color:#fff;cursor:pointer}.app-main{flex:1;padding:32px 28px 64px;overflow-y:auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center}.panel-card{background:#fff;border-radius:24px;padding:24px;margin-top:24px;box-shadow:0 20px 45px #0f111514}.panel-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px}.ghostless{border:none}.landing-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.landing-item{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;border:1px solid #e4e7ec;border-radius:14px;padding:10px 12px;background:#fff}.landing-thumb{width:56px;height:56px;border-radius:12px;background:#f2f4f7;display:grid;place-items:center;overflow:hidden;color:#667085;font-size:12px;font-weight:600}.landing-thumb img{width:100%;height:100%;object-fit:cover}.landing-meta{display:grid;gap:4px}.landing-actions{display:flex;align-items:center;gap:10px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:20px}.stat-card{padding:16px;border-radius:20px;background:#f8fafc;border:1px solid #e4e7ec;display:grid;gap:4px}.stat-card strong{font-size:28px}.stat-card span{font-size:13px;color:#475467}.user-table{overflow-x:auto}.user-table table{width:100%;border-collapse:collapse;font-size:14px}.user-table th,.user-table td{padding:10px 8px;border-bottom:1px solid #e4e7ec;text-align:left}.role-badges{display:flex;flex-wrap:wrap;gap:6px}.role-badge{padding:4px 8px;border-radius:999px;font-size:12px;background:#e0f2fe;color:#0369a1}.role-badge.muted{background:#f1f5f9;color:#475467}.status-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.status-pill.active{background:#dcfce7;color:#15803d}.status-pill.locked{background:#fef3c7;color:#92400e}.status-pill.inactive{background:#fee2e2;color:#b91c1c}.product-form .grid{display:grid;gap:12px}.product-form .grid.two-col{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.product-form .grid.three-col{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.product-form small{font-size:12px}.product-table{margin-top:24px;overflow-x:auto}.product-table table{width:100%;border-collapse:collapse;font-size:14px}.product-table th,.product-table td{border-bottom:1px solid #e4e7ec;text-align:left;padding:8px 6px}.product-thumb{width:56px;height:56px;border-radius:12px;background:#f2f4f7;display:grid;place-items:center;overflow:hidden}.product-thumb img{width:100%;height:100%;object-fit:cover}.thumb-placeholder{color:#94a3b8;font-size:12px}.orders-table{margin-top:16px;overflow-x:auto}.orders-table table{width:100%;border-collapse:collapse;font-size:14px}.orders-table th,.orders-table td{padding:10px 8px;border-bottom:1px solid #e4e7ec;text-align:left}.order-row.free{background:#ecfdf5}.order-row.locked{background:#fef9c3}.order-clickable{cursor:pointer}.order-clickable:hover{filter:brightness(.98)}.history-chevron{border:1px solid #d0d5dd;background:#fff;border-radius:8px;width:28px;height:28px;cursor:pointer;line-height:1;transition:transform .15s ease}.history-chevron.open{transform:rotate(90deg)}.history-detail-row td{background:#f8fafc;font-size:13px;color:#334155}.order-change-star{border:none;background:transparent;color:#f59e0b;cursor:pointer;font-size:16px;padding:0 4px;line-height:1}.order-change-warning{border:none;background:transparent;color:#dc2626;cursor:pointer;font-size:18px;font-weight:800;padding:0 4px;line-height:1}.order-controls{display:flex;align-items:center;gap:12px}.history-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:12px}.history-bulk-actions{display:flex;align-items:end;gap:10px;margin-bottom:12px}.history-bulk-actions label{display:grid;gap:6px}.cargo-settings-form{display:grid;gap:10px;margin-bottom:16px;padding:12px;border:1px solid #e4e7ec;border-radius:12px;background:#f8fafc}.settings-subcard{margin-top:12px}.settings-subcard-actions{margin-bottom:12px}.order-phone-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.order-phone-row input,.order-phone-row select{flex:1 1 180px;min-width:0}.order-phone-row>*{min-width:0}.order-sales-row{flex-wrap:nowrap}.order-sales-row .search-select{flex:1 1 240px}.order-sales-row button.ghost{flex:0 0 auto;white-space:nowrap}.lock-toggle{min-width:44px;padding:8px 10px;font-size:16px}.lock-toggle.closed{background:#e5e7eb;border-color:#cbd5e1}.lock-toggle.open{background:#86efac;border-color:#22c55e}.order-sales-row select{flex:1 1 210px}.order-sales-row input{flex:0 0 130px}.search-select{position:relative;flex:1 1 220px;min-width:0}.search-select-trigger{width:100%;border-radius:12px;border:1px solid #d0d5dd;padding:10px 12px;font-size:15px;text-align:left;background:var(--dropdown-bg);cursor:pointer}.search-select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--dropdown-bg);border:1px solid #d0d5dd;border-radius:12px;box-shadow:0 10px 25px #10182824;padding:8px;z-index:30}.order-sales-row .search-select-menu{width:130%;right:auto}.search-select-menu input{width:100%;margin-bottom:8px;box-sizing:border-box}.search-select-list{max-height:190px;overflow-y:auto;display:grid;gap:6px}.search-select-item{border:1px solid #e4e7ec;border-radius:8px;background:var(--dropdown-bg);padding:8px 10px;text-align:left;cursor:pointer;font-size:14px}.search-select-item:hover{background:#f8fafc}.modal-card .search-select-list{gap:4px}.modal-card .search-select-item{width:100%;min-height:30px;padding:5px 8px;font-size:13px;border-radius:8px}.modal-card .search-select-item.checkbox{display:flex;align-items:center;gap:6px}.modal-card .search-select-item.checkbox input{width:14px;height:14px;margin:0;flex:0 0 auto}.filter-toggle{display:inline-flex;border:1px solid #d0d5dd;border-radius:999px;overflow:hidden}.filter-toggle button{border:none;background:transparent;padding:6px 18px;font-size:13px;cursor:pointer}.filter-toggle button.active{background:#101828;color:#fff}.table-actions{display:flex;gap:8px}.pagination-controls{margin-top:14px;align-items:center}.pagination-controls .ghost{display:inline-flex;align-items:center;justify-content:center;min-height:38px;line-height:1}.link-btn{border:none;background:transparent;color:#2563eb;cursor:pointer;font-size:13px;padding:0}.link-btn.danger{color:#dc2626}.option-group{margin-top:24px;padding-top:16px;border-top:1px solid #e4e7ec}.option-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.variant-header-inline{display:inline-flex;align-items:center;gap:12px}.variant-switch{width:48px;height:18px;border-radius:999px;border:2px solid #0f172a;background:#fff;display:inline-flex;align-items:center;justify-content:space-between;padding:5px;cursor:pointer;transition:all .2s ease}.variant-switch .variant-switch-label{font-size:12px;font-weight:400;line-height:1;width:80px;text-align:center}.variant-switch .variant-switch-knob{width:12px;height:18px;border-radius:999px;transition:transform .2s ease,background-color .2s ease}.variant-switch.on{background:#000;color:#fff}.variant-switch.on .variant-switch-knob{background:#fff;transform:translate(0)}.variant-switch.off{background:#fff;color:#000;flex-direction:row-reverse}.variant-switch.off .variant-switch-knob{background:#000;transform:translate(0)}.option-list{display:flex;flex-direction:column;gap:16px}.option-card{display:grid;gap:16px;padding:18px;border:1px solid var(--preview-card-border, #d0d5dd);border-radius:18px;background:var(--preview-card-bg, #fcfcfd)}.option-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.option-card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.option-reset-btn{white-space:nowrap}.option-card-header strong{display:block;color:var(--preview-card-text, #101828)}.option-card-header p{margin:4px 0 0;color:var(--preview-card-muted, #667085);font-size:13px}.option-section-grid{display:grid;gap:14px}.option-section{padding:14px;border-radius:14px;border:1px solid var(--preview-section-border, #eaecf0);background:var(--preview-section-bg, #fff)}.option-section h4{margin:0 0 12px;font-size:14px;color:var(--preview-card-text, #101828)}.option-fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));column-gap:30px;row-gap:12px;align-items:end}.option-fields-grid-basic{grid-template-columns:minmax(180px,1.35fr) minmax(120px,1fr) minmax(120px,1fr) minmax(90px,.7fr) minmax(180px,1fr) 62px 62px 62px}.option-fields-grid label,.option-style-grid label{display:grid;gap:6px}.option-badge-row{display:contents}.option-badge-name,.option-badge-color{display:grid;gap:6px;min-width:0}.option-badge-color input[type=color]{width:100%;min-width:0;height:42px;min-height:42px;padding:4px;border-radius:10px;border:1px solid var(--preview-section-border, #eaecf0);background:var(--preview-section-bg, #fff)}.option-fields-grid span,.option-style-grid span{font-size:12px;font-weight:700;color:var(--preview-card-muted, #475467)}.option-badge-name span,.option-badge-color span{font-size:11px;font-weight:700;color:var(--preview-card-muted, #475467)}.option-fields-grid input,.option-fields-grid select{width:100%;min-width:0}.option-badge-name select{width:100%;min-width:0;height:42px}.option-style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.option-style-grid input[type=color]{width:100%;min-height:42px;padding:4px}.option-toggle-row{margin-top:12px;display:flex;flex-wrap:wrap;gap:12px}.landing-theme-preview{--preview-bg: #f8fafc;--preview-border: #d0d5dd;--preview-text: #101828;--preview-muted: #667085;--preview-card-bg: #fcfcfd;--preview-card-border: #d0d5dd;--preview-card-text: #101828;--preview-card-muted: #667085;--preview-section-bg: #fff;--preview-section-border: #eaecf0;background:radial-gradient(circle at top,rgba(20,83,45,.08),transparent 35%),var(--preview-bg);border-color:var(--preview-border);color:var(--preview-text)}.landing-theme-preview-hero{padding:14px 16px;border-radius:14px;border:1px solid var(--preview-card-border);background:var(--preview-card-bg)}.landing-theme-preview-hero strong{display:block;color:var(--preview-card-text)}.landing-theme-preview-hero p{margin:6px 0 0;color:var(--preview-card-muted);font-size:13px}.landing-theme-preview-ivory{--preview-bg: #f6f1e8;--preview-border: rgba(63, 90, 64, .22);--preview-text: #1f2937;--preview-muted: #6b7280;--preview-card-bg: #fffdfa;--preview-card-border: rgba(63, 90, 64, .2);--preview-card-text: #1f2937;--preview-card-muted: #6b7280;--preview-section-bg: #fff;--preview-section-border: rgba(63, 90, 64, .14);background:radial-gradient(circle at top,rgba(63,90,64,.14),transparent 35%),var(--preview-bg)}.landing-theme-preview-slate{--preview-bg: #e8eef4;--preview-border: rgba(31, 58, 95, .18);--preview-text: #0f172a;--preview-muted: #475569;--preview-card-bg: #f8fbff;--preview-card-border: rgba(31, 58, 95, .16);--preview-card-text: #0f172a;--preview-card-muted: #475569;--preview-section-bg: #fff;--preview-section-border: rgba(31, 58, 95, .12);background:radial-gradient(circle at top,rgba(31,58,95,.14),transparent 35%),var(--preview-bg)}.landing-theme-preview-black{--preview-bg: #030712;--preview-border: rgba(20, 83, 45, .45);--preview-text: #f8fafc;--preview-muted: #cbd5e1;--preview-card-bg: #111827;--preview-card-border: rgba(20, 83, 45, .36);--preview-card-text: #f8fafc;--preview-card-muted: #cbd5e1;--preview-section-bg: rgba(15, 23, 42, .92);--preview-section-border: rgba(148, 163, 184, .18);background:radial-gradient(circle at top,rgba(20,83,45,.28),transparent 35%),var(--preview-bg)}.landing-theme-preview-black label,.landing-theme-preview-black span,.landing-theme-preview-black legend,.landing-theme-preview-black .muted{color:#e5e7eb}.landing-theme-preview-black .option-badge-color input[type=color]{border-color:#94a3b82e;background:#0f172aeb}@media(max-width:960px){.option-fields-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media(max-width:1100px){.option-fields-grid-basic{grid-template-columns:repeat(4,minmax(140px,1fr))}}@media(max-width:720px){.option-fields-grid-basic{grid-template-columns:repeat(2,minmax(0,1fr))}}.checkbox-inline{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#344054;padding:8px 10px;border-radius:10px;border:1px solid #eaecf0;background:#f8fafc}.remove-btn{border:none;background:transparent;color:#d92d20;cursor:pointer;font-size:13px;padding:0 6px}.option-group button.ghostless{border:1px dashed #d0d5dd;padding:6px 12px;border-radius:8px;background:transparent;cursor:pointer}.image-upload{margin-top:16px;display:grid;gap:8px}.image-preview{width:200px;height:130px;border-radius:14px;border:1px solid #e4e7ec;overflow:hidden;background:#fff}.image-preview img{width:100%;height:100%;object-fit:cover}.modal-backdrop{position:fixed;inset:0;background:#0f1114a6;display:grid;place-items:center;z-index:20;padding:16px}.modal-card{background:#fff;border-radius:24px;width:min(572px,95%);padding:24px;max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:0 30px 80px #0f11154d;display:grid;gap:16px}@media(max-width:720px){.order-sales-row{flex-wrap:wrap}}.modal-card header{display:flex;justify-content:space-between;align-items:center}.cargo-company-modal{width:min(460px,95%)}.order-detail-list{display:grid;gap:10px}.order-detail-row{display:grid;gap:4px;padding-bottom:8px;border-bottom:1px solid #e4e7ec}.order-detail-row strong{font-size:13px;color:#344054}.order-detail-row span{font-size:14px;color:#101828}.role-selector{border:1px solid #e4e7ec;border-radius:16px;padding:12px;display:grid;gap:8px}.role-selector legend{font-weight:600;margin-bottom:4px}.checkbox{display:flex;gap:6px;font-size:14px}.checkbox input{width:16px}.activity-panel{margin-top:24px}.activity-table{overflow-x:auto}.activity-table table{width:100%;border-collapse:collapse;font-size:14px}.activity-table th,.activity-table td{padding:10px 8px;border-bottom:1px solid #e4e7ec;text-align:left}.activity-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.activity-list li{display:flex;justify-content:space-between;border-bottom:1px dashed #e4e7ec;padding-bottom:12px}.activity-list li:last-child{border-bottom:none}.approval-note{margin-bottom:12px}.approval-note label{display:grid;gap:6px}.approval-table{overflow-x:auto}.approval-table table{width:100%;border-collapse:collapse;font-size:14px}.approval-table th,.approval-table td{padding:10px 8px;border-bottom:1px solid #e4e7ec;text-align:left}.approval-table tr.stock-alarm-row td{background:#fff7cc}.approval-table tr.stock-negative-row td{background:#ffe3e3}.status-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.status-chip.pending,.status-chip.unreachable{background:#fef3c7;color:#92400e}.status-chip.approved{background:#dcfce7;color:#15803d}.status-chip.package{background:#e0f2fe;color:#0369a1}.status-chip.cargo{background:#ede9fe;color:#5b21b6}.status-chip.procurement{background:#fef3c7;color:#b45309}.status-chip.rejected,.status-chip.cancelled{background:#fee2e2;color:#b91c1c}.status-chip.delivered{background:#e0f2fe;color:#0369a1}.status-chip.returned{background:#ffedd5;color:#c2410c}.public{--landing-bg: #030712;--landing-bg-secondary: #111827;--landing-bg-accent: rgba(20, 83, 45, .34);--landing-text: #f8fafc;--landing-muted: #cbd5e1;--landing-card-bg: rgba(17, 24, 39, .92);--landing-card-border: rgba(20, 83, 45, .6);--landing-card-shadow: 0 24px 60px rgba(0, 0, 0, .35);--landing-input-bg: #030712;--landing-input-border: rgba(148, 163, 184, .25);--landing-input-text: #f8fafc;--landing-accent: #14532d;--landing-accent-soft: #86efac;--landing-accent-strong: #064e3b;--landing-option-bg: #111827;--landing-option-border: rgba(148, 163, 184, .25);--landing-option-active-bg: linear-gradient(180deg, rgba(20, 83, 45, .55) 0%, rgba(6, 78, 59, .88) 100%);--landing-option-active-border: #86efac;--landing-option-active-shadow: 0 18px 34px rgba(0, 0, 0, .42), inset 0 0 0 2px rgba(134, 239, 172, .88);--landing-badge-bg: rgba(20, 83, 45, .18);--landing-badge-border: rgba(134, 239, 172, .35);--landing-badge-text: #86efac;max-width:720px;margin:0 auto;padding:32px 20px 80px;color:var(--landing-text);background:radial-gradient(circle at top,var(--landing-bg-accent),transparent 32%),linear-gradient(180deg,var(--landing-bg) 0%,var(--landing-bg-secondary) 100%);min-height:100vh}.public-theme-black{--landing-bg: #030712;--landing-bg-secondary: #111827;--landing-bg-accent: rgba(20, 83, 45, .34);--landing-text: #f8fafc;--landing-muted: #cbd5e1;--landing-card-bg: rgba(17, 24, 39, .92);--landing-card-border: rgba(20, 83, 45, .6);--landing-card-shadow: 0 24px 60px rgba(0, 0, 0, .35);--landing-input-bg: #030712;--landing-input-border: rgba(148, 163, 184, .25);--landing-input-text: #f8fafc;--landing-accent: #14532d;--landing-accent-soft: #86efac;--landing-accent-strong: #064e3b;--landing-option-bg: #111827;--landing-option-border: rgba(148, 163, 184, .25);--landing-option-active-bg: linear-gradient(180deg, rgba(20, 83, 45, .55) 0%, rgba(6, 78, 59, .88) 100%);--landing-option-active-border: #86efac;--landing-option-active-shadow: 0 18px 34px rgba(0, 0, 0, .42), inset 0 0 0 2px rgba(134, 239, 172, .88);--landing-badge-bg: rgba(20, 83, 45, .18);--landing-badge-border: rgba(134, 239, 172, .35);--landing-badge-text: #86efac}.public-theme-ivory{--landing-bg: #f6f1e8;--landing-bg-secondary: #efe6d8;--landing-bg-accent: rgba(63, 90, 64, .18);--landing-text: #1f2937;--landing-muted: #6b7280;--landing-card-bg: rgba(255, 253, 248, .96);--landing-card-border: rgba(63, 90, 64, .22);--landing-card-shadow: 0 24px 60px rgba(113, 88, 52, .14);--landing-input-bg: #fffdfa;--landing-input-border: rgba(63, 90, 64, .18);--landing-input-text: #1f2937;--landing-accent: #3f5a40;--landing-accent-soft: #d9c7a3;--landing-accent-strong: #2f4731;--landing-option-bg: #fffdfa;--landing-option-border: rgba(63, 90, 64, .18);--landing-option-active-bg: linear-gradient(180deg, #f8f4ea 0%, #e8efe3 100%);--landing-option-active-border: #3f5a40;--landing-option-active-shadow: 0 14px 28px rgba(63, 90, 64, .16), inset 0 0 0 2px rgba(63, 90, 64, .28);--landing-badge-bg: rgba(63, 90, 64, .1);--landing-badge-border: rgba(63, 90, 64, .22);--landing-badge-text: #2f4731}.public-theme-slate{--landing-bg: #e8eef4;--landing-bg-secondary: #d9e4ef;--landing-bg-accent: rgba(31, 58, 95, .16);--landing-text: #0f172a;--landing-muted: #475569;--landing-card-bg: rgba(248, 251, 255, .96);--landing-card-border: rgba(31, 58, 95, .18);--landing-card-shadow: 0 24px 60px rgba(31, 58, 95, .14);--landing-input-bg: #f8fbff;--landing-input-border: rgba(31, 58, 95, .16);--landing-input-text: #0f172a;--landing-accent: #1f3a5f;--landing-accent-soft: #99c9c6;--landing-accent-strong: #16324b;--landing-option-bg: #f8fbff;--landing-option-border: rgba(31, 58, 95, .16);--landing-option-active-bg: linear-gradient(180deg, #eff5fb 0%, #dbe9f6 100%);--landing-option-active-border: #1f3a5f;--landing-option-active-shadow: 0 14px 28px rgba(31, 58, 95, .18), inset 0 0 0 2px rgba(31, 58, 95, .24);--landing-badge-bg: rgba(31, 58, 95, .09);--landing-badge-border: rgba(31, 58, 95, .18);--landing-badge-text: #16324b}.public-hero{text-align:center}.hero-img{width:100%;max-height:360px;border-radius:18px;object-fit:cover;margin-top:20px}.order-card{background:var(--landing-card-bg);color:var(--landing-text);border:1px solid var(--landing-card-border);border-radius:24px;padding:24px;margin-top:24px;box-shadow:var(--landing-card-shadow)}.order-card p,.order-card span,.order-card label,.order-card h3,.public-hero h1,.public p{color:var(--landing-text)}.public .muted,.order-card .muted{color:var(--landing-muted)}.order-card input,.order-card textarea,.order-card select{background:var(--landing-input-bg);color:var(--landing-input-text);border-color:var(--landing-input-border)}.landing-sales-options{list-style:none;padding:0;margin:0;display:grid;gap:8px}.landing-sales-options li{margin:0}.landing-option-btn{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--landing-option-border);border-radius:12px;padding:10px 12px;background:var(--landing-option-bg);color:var(--landing-text);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.landing-option-copy{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left}.landing-option-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 10px;border-radius:8px;background:var(--landing-badge-bg);border:1px solid var(--landing-badge-border);color:var(--landing-badge-text);font-size:12px;font-weight:700}.landing-option-price-group{display:inline-flex;align-items:center;gap:10px;justify-content:flex-end;text-align:right}.landing-option-btn.active{border-color:var(--landing-option-active-border);box-shadow:var(--landing-option-active-shadow);background:var(--landing-option-active-bg);transform:translateY(-1px)}.payment-option-btn{justify-content:flex-start;min-height:84px;padding:16px 18px}.landing-payment-options{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-option-content{display:inline-flex;align-items:center;gap:10px}.payment-option-icon{width:20px;height:20px;flex:0 0 20px}.landing-creatives{margin-top:24px;display:grid;gap:16px}.landing-creatives-no-offset{margin-top:0}.landing-creatives img{width:100%;border-radius:16px;border:1px solid var(--landing-card-border);display:block}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.order-success-popup-backdrop{position:fixed;inset:0;z-index:1200;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px}.order-success-popup-card{position:relative;width:min(92vw,520px)}.order-success-popup-card img{width:100%;display:block;border-radius:14px}.order-success-popup-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:999px;border:none;background:#fff;color:#fff;font-size:18px;line-height:1;cursor:pointer;text-shadow:0 0 4px rgba(0,0,0,.9);box-shadow:0 2px 8px #00000059}.agreement-consent{display:flex;align-items:flex-start;gap:10px}.agreement-consent input[type=checkbox]{margin-top:2px;width:16px;height:16px}.agreement-link-btn{border:none;background:transparent;color:#1d4ed8;text-decoration:underline;cursor:pointer;padding:0;font:inherit}.agreement-popup-card{position:relative;width:min(92vw,720px);max-height:82vh;overflow:auto;background:#fff;border-radius:14px;padding:20px}.agreement-popup-card h3{margin:0 0 12px;padding-right:36px}.agreement-popup-card pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:14px;line-height:1.5}.domain-ns-list{margin:10px 0 0;padding-left:20px;display:grid;gap:6px}.domain-ns-list code{font-size:13px;background:#f2f4f7;border:1px solid #e4e7ec;border-radius:8px;padding:4px 8px;display:inline-block}