:root{--primary: #2563eb;--primary-light: #3b82f6;--primary-dark: #1d4ed8;--primary-bg: #eff6ff;--danger: #dc2626;--danger-light: #fef2f2;--success: #16a34a;--success-light: #f0fdf4;--warning: #ea580c;--warning-light: #fff7ed;--bg: #f1f5f9;--card: #ffffff;--text: #0f172a;--text-secondary: #475569;--muted: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--in: #16a34a;--out: #ea580c;--safe-bottom: env(safe-area-inset-bottom, 0px);--sidebar-width: 220px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 12px 32px rgba(0,0,0,.12)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}#app{height:100%}input,select,textarea,button{font-family:inherit}.hidden{display:none!important}.flex-spacer{flex:1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:box-shadow .15s,border-color .15s}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border)}@media (min-width: 768px){.stats-cards{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important;overflow-x:visible!important}.stats-cards .stat-item{min-width:0!important;padding:16px!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;text-align:left!important}.stat-icon{font-size:24px!important}.stat-val{font-size:24px!important;line-height:1.2!important}.product-grid,.order-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.op-toolbar{flex-direction:row!important;align-items:center!important;gap:16px!important}.op-search-row{flex:1!important;max-width:500px!important}.settlement-form{flex-direction:row!important;gap:16px!important}.settlement-row{flex:1!important}.modal-box{max-width:560px!important}.desktop-only{display:block!important}}@media (min-width: 1200px){.stats-cards{grid-template-columns:repeat(7,1fr)!important}.product-grid,.order-grid{grid-template-columns:repeat(3,1fr)!important}}.desktop-only{display:none}