@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-VariableFont_wght.ttf) format("truetype-variations"),url(/fonts/PlusJakartaSans-VariableFont_wght.ttf) format("truetype");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-Italic-VariableFont_wght.ttf) format("truetype-variations"),url(/fonts/PlusJakartaSans-Italic-VariableFont_wght.ttf) format("truetype");font-weight:200 800;font-style:italic;font-display:swap}:root{--brand-blue: #3b6bf5;--brand-blue-hover: #2b5ae0;--brand-blue-light: #eef2ff;--brand-coral: #f97066;--font-body: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--c-yellow-50: #fef9c3;--c-yellow-500: #eab308;--c-yellow-700: #854d0e;--c-blue-50: #dbeafe;--c-blue-500: #3b82f6;--c-blue-700: #1e40af;--c-indigo-50: #e0e7ff;--c-indigo-500: #6366f1;--c-indigo-700: #3730a3;--c-purple-50: #f3e8ff;--c-purple-500: #a855f7;--c-purple-700: #6b21a8;--c-emerald-50: #d1fae5;--c-emerald-500: #10b981;--c-emerald-700: #065f46;--c-green-50: #dcfce7;--c-green-500: #22c55e;--c-green-700: #15803d;--c-red-50: #fee2e2;--c-red-500: #ef4444;--c-red-700: #991b1b;--c-orange-50: #ffedd5;--c-orange-500: #f97316;--c-orange-700: #9a3412;--c-amber-50: #fef3c7;--c-amber-500: #f59e0b;--c-amber-700: #92400e;--c-teal-50: #ccfbf1;--c-teal-500: #14b8a6;--c-teal-700: #115e59;--c-gray-50: #f1f5f9;--c-gray-500: #64748b;--c-gray-700: #334155;--status-pending-bg: var(--c-yellow-50);--status-pending: var(--c-yellow-500);--status-pending-ink: var(--c-yellow-700);--status-in-progress-bg: var(--c-blue-50);--status-in-progress: var(--c-blue-500);--status-in-progress-ink: var(--c-blue-700);--status-staged-bg: var(--c-indigo-50);--status-staged: var(--c-indigo-500);--status-staged-ink: var(--c-indigo-700);--status-in-transit-bg: var(--c-purple-50);--status-in-transit: var(--c-purple-500);--status-in-transit-ink: var(--c-purple-700);--status-success-bg: var(--c-emerald-50);--status-success: var(--c-emerald-500);--status-success-ink: var(--c-emerald-700);--status-delivered-bg: var(--c-green-50);--status-delivered: var(--c-green-500);--status-delivered-ink: var(--c-green-700);--status-error-bg: var(--c-red-50);--status-error: var(--c-red-500);--status-error-ink: var(--c-red-700);--status-attention-bg: var(--c-orange-50);--status-attention: var(--c-orange-500);--status-attention-ink: var(--c-orange-700);--status-partial-bg: var(--c-amber-50);--status-partial: var(--c-amber-500);--status-partial-ink: var(--c-amber-700);--status-transit-alt-bg: var(--c-teal-50);--status-transit-alt: var(--c-teal-500);--status-transit-alt-ink: var(--c-teal-700);--status-neutral-bg: var(--c-gray-50);--status-neutral: var(--c-gray-500);--status-neutral-ink: var(--c-gray-700);--ease-out: cubic-bezier(.22,1,.36,1);--dur-fast: .15s;--dur-med: .25s;--dur-slow: .6s}.product,body.product{--p-background: hsl(210 20% 98%);--p-foreground: hsl(220 25% 10%);--p-card: hsl(0 0% 100%);--p-muted: hsl(210 20% 95%);--p-muted-fg: hsl(215 14% 46%);--p-border: hsl(214 20% 90%);--p-primary: hsl(223 90% 60%);--p-primary-fg: hsl(0 0% 100%);--p-primary-hover:hsl(223 70% 53%);--p-ring: hsl(223 90% 60%);--p-destructive: var(--status-error);--p-destructive-fg: #fff;--p-sidebar-bg: hsl(220 25% 11%);--p-sidebar-fg: hsl(210 20% 85%);--p-sidebar-muted: hsl(215 14% 50%);--p-sidebar-active: hsl(223 90% 60%);--p-sidebar-border: hsl(220 20% 18%);--p-radius-sm: 4px;--p-radius-md: 6px;--p-radius: 8px;--p-radius-lg: 12px;--p-shadow-sm: 0 1px 2px rgba(0,0,0,.05);--p-shadow-md: 0 4px 6px -1px rgba(0,0,0,.1);--p-shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1);--font-product: var(--font-body);--font-product-mono: var(--font-mono);background:var(--p-background);color:var(--p-foreground);font-family:var(--font-product)}.p-card{background:var(--p-card);border:1px solid var(--p-border);border-radius:var(--p-radius);transition:box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.p-card--interactive{cursor:pointer}.p-card--interactive:hover{box-shadow:var(--p-shadow-md)}.p-status-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:500;line-height:1.6;font-family:var(--font-product);white-space:nowrap}.p-status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}.p-status-pill--pending{background:var(--status-pending-bg);color:var(--status-pending-ink)}.p-status-pill--in-progress{background:var(--status-in-progress-bg);color:var(--status-in-progress-ink)}.p-status-pill--staged{background:var(--status-staged-bg);color:var(--status-staged-ink)}.p-status-pill--in-transit{background:var(--status-in-transit-bg);color:var(--status-in-transit-ink)}.p-status-pill--success{background:var(--status-success-bg);color:var(--status-success-ink)}.p-status-pill--delivered{background:var(--status-delivered-bg);color:var(--status-delivered-ink)}.p-status-pill--error{background:var(--status-error-bg);color:var(--status-error-ink)}.p-status-pill--attention{background:var(--status-attention-bg);color:var(--status-attention-ink)}.p-status-pill--partial{background:var(--status-partial-bg);color:var(--status-partial-ink)}.p-status-pill--transit-alt{background:var(--status-transit-alt-bg);color:var(--status-transit-alt-ink)}.p-status-pill--neutral{background:var(--status-neutral-bg);color:var(--status-neutral-ink)}.p-stat__icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-stat__icon--pending{background:var(--status-pending-bg);color:var(--status-pending)}.p-stat__icon--in-progress{background:var(--status-in-progress-bg);color:var(--status-in-progress)}.p-stat__icon--staged{background:var(--status-staged-bg);color:var(--status-staged)}.p-stat__icon--in-transit{background:var(--status-in-transit-bg);color:var(--status-in-transit)}.p-stat__icon--success{background:var(--status-success-bg);color:var(--status-success)}.p-stat__icon--delivered{background:var(--status-delivered-bg);color:var(--status-delivered)}.p-stat__icon--error{background:var(--status-error-bg);color:var(--status-error)}.p-stat__icon--attention{background:var(--status-attention-bg);color:var(--status-attention)}.p-stat__icon--partial{background:var(--status-partial-bg);color:var(--status-partial)}.p-stat__icon--transit-alt{background:var(--status-transit-alt-bg);color:var(--status-transit-alt)}.p-stat__icon--neutral{background:var(--status-neutral-bg);color:var(--status-neutral)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:256px 1fr;height:100vh;overflow:hidden}.app-main{display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden}.app-content{flex:1;overflow-y:auto}.app-content::-webkit-scrollbar,.sidebar-nav::-webkit-scrollbar{width:10px}.app-content::-webkit-scrollbar-thumb{background:var(--p-border);border-radius:999px;border:3px solid transparent;background-clip:content-box}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px;border:3px solid transparent;background-clip:content-box}.page-title{font-size:22px;font-weight:700;margin:0;letter-spacing:-.01em}.page-sub{font-size:13px;color:var(--p-muted-fg);margin:4px 0 0}.section-title{font-size:16px;font-weight:600;margin:0 0 12px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--p-radius-md);font-size:13px;font-family:inherit;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.btn--primary{background:var(--p-primary);color:var(--p-primary-fg)}.btn--primary:hover{background:var(--p-primary-hover)}.btn--ghost{background:#fff;color:var(--p-foreground);border-color:var(--p-border)}.btn--ghost:hover{box-shadow:var(--p-shadow-sm)}.input,.select{font-size:13px;font-family:inherit;border:1px solid var(--p-border);border-radius:var(--p-radius-md);padding:6px 10px;background:#fff;color:var(--p-foreground);outline:none}.input:focus,.select:focus{border-color:var(--p-ring);box-shadow:0 0 0 3px #3d71f51f}.p-table{width:100%;border-collapse:collapse;font-size:13px}.p-table thead tr{background:var(--p-muted)}.p-table th{text-align:left;padding:10px 14px;font-weight:500;font-size:11px;color:var(--p-muted-fg);text-transform:uppercase;letter-spacing:.05em}.p-table td{padding:12px 14px;border-top:1px solid var(--p-border);color:var(--p-foreground)}.p-table td.muted{color:var(--p-muted-fg)}.p-table td.mono{font-family:var(--font-product-mono);color:var(--p-primary);font-weight:500}.p-table tbody tr:hover{background:#f9fafb}.tabular{font-variant-numeric:tabular-nums}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}@media(max-width:1100px){.grid-6{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.grid-6,.grid-3,.grid-2{grid-template-columns:1fr}}