*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #252525;--border: #333;--text-primary: #e0e0e0;--text-secondary: #888;--text-mono: #b0b0b0;--accent: #4a9eff;--accent-hover: #3a8eef;--status-draft: #666;--status-ordered: #4a9eff;--status-paid: #2ecc71;--status-shipped: #e67e22;--status-received: #f0ad4e;--status-labeling: #9b59b6;--status-stocked: #27ae60;--status-cancelled: #e74c3c;--warning: #d4a017;--sidebar-width: 220px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}code,.mono{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.9em;color:var(--text-mono)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:8px 12px;border-radius:4px;font-size:14px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:500px}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}th{font-weight:600;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}tr:hover{background:var(--bg-tertiary)}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:#141414;border-right:1px solid var(--border);padding:20px 0;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform .25s ease}.sidebar-header{padding:0 20px 20px;border-bottom:1px solid var(--border);margin-bottom:12px}.sidebar-title{font-weight:700;font-size:16px;color:#fff}.sidebar-subtitle{font-size:11px;color:#666;margin-top:4px;font-family:monospace}.sidebar-footer{margin-top:auto;padding:16px 20px;border-top:1px solid var(--border)}.sidebar-user{font-size:12px;color:#666;margin-bottom:8px}.sidebar-logout{background:none;border:1px solid #444;color:#888;padding:6px 12px;border-radius:4px;font-size:12px;width:100%}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:14px;text-decoration:none;border-left:3px solid transparent}.nav-link.active{color:var(--accent)!important;background:#1a2a3a;border-left-color:var(--accent)}.nav-icon{font-family:monospace;font-size:11px;width:28px;color:#555}.main-content{flex:1;padding:24px;overflow:auto;margin-left:var(--sidebar-width)}.hamburger{display:none;position:fixed;top:12px;left:12px;z-index:200;background:#141414;border:1px solid var(--border);border-radius:6px;padding:8px 10px;color:#fff;font-size:20px;line-height:1}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:90}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.page-title{font-size:22px;font-weight:700;color:#fff}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:24px}.card-sm{padding:16px;margin-bottom:16px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full-width{grid-column:1 / -1}.filters-row{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.actions-row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.btn{padding:8px 16px;border-radius:4px;font-size:13px;font-weight:600;border:none;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff}.btn-success{background:#27ae60;color:#fff}.btn-secondary{background:#333;color:#888}.btn-danger-text{background:none;color:#e74c3c;border:none;font-size:12px;padding:0}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:12px}.card-list{display:none}.card-list-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:14px;margin-bottom:8px;cursor:pointer}.card-list-item:active{background:var(--bg-tertiary)}.card-list-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.card-list-row:last-child{margin-bottom:0}.card-list-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open,.hamburger{display:block}.main-content{margin-left:0;padding:60px 16px 16px}.page-header{flex-wrap:wrap}.page-title{font-size:18px}.form-grid{grid-template-columns:1fr}.detail-header{flex-direction:column}.info-grid,.stat-grid{grid-template-columns:1fr 1fr}.mobile-cards .table-wrap{display:none}.mobile-cards .card-list{display:block}.actions-row{flex-direction:column;align-items:stretch}.actions-row>*{width:100%}table{min-width:400px}th,td{padding:8px;font-size:13px}}@media(max-width:480px){.info-grid,.stat-grid{grid-template-columns:1fr}.main-content{padding:56px 12px 12px}}