:root{--primary:#00a86b;--primary-dark:#008857;--primary-soft:#e9f8f1;--ink:#17202a;--text:#334155;--muted:#64748b;--line:#e2e8f0;--surface:#fff;--background:#f6f8f7;--danger:#e11d48;--warning:#d97706;--blue:#2563eb;--violet:#7c3aed;--sidebar:260px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--background)}button,input,select,textarea{font:inherit}svg{width:18px;height:18px;stroke-width:2}.system-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);height:100vh;background:#fff;border-right:1px solid var(--line);padding:24px 16px 18px;display:flex;flex-direction:column;z-index:1050}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:0 8px}.system-brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-weight:800;font-size:15px;letter-spacing:-.02em}.system-brand small{display:block;color:var(--primary);font-size:10px;font-weight:600;letter-spacing:0;margin-top:3px}.brand-icon{width:40px;height:40px;display:grid;place-items:center;background:var(--primary);color:#fff;border-radius:11px}.brand-icon svg{width:21px;height:21px}.sidebar-close{display:none;border:0;background:none}.sidebar-nav{display:flex;flex-direction:column;gap:4px;margin-top:34px}.nav-label{color:#a0aec0;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:10px;padding:15px 12px 6px}.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;text-decoration:none;color:#64748b;font-size:13px;font-weight:600;transition:.15s}.sidebar-nav a svg{width:19px;height:19px}.sidebar-nav a:hover{background:#f3f7f5;color:var(--ink)}.sidebar-nav a.active{background:var(--primary-soft);color:var(--primary);font-weight:700}.sidebar-help{display:flex;align-items:center;gap:9px;padding:12px;background:#f8faf9;border:1px solid #edf2ef;border-radius:12px;margin-top:auto;color:#64748b}.sidebar-help>svg:first-child{color:var(--primary)}.sidebar-help>svg:last-child{width:15px;margin-left:auto}.sidebar-help div{min-width:0}.sidebar-help strong,.sidebar-help small{display:block;font-size:11px}.sidebar-help small{font-size:9px;color:#94a3b8;margin-top:2px}.sidebar-user{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:16px 5px 0;margin-top:14px;font-size:11px}.sidebar-user>div:nth-child(2){min-width:0;flex:1}.sidebar-user strong,.sidebar-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user small{font-size:9px;color:#94a3b8;margin-top:2px}.sidebar-user>a{color:#94a3b8;padding:5px}.avatar,.header-avatar{flex:0 0 auto;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#dcf5eb;color:var(--primary-dark);font-weight:800}.avatar.lg{width:46px;height:46px}.avatar.xl{width:72px;height:72px;font-size:25px}.sidebar-scrim{display:none}.system-main{width:calc(100% - var(--sidebar));margin-left:var(--sidebar)}.system-header{height:66px;position:sticky;top:0;z-index:1030;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:0 30px;display:flex;align-items:center;justify-content:space-between}.header-left,.header-actions,.breadcrumbs,.view-site,.header-icon{display:flex;align-items:center}.breadcrumbs{gap:8px;font-size:12px}.breadcrumbs span{color:#94a3b8}.breadcrumbs svg{width:14px;color:#cbd5e1}.breadcrumbs strong{color:var(--ink)}.header-actions{gap:10px}.view-site{gap:7px;color:#475569;text-decoration:none;font-size:12px;font-weight:600;border:1px solid var(--line);padding:8px 11px;border-radius:9px;background:#fff}.header-icon{position:relative;justify-content:center;width:36px;height:36px;color:#64748b;text-decoration:none;border-radius:9px}.header-icon:hover{background:#f1f5f3}.header-icon span{position:absolute;right:7px;top:6px;width:6px;height:6px;background:var(--primary);border:1px solid #fff;border-radius:50%}.header-avatar{width:34px;height:34px;font-size:12px}.menu-toggle{display:none;border:0;background:none;color:var(--ink)}.system-content{max-width:1500px;margin:auto;padding:30px}.toast-stack{position:fixed;top:80px;right:24px;z-index:1080;width:min(420px,calc(100% - 48px))}.toast-stack .alert{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);box-shadow:0 15px 45px rgba(15,23,42,.12);font-size:13px}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.page-title.compact{margin-top:16px}.page-title p,.panel-head>div>span,.modal-kicker{color:var(--primary);text-transform:uppercase;letter-spacing:.11em;font-weight:800;font-size:10px;margin:0 0 6px}.page-title h1{font-size:29px;line-height:1.15;letter-spacing:-.04em;color:var(--ink);font-weight:800;margin:0}.page-title>div>span{display:block;color:var(--muted);font-size:13px;margin-top:7px}.page-actions{display:flex;gap:10px}.btn-primary-system,.btn-secondary-system{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:10px 15px;border:1px solid transparent;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer;transition:.15s}.btn-primary-system{background:var(--primary);color:#fff;box-shadow:0 8px 20px rgba(0,168,107,.18)}.btn-primary-system:hover{background:var(--primary-dark);color:#fff;transform:translateY(-1px)}.btn-secondary-system{background:#fff;color:#475569;border-color:var(--line)}.btn-secondary-system:hover{background:#f8faf9;color:var(--ink)}.btn-primary-system.small{padding:8px 11px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px}.metric-grid.three{grid-template-columns:repeat(3,1fr)}.metric{display:flex;align-items:center;gap:14px;padding:19px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 1px 2px rgba(15,23,42,.02)}.metric-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto}.metric-icon.mint{background:#e7f8f0;color:var(--primary)}.metric-icon.blue{background:#e9f1ff;color:var(--blue)}.metric-icon.amber{background:#fff3df;color:var(--warning)}.metric-icon.violet{background:#f1eaff;color:var(--violet)}.metric-icon.rose{background:#ffe8ee;color:var(--danger)}.metric small,.metric strong,.metric em{display:block}.metric small{color:var(--muted);font-size:11px;font-weight:600}.metric strong{font-size:23px;color:var(--ink);line-height:1.1;margin:4px 0}.metric em{font-style:normal;color:#94a3b8;font-size:9px}.section-head{display:flex;align-items:end;justify-content:space-between;margin:4px 0 15px}.section-head h2,.panel-head h2{font-size:16px;color:var(--ink);font-weight:800;margin:0}.section-head p{font-size:12px;color:var(--muted);margin:4px 0 0}.category-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category-admin-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--text);transition:.18s}.category-admin-card:hover{color:var(--text);border-color:#9cd9c2;box-shadow:0 14px 35px rgba(15,23,42,.07);transform:translateY(-3px)}.category-cover{height:120px;background:#eaf6f1;position:relative;overflow:hidden}.category-cover img{width:100%;height:100%;object-fit:cover;opacity:.35;filter:saturate(.7)}.category-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,168,107,.15),transparent)}.category-icon{position:absolute;left:18px;bottom:16px;width:42px;height:42px;display:grid;place-items:center;background:#fff;color:var(--primary);border-radius:12px;box-shadow:0 8px 24px rgba(15,23,42,.12)}.category-body{display:flex;align-items:center;justify-content:space-between;padding:17px 18px 11px}.category-body small,.product-info>small{display:block;color:var(--primary);font-size:10px;font-weight:600;margin-bottom:3px}.category-body h3,.product-info h3{font-size:15px;color:var(--ink);font-weight:800;margin:0}.round-action,.table-action{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#f4f7f6;color:#64748b;text-decoration:none;flex:0 0 auto}.round-action svg,.table-action svg{width:15px}.category-admin-card:hover .round-action{background:var(--primary);color:#fff}.category-meta{display:flex;border-top:1px solid #edf1ef;padding:11px 18px;gap:18px;font-size:9px;color:#94a3b8}.category-meta strong{color:#475569;font-size:11px}.compact-stats{display:flex;gap:10px;margin:-5px 0 20px}.compact-stats>div{display:flex;align-items:center;gap:8px;padding:9px 13px;background:#fff;border:1px solid var(--line);border-radius:10px}.compact-stats svg{color:var(--primary)}.compact-stats span{font-size:9px;color:#94a3b8}.compact-stats strong{display:block;color:var(--ink);font-size:14px}.panel,.panel-flat{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:0 1px 2px rgba(15,23,42,.02)}.panel-flat{box-shadow:none}.table-panel{padding:0;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.panel-head strong{color:var(--ink)}.panel-head a{display:flex;align-items:center;gap:5px;color:var(--primary);text-decoration:none;font-size:11px;font-weight:700}.panel-head a svg{width:14px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 17px;border-bottom:1px solid var(--line)}.toolbar.panel-flat{margin-bottom:18px;border-bottom:1px solid var(--line)}.toolbar-form{display:flex;gap:9px;align-items:center}.toolbar-form.grow{flex:1}.search-field{min-width:300px;position:relative}.search-field svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;color:#94a3b8}.search-field input,.toolbar select{height:39px;background:#fff;border:1px solid var(--line);border-radius:9px;color:var(--text);font-size:12px;outline:0}.search-field input{width:100%;padding:0 12px 0 37px}.toolbar select{padding:0 34px 0 12px}.search-field input:focus,.toolbar select:focus,.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,168,107,.1)}.result-count{font-size:10px;color:#94a3b8;white-space:nowrap}.product-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.product-admin-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--text);transition:.18s}.product-admin-card:hover{color:var(--text);border-color:#9cd9c2;box-shadow:0 12px 30px rgba(15,23,42,.07);transform:translateY(-2px)}.product-image{height:170px;background:#f1f5f3;position:relative}.product-image img{width:100%;height:100%;object-fit:cover}.image-badge{position:absolute;left:10px;top:10px;background:var(--primary);color:#fff;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:800;text-transform:uppercase}.image-badge.muted{background:#64748b}.product-info{padding:13px 15px 15px}.product-info h3{min-height:36px}.product-info>div{display:flex;align-items:baseline;gap:5px;margin-top:9px}.product-info>div strong{color:var(--ink);font-size:15px}.product-info>div span{font-size:9px;color:#94a3b8}.product-admin-card>.round-action{position:absolute;right:12px;bottom:12px}.needs-price{color:var(--warning)!important;font-size:11px!important}.system-table{width:100%;border-collapse:collapse}.system-table th{padding:11px 15px;background:#fafcfb;border-bottom:1px solid var(--line);color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:800;text-align:left;white-space:nowrap}.system-table td{padding:13px 15px;border-bottom:1px solid #edf1ef;font-size:11px;vertical-align:middle}.system-table tbody tr:hover{background:#fbfdfc}.system-table tbody tr:last-child td{border-bottom:0}.system-table td>strong,.system-table td>small{display:block}.system-table td>strong{color:var(--ink)}.system-table td>small{color:#94a3b8;font-size:9px;margin-top:3px}.system-table td>a:not(.table-action){color:var(--ink);text-decoration:none;font-weight:700}.with-icon,.money-paid{display:inline-flex;align-items:center;gap:6px}.with-icon svg,.money-paid svg{width:14px}.money-due{color:var(--danger)!important}.money-paid{color:var(--primary);font-size:10px;font-weight:700}.status-chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;background:#f1f5f4;color:#64748b;font-size:9px;font-weight:700;white-space:nowrap}.status-chip svg{width:12px;height:12px}.status-chip.success,.status-completed,.status-ready{background:#e8f8f1;color:#008857}.status-chip.warning,.status-hold{background:#fff3df;color:#b96200}.status-cancelled{background:#ffe9ee;color:#be123c}.status-placed,.status-confirmed,.status-pickup{background:#e9f1ff;color:#1d4ed8}.status-received,.status-sorting,.status-cleaning,.status-drying,.status-ironing,.status-quality,.status-packing,.status-delivery{background:#f1eaff;color:#6d28d9}.back-link{display:inline-flex;align-items:center;gap:7px;color:#64748b;text-decoration:none;font-size:11px;font-weight:700}.back-link svg{width:15px}.order-progress{display:flex;align-items:center;gap:17px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px 16px;margin-bottom:18px}.progress-copy{min-width:170px}.progress-copy small{display:block;color:#94a3b8;font-size:9px;margin-top:4px}.progress-line{height:6px;flex:1;background:#edf2ef;border-radius:999px;overflow:hidden}.progress-line span{display:block;height:100%;background:var(--primary);border-radius:999px}.order-progress>strong{color:var(--primary);font-size:10px}.detail-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:20px;overflow:auto}.detail-tabs a{display:flex;align-items:center;gap:7px;color:#64748b;text-decoration:none;padding:11px 13px;border-bottom:2px solid transparent;font-size:11px;font-weight:700;white-space:nowrap}.detail-tabs a svg{width:15px}.detail-tabs a span{background:#edf2f0;border-radius:999px;padding:2px 6px;font-size:8px}.detail-tabs a.active{color:var(--primary);border-color:var(--primary)}.detail-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,.85fr);gap:18px}.detail-side{display:flex;flex-direction:column;gap:14px}.order-item-list>div{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #edf1ef}.item-thumb{width:43px;height:43px;border-radius:10px;background:#f0f5f3;overflow:hidden;display:grid;place-items:center;color:var(--primary)}.item-thumb img{width:100%;height:100%;object-fit:cover}.order-item-list>div>div{flex:1}.order-item-list strong,.order-item-list small{display:block}.order-item-list strong{font-size:11px;color:var(--ink)}.order-item-list small{font-size:9px;color:#94a3b8;margin-top:3px}.order-item-list b{font-size:11px;color:var(--ink)}.invoice-summary{padding-top:12px;margin-left:auto;max-width:270px}.invoice-summary>div{display:flex;justify-content:space-between;padding:5px 0;font-size:10px}.invoice-summary span{color:#64748b}.invoice-summary strong{color:var(--ink)}.invoice-summary .grand{border-top:1px solid var(--line);margin-top:7px;padding-top:10px;font-size:12px}.activity-list>div{display:flex;gap:11px;position:relative;padding-bottom:14px}.activity-list>div:not(:last-child):before{content:"";position:absolute;left:14px;top:28px;bottom:0;width:1px;background:#dbe7e1}.activity-icon{width:29px;height:29px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;z-index:1}.activity-icon svg{width:13px}.activity-list strong,.activity-list p,.activity-list small{display:block;margin:0}.activity-list strong{font-size:11px;color:var(--ink)}.activity-list p{font-size:10px;color:#64748b;margin:2px 0}.activity-list small{font-size:9px;color:#94a3b8}.activity-list.full>div{padding-bottom:22px}.customer-mini,.customer-cell{display:flex;align-items:center;gap:10px}.customer-mini{padding-bottom:14px;border-bottom:1px solid #edf1ef}.customer-mini strong,.customer-mini small,.customer-cell strong,.customer-cell small{display:block}.customer-mini strong,.customer-cell strong{color:var(--ink);font-size:11px}.customer-mini small,.customer-cell small{font-size:9px;color:#94a3b8;margin-top:3px}.info-list{display:grid;gap:12px;margin-top:14px}.info-list>div{display:flex;align-items:flex-start;gap:10px}.info-list>div>svg{width:16px;color:var(--primary);margin-top:2px}.info-list span{font-size:10px;color:var(--text)}.info-list small{display:block;color:#94a3b8;font-size:8px;margin-bottom:2px}.balance-panel>div{display:flex;justify-content:space-between;padding:8px 0;font-size:10px}.balance-panel>div+div{border-top:1px solid var(--line)}.note-copy{font-size:11px;color:#64748b;line-height:1.6;margin:0}.table-product{display:flex;align-items:center;gap:9px}.table-product img{width:38px;height:38px;object-fit:cover;border-radius:8px}.empty-table{text-align:center!important;padding:40px!important;color:#94a3b8!important}.empty-table svg,.empty-table strong,.empty-table span{display:block;margin:4px auto}.empty-table svg{width:30px;height:30px}.empty-state-system{grid-column:1/-1;text-align:center;padding:50px;background:#fff;border:1px dashed #cbd5e1;border-radius:15px;color:#94a3b8}.empty-state-system svg{width:34px;height:34px}.empty-state-system h3{font-size:14px;color:var(--ink);margin:10px 0 4px}.empty-state-system p{font-size:11px}.item-hero{display:grid;grid-template-columns:270px 1fr;gap:23px}.item-hero>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:13px}.item-hero-copy>small{display:block;color:#94a3b8;font-size:9px;margin:16px 0 3px}.item-hero-copy h2,.item-hero-copy h3{margin:0;color:var(--ink);font-weight:800}.item-hero-copy h2{font-size:22px}.item-hero-copy h3{font-size:16px;color:var(--primary)}.badge-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.item-price-block{margin-top:20px;padding:14px;background:#f7faf8;border-radius:11px}.item-price-block span,.item-price-block strong,.item-price-block em{display:block}.item-price-block span{font-size:9px;color:#94a3b8}.item-price-block strong{font-size:23px;color:var(--ink);margin:3px 0}.item-price-block em{font-size:9px;color:#64748b;font-style:normal}.metric-column{display:grid;gap:10px}.detail-side .panel label{display:block;color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;font-size:8px;font-weight:800}.detail-side .panel p{font-size:10px;line-height:1.5;margin:5px 0 14px}.customer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0 24px}.customer-identity{display:flex;align-items:center;gap:16px}.customer-identity h1{font-size:27px;color:var(--ink);font-weight:800;letter-spacing:-.04em;margin:7px 0 2px}.customer-identity p,.customer-number{font-size:10px;color:#94a3b8;margin:0}.history-cards>a{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #edf1ef;text-decoration:none;color:var(--text)}.history-cards>a:last-child{border-bottom:0}.history-cards>a>svg{width:16px;color:#94a3b8}.history-icon{width:40px;height:40px;background:#edf7f2;color:var(--primary);border-radius:10px;display:grid;place-items:center}.history-main{flex:1}.history-main>div{display:flex;align-items:center;gap:7px}.history-main strong{font-size:11px;color:var(--ink)}.history-main p,.history-main small{margin:3px 0 0;font-size:9px;color:#94a3b8}.history-money{text-align:right}.history-money strong,.history-money small{display:block}.history-money strong{color:var(--ink);font-size:12px}.history-money small{font-size:9px;margin-top:3px}.modal-content{border:0;border-radius:17px;box-shadow:0 25px 70px rgba(15,23,42,.18);overflow:hidden}.modal-header,.modal-footer{border-color:var(--line);padding:17px 20px}.modal-body{padding:20px}.modal-title{font-size:18px;color:var(--ink);font-weight:800}.modal-close{border:0;background:#f1f5f3;color:#64748b;width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.form-section+.form-section{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.form-section-title{display:flex;gap:11px;margin-bottom:15px}.form-section-title>svg{color:var(--primary)}.form-section-title h3{font-size:13px;color:var(--ink);margin:0}.form-section-title p{font-size:9px;color:#94a3b8;margin:3px 0 0}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:repeat(3,1fr)}.span-two{grid-column:span 2}.span-three{grid-column:span 3}.field-wrap{margin-bottom:13px}.field-wrap label{display:block;font-size:10px;font-weight:700;color:#475569;margin-bottom:6px}.form-control,.form-select{min-height:40px;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:11px}.form-check-input{width:35px!important;height:19px!important;min-height:auto;border-radius:999px!important}.form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}.switch-row{display:flex;gap:14px;margin-top:20px}.switch-row label{flex:1;display:flex;align-items:center;justify-content:space-between;padding:13px;border:1px solid var(--line);border-radius:11px}.switch-row span{font-size:10px;font-weight:700;color:var(--ink)}.switch-row small{display:block;font-size:8px;color:#94a3b8;font-weight:400;margin-top:3px}.field-error,.form-errors{color:var(--danger);font-size:9px}.form-errors{padding:10px;background:#fff0f3;border-radius:8px;margin-top:15px}.amount-callout{display:flex;justify-content:space-between;padding:12px;background:#f5faf7;border-radius:10px;margin-bottom:15px}.amount-callout span{font-size:10px;color:#64748b}.amount-callout strong{color:var(--ink)}.login-page{display:flex;min-height:100vh;background:#fff;font-family:Inter,sans-serif}.login-art{width:52%;padding:42px;background:linear-gradient(145deg,#052f24,#007c50);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.login-brand{font-weight:800}.login-brand span,.mobile-logo{display:inline-grid;place-items:center;width:42px;height:42px;background:var(--primary);border-radius:11px;margin-right:7px}.login-art h1{font-size:55px;line-height:1.02;letter-spacing:-.055em;font-weight:800;margin:10px 0 16px}.login-art p{color:#a8d9c6}.kicker{color:#70dab0!important;text-transform:uppercase;letter-spacing:.14em;font-size:10px!important;font-weight:800}.login-main{width:48%;display:grid;place-items:center;padding:30px}.login-card{width:min(400px,100%)}.login-card h2{font-size:28px;color:var(--ink);font-weight:800;letter-spacing:-.04em;margin:8px 0}.login-card label{font-size:11px;font-weight:700}.login-card .form-control{padding:11px}.security-note{text-align:center;color:#94a3b8;font-size:9px;margin-top:14px}.mobile-logo{display:none;color:#fff;margin-bottom:15px}.stage-list{display:grid;gap:7px}.stage-list>div{display:flex;justify-content:space-between;padding:9px 11px;background:#f8faf9;border-radius:9px;font-size:10px}.payment-list>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0}.payment-list strong,.payment-list small{display:block;font-size:10px}.payment-list small{font-size:8px;color:#94a3b8}.payment-list b{color:var(--primary);font-size:11px}@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(2,1fr)}.category-admin-grid{grid-template-columns:repeat(2,1fr)}.product-admin-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar-open .sidebar{transform:none}.sidebar-open .sidebar-scrim{display:block;position:fixed;inset:0;background:rgba(15,23,42,.4);z-index:1040}.sidebar-close,.menu-toggle{display:grid;place-items:center}.system-main{width:100%;margin-left:0}.system-header{padding:0 18px}.system-content{padding:22px 18px}.detail-layout{grid-template-columns:1fr}.product-admin-grid{grid-template-columns:repeat(2,1fr)}.item-hero{grid-template-columns:220px 1fr}.view-site span{display:none}}@media(max-width:620px){.page-title,.customer-header{align-items:flex-start;flex-direction:column}.page-actions{width:100%;flex-wrap:wrap}.metric-grid,.metric-grid.three,.category-admin-grid,.product-admin-grid{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column}.toolbar-form{width:100%;flex-direction:column;align-items:stretch}.search-field{min-width:0}.item-hero{grid-template-columns:1fr}.item-hero>img{max-width:280px}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.span-two,.span-three{grid-column:auto}.switch-row{flex-direction:column}.header-avatar{display:none}.breadcrumbs span,.breadcrumbs svg{display:none}.login-art{display:none}.login-main{width:100%}.mobile-logo{display:grid}.login-card h2{font-size:24px}.compact-stats{overflow:auto}.compact-stats>div{min-width:120px}.order-progress{align-items:flex-start;flex-wrap:wrap}.progress-copy{min-width:100%}.progress-line{min-width:75%}.history-cards>a{align-items:flex-start}.history-money{display:none}}