: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:10px}.option-row{display:flex;gap:10px;align-items:center}.option-row input{flex:1}.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{max-width:720px;margin:0 auto;padding:32px 20px 80px}.public-hero{text-align:center}.hero-img{width:100%;max-height:360px;border-radius:18px;object-fit:cover;margin-top:20px}.order-card{background:#fff;border-radius:24px;padding:24px;margin-top:24px;box-shadow:0 20px 45px #00000014}.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 #e4e7ec;border-radius:12px;padding:10px 12px;background:#fff;cursor:pointer}.landing-option-btn.active{border-color:#14532d;box-shadow:inset 0 0 0 1px #14532d;background:#f8fafc}.payment-option-btn{background:#f2f4f7;justify-content:flex-start}.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 #e4e7ec;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}