:root{--bg: #0f1214;--surface: #161a1d;--surface-2: #2c343a;--border: #424e57;--text: #f0f2f4;--text-muted: #a8b4bd;--accent: #920731;--accent-2: #d6938f;--accent-gradient: linear-gradient(135deg, #610520 0%, #920731 50%, #e01f4c 100%);--danger: #f58066;--success: #5cb98a;--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{line-height:1.15}a{color:var(--accent-2)}.container{max-width:1200px;margin:0 auto;padding:24px 20px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.topbar h1{font-size:1.3rem;margin:0}button,.btn{cursor:pointer;font-size:.9rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:8px 14px}.btn{display:inline-block;text-decoration:none;line-height:1.2}button.primary{background:var(--accent-gradient);border:none;color:#fff;font-weight:600}button.danger{border-color:var(--danger);color:var(--danger);background:transparent}button.confirm{background:var(--text);color:var(--bg);border:none;font-weight:600}button:disabled{opacity:.6;cursor:not-allowed}.login-card{max-width:360px;margin:15vh auto 0;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px}.login-card h1{font-size:1.2rem;margin-top:0}input[type=text],input[type=password],select{width:100%;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:1rem}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a8b4bd' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.status-select{width:auto;font-weight:600;padding:8px 34px 8px 14px}.field{margin-bottom:16px}.field label{display:block;margin-bottom:6px;font-weight:600;font-size:.85rem}.error-banner{background:#f580661f;border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius);padding:10px 12px;font-size:.85rem;margin-bottom:14px}.filter-bar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.filter-bar select{width:auto}.table-scroll{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.table-scroll::-webkit-scrollbar{height:6px}.table-scroll::-webkit-scrollbar-track{background:transparent}.table-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.table-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border);font-size:.88rem;white-space:nowrap}th{color:var(--text-muted);font-weight:600;background:var(--surface-2)}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-2)}.price{font-variant-numeric:tabular-nums}.truncate{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.75rem;background:var(--surface-2);border:1px solid var(--border);white-space:nowrap}.badge.warn{border-color:var(--danger);color:var(--danger)}.badge.status-received,.status-select.status-received{border-color:#82a6ed;color:#82a6ed}.badge.status-confirmed,.status-select.status-confirmed{border-color:#c68de2;color:#c68de2}.badge.status-progress,.status-select.status-progress{border-color:#ecb851;color:#ecb851}.badge.status-delivery,.status-select.status-delivery{border-color:#61c8d1;color:#61c8d1}.badge.status-completed,.status-select.status-completed{border-color:var(--success);color:var(--success)}.status-select.status-received{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2382a6ed' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.status-select.status-confirmed{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c68de2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.status-select.status-progress{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ecb851' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.status-select.status-delivery{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2361c8d1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.status-select.status-completed{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235cb98a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.detail-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:20px 0}.detail-grid .item .label{font-size:.78rem;color:var(--text-muted);margin-bottom:2px}.detail-grid .item .value{font-weight:600}.detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0 20px}.detail-layout{display:grid;grid-template-columns:minmax(180px,300px) 1fr;gap:24px;align-items:start}.detail-layout.no-image{grid-template-columns:1fr}@media(max-width:640px){.detail-layout{grid-template-columns:1fr}}.detail-image{width:100%;border-radius:12px;border:1px solid var(--border)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c0ed9;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.modal-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px}.modal-card h2{margin:0 0 8px;font-size:1.05rem}.modal-message{margin:0 0 20px;color:var(--text-muted);font-size:.88rem}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.back-link{display:inline-block;margin-bottom:16px;font-size:.9rem}.loading,.empty-state{color:var(--text-muted);padding:40px 0;text-align:center}