:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#0071e3;--color-primary-hover:#0077ed;--color-text-primary:#1d1d1f;--color-text-secondary:#6e6e73;--color-bg-primary:#fff;--color-bg-secondary:#f5f5f7;--color-border:#d2d2d7;--color-border-light:#e8e8ed;--space-sm:8px;--space-md:16px;--space-lg:24px;--radius-md:8px;--radius-lg:12px;--shadow-card:0 4px 16px #00000014}*{box-sizing:border-box}body{color:#1d1d1f;background:#f5f5f7;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{max-width:960px;margin:0 auto;padding:2rem 1rem}a{color:var(--color-primary)}button{border:1px solid var(--color-border);background:var(--color-bg-primary);border-radius:var(--radius-md);padding:8px 12px}input,textarea,select{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 10px}.admin-layout{max-width:1280px;padding:var(--space-lg);gap:var(--space-lg);grid-template-columns:240px 1fr;margin:0 auto;display:grid}.admin-sidebar{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-md);flex-direction:column;max-height:calc(100vh - 32px);display:flex;position:sticky;top:16px}.admin-sidebar-brand{padding-bottom:var(--space-md);margin-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.admin-sidebar-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.admin-sidebar-logo-mark{background:var(--color-primary);color:#fff;letter-spacing:.5px;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.admin-sidebar-logo-name{color:var(--color-text-primary);font-size:13px;font-weight:700;line-height:1.2}.admin-sidebar-logo-sub{color:var(--color-text-secondary);font-size:11px;line-height:1.2}.admin-nav{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.admin-nav-item{color:var(--color-text-secondary);border-radius:var(--radius-md);padding:8px 10px;font-size:14px;text-decoration:none;transition:background .1s,color .1s;display:block}.admin-nav-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.admin-nav-item--active{color:var(--color-primary);background:#e8f0fe;font-weight:600}.admin-nav-item--indent{padding-left:22px;font-size:13px}.admin-sidebar-footer{padding-top:var(--space-md);margin-top:var(--space-sm);border-top:1px solid var(--color-border-light);flex-shrink:0}.admin-sidebar-back-link{color:var(--color-text-secondary);border-radius:var(--radius-md);padding:6px 10px;font-size:13px;text-decoration:none;transition:background .1s,color .1s;display:block}.admin-sidebar-back-link:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.admin-content{min-width:0}.admin-page{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card)}.admin-toolbar{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.admin-table-wrap{overflow:auto}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--color-border-light);vertical-align:top;padding:10px 8px}.admin-badge{border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.admin-tabs{margin-bottom:var(--space-md);border-bottom:1px solid var(--color-border-light);flex-wrap:wrap;gap:4px;padding-bottom:0;display:flex}.admin-tab{color:var(--color-text-secondary);border-radius:var(--radius-md) var(--radius-md) 0 0;border:1px solid #0000;border-bottom:none;margin-bottom:-1px;padding:8px 14px;font-size:14px;text-decoration:none}.admin-tab:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.admin-tab.active{color:var(--color-primary);background:var(--color-bg-primary);border-color:var(--color-border-light);border-bottom-color:var(--color-bg-primary);font-weight:600}.admin-form{gap:var(--space-md);max-width:560px;display:grid}.admin-form-row{gap:6px;display:grid}.admin-form-row label{color:var(--color-text-primary);font-size:14px;font-weight:500}.admin-form-row input,.admin-form-row select,.admin-form-row textarea{width:100%}.admin-form-actions{gap:var(--space-sm);margin-top:4px;display:flex}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);cursor:pointer}.btn-primary:hover{background:var(--color-primary-hover)}.btn-danger{color:#b00020;cursor:pointer;border-color:#b00020}.badge-waiting{color:#92400e;background:#fff8e1;border-color:#f59e0b}.badge-processing{color:#0c4a6e;background:#e0f2fe;border-color:#0284c7}.badge-shipped{color:#4c1d95;background:#ede9fe;border-color:#7c3aed}.badge-completed{color:#064e3b;background:#d1fae5;border-color:#059669}.badge-cancelled{color:#7f1d1d;background:#fee2e2;border-color:#dc2626}.orders-split-layout{gap:var(--space-md);grid-template-columns:1fr 360px;align-items:start;display:grid}.order-panel{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-md);max-height:calc(100vh - 40px);position:sticky;top:16px;overflow-y:auto}.order-panel-header{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:flex-start;display:flex}.order-section{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-light)}.order-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.order-section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-secondary);margin:0 0 8px;font-size:11px;font-weight:600}.order-info-row{justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.order-info-row span:first-child{color:var(--color-text-secondary)}.order-timeline{gap:10px;display:grid}.order-timeline-item{align-items:flex-start;gap:10px;font-size:13px;display:flex}.order-timeline-dot{background:var(--color-border);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.order-timeline-dot.latest{background:var(--color-primary)}.order-items-table{border-collapse:collapse;width:100%;font-size:13px}.order-items-table td{border-bottom:1px solid var(--color-border-light);vertical-align:top;padding:6px 0}.order-items-table tr:last-child td{border-bottom:none}.panel-action-group{gap:8px;display:grid}@media (max-width:1100px){.orders-split-layout{grid-template-columns:1fr}.order-panel{max-height:none;position:static}}.admin-search-wrap{flex:1;min-width:220px;position:relative}.admin-search-wrap input{width:100%}.admin-suggestions{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);z-index:100;max-height:280px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.admin-suggestion-item{cursor:pointer;border-bottom:1px solid var(--color-border-light);padding:10px 12px;font-size:14px}.admin-suggestion-item:last-child{border-bottom:none}.admin-suggestion-item:hover{background:var(--color-bg-secondary)}.admin-suggestion-sku{color:var(--color-text-secondary);margin-top:2px;font-size:12px}@media (max-width:960px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static}}.admin-page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:20px;display:flex}.admin-page-title{color:var(--color-text-primary);margin:0;font-size:20px;font-weight:700}.admin-page-desc{color:var(--color-text-secondary);margin:4px 0 0;font-size:13px}.admin-page-actions{gap:var(--space-sm);flex-shrink:0;align-items:center;display:flex}.admin-flash{border-radius:var(--radius-md);border:1px solid;align-items:flex-start;gap:10px;margin-bottom:16px;padding:10px 14px;font-size:14px;display:flex}.admin-flash--success{color:#064e3b;background:#d1fae5;border-color:#6ee7b7}.admin-flash--error{color:#7f1d1d;background:#fee2e2;border-color:#fca5a5}.admin-flash--warn{color:#713f12;background:#fef9c3;border-color:#fde047}.admin-empty{text-align:center;padding:48px 24px}.admin-empty-title{color:var(--color-text-secondary);margin:0 0 6px;font-size:15px;font-weight:500}.admin-empty-desc{color:var(--color-text-secondary);margin:0;font-size:13px}.admin-breadcrumb{color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;font-size:13px;display:flex}.admin-breadcrumb a{color:var(--color-primary);text-decoration:none}.admin-breadcrumb a:hover{text-decoration:underline}.admin-breadcrumb-sep{color:var(--color-border)}.admin-form-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);max-width:600px;padding:24px}.admin-count{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border-light);border-radius:999px;margin-left:6px;padding:1px 7px;font-size:12px;font-weight:600;display:inline-block}.dash-kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.dash-kpi-card{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);min-width:0;padding:16px 18px}.dash-kpi-card--primary{border-color:var(--color-primary);background:#f0f7ff}.dash-kpi-card--alert,.dash-kpi-card--warn{background:#fffbeb;border-color:#f59e0b}.dash-kpi-card--sm{padding:12px 16px}.dash-kpi-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);margin-bottom:6px;font-size:12px;font-weight:600}.dash-kpi-value{color:var(--color-text-primary);font-size:26px;font-weight:700;line-height:1.1}.dash-kpi-value--sm{font-size:22px}.dash-kpi-sub{color:var(--color-text-secondary);margin-top:4px;font-size:12px}.dash-kpi-trend{margin-top:4px;font-size:12px;font-weight:500}.dash-kpi-trend--up{color:#059669}.dash-kpi-trend--down{color:#dc2626}.dash-section{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:16px 18px}.dash-section--alert{border-color:#f59e0b}.dash-section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);margin:0 0 12px;font-size:13px;font-weight:600}.dash-status-list{gap:6px;display:grid}.dash-status-row{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:4px 0;font-size:13px;display:flex}.dash-status-row:last-child{border-bottom:none}.dash-status-label{color:var(--color-text-secondary)}.dash-status-count{color:var(--color-text-primary);text-align:right;min-width:24px;font-size:14px;font-weight:600}.dash-table{border-collapse:collapse;width:100%;font-size:13px}.dash-table th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-light);padding:0 8px 8px;font-size:11px;font-weight:600}.dash-table td{border-bottom:1px solid var(--color-border-light);vertical-align:middle;padding:9px 8px}.dash-table tr:last-child td{border-bottom:none}.dash-middle{grid-template-columns:220px 1fr;gap:12px;margin-bottom:12px;display:grid}@media (max-width:960px){.dash-kpi-grid{grid-template-columns:repeat(2,1fr)}.dash-middle{grid-template-columns:1fr}}