:root{--primary: #ff6b35;--primary-dark: #e0551f;--bg: #f7f7fb;--surface: #ffffff;--text: #1a1a2e;--text-muted: #6b7280;--border: #e5e7eb;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--radius: 14px;--shadow: 0 2px 12px rgba(0, 0, 0, .06);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 16px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .06s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:#eef0f4;color:var(--text)}.btn-danger{background:#fee2e2;color:var(--danger)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.btn-sm{padding:7px 12px;font-size:13px}.input,.select,.textarea{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;background:#fff;color:var(--text);outline:none;transition:border-color .15s ease}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary)}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge-received{background:#e0e7ff;color:#4338ca}.badge-preparing{background:#fef3c7;color:#b45309}.badge-ready{background:#dcfce7;color:#15803d}.badge-delivered{background:#e5e7eb;color:#374151}.badge-cancelled{background:#fee2e2;color:#b91c1c}.badge-paid{background:#dcfce7;color:#15803d}.badge-pending{background:#fef3c7;color:#b45309}.badge-partial{background:#e0e7ff;color:#4338ca}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);font-size:14px}th{color:var(--text-muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.empty-state{text-align:center;padding:48px 16px;color:var(--text-muted)}.spinner{width:20px;height:20px;border:3px solid #e5e7eb;border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f1973;display:flex;align-items:flex-end;justify-content:center;z-index:50}@media(min-width:720px){.modal-backdrop{align-items:center}}.modal{background:var(--surface);border-radius:18px 18px 0 0;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;padding:24px;animation:slideUp .2s ease}@media(min-width:720px){.modal{border-radius:18px}}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#1a1a2e;color:#fff;padding:12px 20px;border-radius:10px;font-size:14px;box-shadow:var(--shadow);z-index:100}