@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--brand-primary: #8B5E3C;--brand-primary-hover: #7A4F30;--brand-primary-soft: #F4ECE2;--brand-accent: #FF7043;--brand-accent-soft: #FFE0D2;--bg: #f3efe6;--ink: #101417;--muted: #5f6d83;--line: rgba(16, 20, 23, .08);--surface: #ffffff;--surface-strong: #ffffff;--surface-warm: #faf6ee;--shadow-sm: 0 6px 18px rgba(34, 24, 16, .06);--shadow: 0 24px 70px rgba(34, 24, 16, .1);--radius: 18px;--radius-sm: 12px;--success: #26754a;--success-soft: #e3f7e7;--warning: #996a16;--warning-soft: #fff3cc;--danger: #b93d2b;--danger-soft: #ffe8e1;--info: #2c5cff;--info-soft: #dbeafe;--neutral: #5f6d83;--neutral-soft: #f1f2f5;--review: #996a16;--review-soft: #fff3cc;--font-body: "Satoshi", "Inter", "Manrope", system-ui, sans-serif;--font-heading: "Space Grotesk", "Manrope", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sidebar-w: 240px;--sidebar-w-collapsed: 64px}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:0;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}code,pre{font-family:var(--font-mono)}body::-webkit-scrollbar,.sidebar::-webkit-scrollbar,.table-scroll::-webkit-scrollbar{width:10px;height:10px}body::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track,.table-scroll::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb,.table-scroll::-webkit-scrollbar-thumb{background:#10141726;border-radius:8px}body::-webkit-scrollbar-thumb:hover,.sidebar::-webkit-scrollbar-thumb:hover,.table-scroll::-webkit-scrollbar-thumb:hover{background:#10141740}.stack{display:flex;flex-direction:column;gap:18px}.stack-sm{display:flex;flex-direction:column;gap:10px}.stack-lg{display:flex;flex-direction:column;gap:28px}.row{display:flex;align-items:center;gap:12px}.muted{color:var(--muted);font-size:13px;margin:0}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;padding:8px 16px;border-radius:999px;color:#25314d;background:#f1f2f5;font-size:.9rem;font-weight:700}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 900px){.two-col{grid-template-columns:1fr}}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media (max-width: 1100px){.three-col{grid-template-columns:1fr 1fr}}@media (max-width: 700px){.three-col{grid-template-columns:1fr}}.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ink);border-radius:12px;background:var(--ink);color:#fff;padding:9px 14px;font-weight:700;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.button:disabled{cursor:not-allowed;opacity:.5}.button-sm{min-height:32px;padding:5px 10px;font-size:13px;border-radius:10px}.button-ghost{border-color:var(--line);background:var(--surface);color:var(--ink)}.button-danger{border-color:var(--danger);background:var(--danger);color:#fff}.button-primary{border-color:var(--brand-primary);background:var(--brand-primary);color:#fff}.button-primary:hover:not(:disabled){background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.icon-button{width:34px;min-width:34px;height:34px;min-height:34px;padding:0;border-radius:10px}.input,.select,.textarea{min-height:42px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--surface);color:var(--ink);outline:0;transition:border-color .16s ease,box-shadow .16s ease;width:100%;font-family:inherit}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px #8b5e3c26}.textarea{min-height:90px;resize:vertical;font-family:inherit}.input-sm{min-height:34px;padding:6px 10px;border-radius:10px;font-size:13px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:78px;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:var(--neutral-soft);color:var(--neutral);font-size:12px;font-weight:700;text-transform:capitalize}.badge[data-tone=positive],.badge[data-tone=approved],.badge[data-tone=active],.badge[data-tone=ready],.badge[data-tone=delivered],.badge[data-tone=completed],.badge[data-tone=succeeded]{background:var(--success-soft);color:var(--success)}.badge[data-tone=pending],.badge[data-tone=review],.badge[data-tone=warning],.badge[data-tone=dispatching]{background:var(--warning-soft);color:var(--warning)}.badge[data-tone=info],.badge[data-tone=transit],.badge[data-tone=accepted],.badge[data-tone=collected],.badge[data-tone=en_route]{background:var(--info-soft);color:var(--info)}.badge[data-tone=neutral],.badge[data-tone=created],.badge[data-tone=paid]{background:var(--neutral-soft);color:var(--neutral)}.badge[data-tone=review]{background:var(--review-soft);color:var(--review)}.badge[data-tone=danger],.badge[data-tone=cancelled],.badge[data-tone=failed],.badge[data-tone=restricted],.badge[data-tone=blocked],.badge[data-tone=critical]{background:var(--danger-soft);color:var(--danger)}.app-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.app-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.app-card-title{font-family:var(--font-heading);font-size:16px;font-weight:700;margin:0}.app-card-body{padding:20px}.app-card-actions{display:flex;gap:8px;align-items:center}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}thead th{text-align:left;padding:12px 14px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);background:var(--surface-warm)}tbody td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:hover{background:var(--surface-warm)}tbody tr:last-child td{border-bottom:0}.table-link{border:0;padding:0;background:transparent;color:var(--brand-primary);font-weight:700;cursor:pointer;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.table-link:hover{color:var(--brand-primary-hover)}.table-empty{padding:36px!important;text-align:center!important;color:var(--muted)!important;font-size:14px}.table-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.table-tools .input,.table-tools .select{width:auto;min-width:160px}.spinner{width:32px;height:32px;border:3px solid var(--line);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-stack{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;min-width:280px;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:12px 14px;display:flex;align-items:flex-start;gap:10px;animation:toast-in .28s ease-out}@keyframes toast-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.toast[data-type=success]{border-left:4px solid var(--success)}.toast[data-type=error]{border-left:4px solid var(--danger)}.toast[data-type=warning]{border-left:4px solid var(--warning)}.toast[data-type=info]{border-left:4px solid var(--info)}.toast strong{display:block;font-size:14px;font-weight:700}.toast p{margin:4px 0 0;font-size:13px;color:var(--muted)}.toast-close{margin-left:auto;border:0;background:transparent;color:var(--muted);font-size:18px;padding:0 4px;line-height:1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#1014178c;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:540px;max-height:90vh;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-title{font-family:var(--font-heading);font-size:17px;font-weight:700}.modal-body{padding:20px;overflow-y:auto}.modal-footer{padding:12px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}.pagination-controls{display:flex;align-items:center;gap:6px}.page-link{min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font-weight:600;font-size:13px;padding:0 8px}.page-link.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}.page-link:disabled{opacity:.4;cursor:not-allowed}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.list-row>div:first-child strong{display:block;font-size:14px}.list-row>div:first-child .muted{margin:2px 0 0;font-size:13px}