@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@layer base{:root{--sf-brand-50:#eef2ff;--sf-brand-100:#e0e7ff;--sf-brand-200:#c7d2fe;--sf-brand-300:#a5b4fc;--sf-brand-400:#818cf8;--sf-brand-500:#6366f1;--sf-brand-600:#4f46e5;--sf-brand-700:#4338ca;--sf-brand-800:#3730a3;--sf-brand-900:#312e81;--sf-brand-950:#1e1b4b;--sf-gray-0:#fff;--sf-gray-50:#f8fafc;--sf-gray-100:#f1f5f9;--sf-gray-150:#eaeff6;--sf-gray-200:#e2e8f0;--sf-gray-300:#cbd5e1;--sf-gray-400:#94a3b8;--sf-gray-500:#64748b;--sf-gray-600:#475569;--sf-gray-700:#334155;--sf-gray-800:#1e293b;--sf-gray-900:#0f172a;--sf-gray-950:#020617;--sf-success-50:#f0fdf4;--sf-success-100:#dcfce7;--sf-success-200:#bbf7d0;--sf-success-500:#22c55e;--sf-success-600:#16a34a;--sf-success-700:#15803d;--sf-success-800:#166534;--sf-warning-50:#fffbeb;--sf-warning-100:#fef3c7;--sf-warning-200:#fde68a;--sf-warning-500:#f59e0b;--sf-warning-600:#d97706;--sf-warning-700:#b45309;--sf-warning-800:#92400e;--sf-danger-50:#fff1f2;--sf-danger-100:#ffe4e6;--sf-danger-200:#fecdd3;--sf-danger-500:#f43f5e;--sf-danger-600:#e11d48;--sf-danger-700:#be123c;--sf-danger-800:#9f1239;--sf-info-50:#eff6ff;--sf-info-100:#dbeafe;--sf-info-200:#bfdbfe;--sf-info-500:#3b82f6;--sf-info-600:#2563eb;--sf-info-700:#1d4ed8;--sf-info-800:#1e40af;--sf-status-draft-bg:#f1f5f9;--sf-status-draft-text:#475569;--sf-status-draft-border:#cbd5e1;--sf-status-pending-bg:#fffbeb;--sf-status-pending-text:#92400e;--sf-status-pending-border:#fde68a;--sf-status-approved-bg:#f0fdf4;--sf-status-approved-text:#166534;--sf-status-approved-border:#bbf7d0;--sf-status-intransit-bg:#eff6ff;--sf-status-intransit-text:#1e40af;--sf-status-intransit-border:#bfdbfe;--sf-status-completed-bg:#f0fdf4;--sf-status-completed-text:#15803d;--sf-status-completed-border:#bbf7d0;--sf-status-cancelled-bg:#fff1f2;--sf-status-cancelled-text:#9f1239;--sf-status-cancelled-border:#fecdd3;--sf-status-paid-bg:#f0fdf4;--sf-status-paid-text:#15803d;--sf-status-paid-border:#bbf7d0;--sf-status-unpaid-bg:#fff1f2;--sf-status-unpaid-text:#be123c;--sf-status-unpaid-border:#fecdd3;--sf-status-partial-bg:#fffbeb;--sf-status-partial-text:#b45309;--sf-status-partial-border:#fde68a;--sf-status-posted-bg:#eff6ff;--sf-status-posted-text:#1d4ed8;--sf-status-posted-border:#bfdbfe;--sf-status-voided-bg:#f1f5f9;--sf-status-voided-text:#334155;--sf-status-voided-border:#94a3b8;--sf-bg-page:#f8fafc;--sf-bg-surface:#fff;--sf-bg-surface-2:#f1f5f9;--sf-bg-overlay:#0f172a8c;--sf-bg-sidebar:#0f172a;--sf-bg-header:#fff;--sf-text-primary:#0f172a;--sf-text-secondary:#475569;--sf-text-tertiary:#94a3b8;--sf-text-inverse:#f8fafc;--sf-text-on-brand:#fff;--sf-text-link:#4f46e5;--sf-text-link-hover:#4338ca;--sf-border-default:#e2e8f0;--sf-border-strong:#cbd5e1;--sf-border-focus:#6366f1;--sf-border-error:#f43f5e;--sf-sidebar-width:240px;--sf-sidebar-width-collapsed:64px;--sf-sidebar-bg:#0f172a;--sf-sidebar-text:#94a3b8;--sf-sidebar-text-active:#f8fafc;--sf-sidebar-icon:#64748b;--sf-sidebar-icon-active:#818cf8;--sf-sidebar-item-active-bg:#6366f126;--sf-sidebar-item-hover-bg:#ffffff0d;--sf-sidebar-section-text:#475569;--sf-sidebar-border:#ffffff0f;--sf-header-height:60px;--sf-header-bg:#fff;--sf-header-border:#e2e8f0;--sf-font-sans:"DM Sans", system-ui, -apple-system, sans-serif;--sf-font-mono:"DM Mono", "Fira Code", monospace;--sf-text-xs:.75rem;--sf-text-sm:.8125rem;--sf-text-base:.875rem;--sf-text-md:1rem;--sf-text-lg:1.125rem;--sf-text-xl:1.25rem;--sf-text-2xl:1.5rem;--sf-text-3xl:1.875rem;--sf-font-normal:400;--sf-font-medium:500;--sf-font-semibold:600;--sf-font-bold:700;--sf-leading-tight:1.25;--sf-leading-snug:1.375;--sf-leading-normal:1.5;--sf-leading-relaxed:1.625;--sf-space-1:.25rem;--sf-space-2:.5rem;--sf-space-3:.75rem;--sf-space-4:1rem;--sf-space-5:1.25rem;--sf-space-6:1.5rem;--sf-space-8:2rem;--sf-space-10:2.5rem;--sf-space-12:3rem;--sf-space-16:4rem;--sf-radius-sm:4px;--sf-radius-md:6px;--sf-radius-lg:8px;--sf-radius-xl:12px;--sf-radius-2xl:16px;--sf-radius-full:9999px;--sf-shadow-xs:0 1px 2px #0f172a0d;--sf-shadow-sm:0 1px 3px #0f172a14, 0 1px 2px #0f172a0f;--sf-shadow-md:0 4px 6px #0f172a12, 0 2px 4px #0f172a0f;--sf-shadow-lg:0 10px 15px #0f172a14, 0 4px 6px #0f172a0d;--sf-shadow-xl:0 20px 25px #0f172a14, 0 8px 10px #0f172a0d;--sf-shadow-focus:0 0 0 3px #6366f140;--sf-shadow-focus-error:0 0 0 3px #f43f5e33;--sf-transition-fast:.1s ease;--sf-transition-base:.15s ease;--sf-transition-slow:.25s ease;--sf-transition-all:all .15s ease;--sf-z-base:0;--sf-z-raised:1;--sf-z-sticky:100;--sf-z-sidebar:200;--sf-z-header:300;--sf-z-overlay:400;--sf-z-modal:500;--sf-z-toast:600;--sf-z-tooltip:700;--background:var(--sf-bg-page);--foreground:var(--sf-text-primary);--card:var(--sf-bg-surface);--card-foreground:var(--sf-text-primary);--popover:var(--sf-bg-surface);--popover-foreground:var(--sf-text-primary);--primary:var(--sf-brand-500);--primary-foreground:var(--sf-text-on-brand);--secondary:var(--sf-gray-100);--secondary-foreground:var(--sf-text-primary);--muted:var(--sf-gray-100);--muted-foreground:var(--sf-text-secondary);--accent:var(--sf-brand-50);--accent-foreground:var(--sf-brand-700);--destructive:var(--sf-danger-600);--destructive-foreground:var(--sf-gray-0);--border:var(--sf-border-default);--input:var(--sf-border-default);--ring:var(--sf-brand-500);--radius:var(--sf-radius-md)}.dark{--sf-bg-page:#0d1117;--sf-bg-surface:#161b22;--sf-bg-surface-2:#21262d;--sf-bg-sidebar:#0d1117;--sf-bg-header:#161b22;--sf-bg-overlay:#000000b3;--sf-text-primary:#e6edf3;--sf-text-secondary:#8b949e;--sf-text-tertiary:#484f58;--sf-text-inverse:#0d1117;--sf-border-default:#30363d;--sf-border-strong:#484f58;--sf-sidebar-bg:#0d1117;--sf-sidebar-text:#8b949e;--sf-sidebar-text-active:#e6edf3;--sf-sidebar-icon:#484f58;--sf-sidebar-icon-active:#818cf8;--sf-sidebar-item-active-bg:#6366f12e;--sf-sidebar-border:#ffffff0a;--sf-header-bg:#161b22;--sf-header-border:#30363d;--sf-status-draft-bg:#21262d;--sf-status-draft-text:#8b949e;--sf-status-draft-border:#30363d;--sf-status-pending-bg:#2d2206;--sf-status-pending-text:#fbbf24;--sf-status-pending-border:#78350f;--sf-status-approved-bg:#0d2116;--sf-status-approved-text:#4ade80;--sf-status-approved-border:#14532d;--sf-status-intransit-bg:#0d1b2e;--sf-status-intransit-text:#60a5fa;--sf-status-intransit-border:#1e3a5f;--sf-status-completed-bg:#0d2116;--sf-status-completed-text:#4ade80;--sf-status-completed-border:#14532d;--sf-status-cancelled-bg:#1f0a0d;--sf-status-cancelled-text:#fb7185;--sf-status-cancelled-border:#4c0519;--sf-status-paid-bg:#0d2116;--sf-status-paid-text:#4ade80;--sf-status-paid-border:#14532d;--sf-status-unpaid-bg:#1f0a0d;--sf-status-unpaid-text:#fb7185;--sf-status-unpaid-border:#4c0519;--sf-status-partial-bg:#2d2206;--sf-status-partial-text:#fbbf24;--sf-status-partial-border:#78350f;--sf-status-posted-bg:#0d1b2e;--sf-status-posted-text:#60a5fa;--sf-status-posted-border:#1e3a5f;--sf-status-voided-bg:#21262d;--sf-status-voided-text:#8b949e;--sf-status-voided-border:#30363d;--sf-shadow-xs:0 1px 2px #0006;--sf-shadow-sm:0 1px 3px #0006, 0 1px 2px #0000004d;--sf-shadow-md:0 4px 6px #0006, 0 2px 4px #0000004d;--sf-shadow-lg:0 10px 15px #0006, 0 4px 6px #0000004d;--background:var(--sf-bg-page);--foreground:var(--sf-text-primary);--card:var(--sf-bg-surface);--card-foreground:var(--sf-text-primary);--popover:var(--sf-bg-surface);--popover-foreground:var(--sf-text-primary);--muted:var(--sf-bg-surface-2);--muted-foreground:var(--sf-text-secondary);--secondary:var(--sf-bg-surface-2);--secondary-foreground:var(--sf-text-primary);--accent:var(--sf-bg-surface-2);--accent-foreground:var(--sf-text-primary);--border:var(--sf-border-default);--input:var(--sf-border-default)}*,:before,:after{box-sizing:border-box;border-color:var(--sf-border-default)}html{-webkit-text-size-adjust:100%;tab-size:4;font-size:16px}body{font-family:var(--sf-font-sans);font-size:var(--sf-text-base);font-weight:var(--sf-font-normal);line-height:var(--sf-leading-normal);color:var(--sf-text-primary);background-color:var(--sf-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}h1,h2,h3,h4,h5,h6{font-family:var(--sf-font-sans);font-weight:var(--sf-font-semibold);line-height:var(--sf-leading-tight);color:var(--sf-text-primary);margin:0}h1{font-size:var(--sf-text-3xl);letter-spacing:-.025em}h2{font-size:var(--sf-text-2xl);letter-spacing:-.02em}h3{font-size:var(--sf-text-xl);letter-spacing:-.015em}h4{font-size:var(--sf-text-lg);letter-spacing:-.01em}h5{font-size:var(--sf-text-md);letter-spacing:0}h6{font-size:var(--sf-text-base);letter-spacing:0}p{line-height:var(--sf-leading-relaxed);margin:0}a{color:var(--sf-text-link);transition:color var(--sf-transition-fast);text-decoration:none}a:hover{color:var(--sf-text-link-hover);text-decoration:underline}code,kbd,pre,samp{font-family:var(--sf-font-mono);font-size:.9em}img,svg,video{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}:focus-visible{outline:2px solid var(--sf-brand-500);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--sf-gray-300);border-radius:var(--sf-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--sf-gray-400)}.dark ::-webkit-scrollbar-thumb{background:var(--sf-gray-700)}.dark ::-webkit-scrollbar-thumb:hover{background:var(--sf-gray-600)}::selection{background:var(--sf-brand-100);color:var(--sf-brand-900)}.dark ::selection{background:var(--sf-brand-800);color:var(--sf-brand-100)}}@layer components{.sf-app-shell{grid-template-columns:var(--sf-sidebar-width) 1fr;grid-template-rows:var(--sf-header-height) 1fr;min-height:100vh;transition:grid-template-columns var(--sf-transition-slow);display:grid}.sf-app-shell.sidebar-collapsed{grid-template-columns:var(--sf-sidebar-width-collapsed) 1fr}.sf-main{background:var(--sf-bg-page);grid-area:2/2;min-width:0;overflow-y:auto}.sf-page{max-width:1440px;padding:var(--sf-space-6) var(--sf-space-8);margin:0 auto}.sf-page-sm{max-width:768px;padding:var(--sf-space-6) var(--sf-space-6);margin:0 auto}.sf-page-md{max-width:1024px;padding:var(--sf-space-6) var(--sf-space-8);margin:0 auto}.sf-page-full{padding:var(--sf-space-6) var(--sf-space-8)}.sf-sidebar{background:var(--sf-sidebar-bg);border-right:1px solid var(--sf-sidebar-border);height:100vh;z-index:var(--sf-z-sidebar);transition:width var(--sf-transition-slow);width:var(--sf-sidebar-width);flex-direction:column;grid-area:1/1/-1;display:flex;position:sticky;top:0;overflow:hidden}.sf-sidebar.collapsed{width:var(--sf-sidebar-width-collapsed)}.sf-sidebar-logo{align-items:center;gap:var(--sf-space-3);padding:0 var(--sf-space-4);height:var(--sf-header-height);border-bottom:1px solid var(--sf-sidebar-border);white-space:nowrap;flex-shrink:0;display:flex;overflow:hidden}.sf-sidebar-logo-icon{border-radius:var(--sf-radius-lg);background:var(--sf-brand-500);color:#fff;width:32px;height:32px;font-weight:var(--sf-font-bold);font-size:var(--sf-text-md);letter-spacing:-.02em;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sf-sidebar-logo-text{font-size:var(--sf-text-lg);font-weight:var(--sf-font-bold);color:var(--sf-text-inverse);letter-spacing:-.02em}.sf-sidebar-logo-badge{font-size:10px;font-weight:var(--sf-font-semibold);color:var(--sf-brand-300);letter-spacing:.08em;text-transform:uppercase}.sf-sidebar-nav{padding:var(--sf-space-3) 0;flex:1;overflow:hidden auto}.sf-nav-section{padding:var(--sf-space-2) 0}.sf-nav-section+.sf-nav-section{border-top:1px solid var(--sf-sidebar-border);margin-top:var(--sf-space-2);padding-top:var(--sf-space-4)}.sf-nav-section-label{font-size:10px;font-weight:var(--sf-font-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--sf-sidebar-section-text);padding:0 var(--sf-space-4);margin-bottom:var(--sf-space-2);white-space:nowrap;overflow:hidden}.sf-nav-item{align-items:center;gap:var(--sf-space-3);padding:7px var(--sf-space-4);border-radius:var(--sf-radius-md);margin:1px var(--sf-space-2);font-size:var(--sf-text-sm);font-weight:var(--sf-font-medium);color:var(--sf-sidebar-text);cursor:pointer;white-space:nowrap;transition:background var(--sf-transition-fast), color var(--sf-transition-fast);-webkit-user-select:none;user-select:none;text-decoration:none;display:flex;position:relative;overflow:hidden}.sf-nav-item:hover{background:var(--sf-sidebar-item-hover-bg);color:var(--sf-sidebar-text-active);text-decoration:none}.sf-nav-item.active{background:var(--sf-sidebar-item-active-bg);color:var(--sf-sidebar-text-active)}.sf-nav-item.active:before{content:"";background:var(--sf-brand-400);border-radius:0 var(--sf-radius-full) var(--sf-radius-full) 0;width:3px;position:absolute;top:4px;bottom:4px;left:0}.sf-nav-icon{width:18px;height:18px;color:var(--sf-sidebar-icon);transition:color var(--sf-transition-fast);flex-shrink:0}.sf-nav-item:hover .sf-nav-icon,.sf-nav-item.active .sf-nav-icon{color:var(--sf-sidebar-icon-active)}.sf-nav-label{text-overflow:ellipsis;flex:1;overflow:hidden}.sf-nav-badge{font-size:10px;font-weight:var(--sf-font-semibold);background:var(--sf-danger-600);color:#fff;border-radius:var(--sf-radius-full);flex-shrink:0;padding:1px 6px}.sf-sidebar-footer{border-top:1px solid var(--sf-sidebar-border);padding:var(--sf-space-3);flex-shrink:0}.sf-header{height:var(--sf-header-height);background:var(--sf-header-bg);border-bottom:1px solid var(--sf-header-border);align-items:center;gap:var(--sf-space-4);padding:0 var(--sf-space-6);z-index:var(--sf-z-header);grid-area:1/2;display:flex;position:sticky;top:0}.sf-header-title{font-size:var(--sf-text-md);font-weight:var(--sf-font-semibold);color:var(--sf-text-primary);letter-spacing:-.01em}.sf-header-spacer{flex:1}.sf-branch-chip{align-items:center;gap:var(--sf-space-2);padding:5px var(--sf-space-3);background:var(--sf-bg-surface-2);border:1px solid var(--sf-border-default);border-radius:var(--sf-radius-full);font-size:var(--sf-text-sm);font-weight:var(--sf-font-medium);color:var(--sf-text-primary);cursor:pointer;transition:var(--sf-transition-all);display:flex}.sf-branch-chip:hover{border-color:var(--sf-border-strong);background:var(--sf-gray-100)}.sf-branch-dot{background:var(--sf-success-500);border-radius:50%;flex-shrink:0;width:7px;height:7px}.sf-branch-select{font-size:var(--sf-text-sm);font-weight:var(--sf-font-medium);color:var(--sf-text-primary);cursor:pointer;background:0 0;border:none;max-width:180px;padding:0}.sf-branch-select:focus{outline:none}.sf-topbar .sf-branch-select,.sf-branch-indicator .sf-branch-select{max-width:160px}.sf-header-icon-btn{border-radius:var(--sf-radius-md);width:34px;height:34px;color:var(--sf-text-secondary);cursor:pointer;transition:var(--sf-transition-all);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.sf-header-icon-btn:hover{background:var(--sf-gray-100);color:var(--sf-text-primary)}.sf-header-icon-btn .notif-dot{background:var(--sf-danger-500);border:2px solid var(--sf-header-bg);border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:5px}.sf-avatar{background:var(--sf-brand-100);width:32px;height:32px;color:var(--sf-brand-700);font-size:var(--sf-text-sm);font-weight:var(--sf-font-semibold);cursor:pointer;letter-spacing:-.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sf-page-header{justify-content:space-between;align-items:flex-start;gap:var(--sf-space-4);margin-bottom:var(--sf-space-6);flex-wrap:wrap;display:flex}.sf-page-title{font-size:var(--sf-text-2xl);font-weight:var(--sf-font-bold);color:var(--sf-text-primary);letter-spacing:-.025em;line-height:1.2}.sf-page-description{font-size:var(--sf-text-sm);color:var(--sf-text-secondary);margin-top:var(--sf-space-1);line-height:var(--sf-leading-snug)}.sf-page-actions{align-items:center;gap:var(--sf-space-2);flex-wrap:wrap;display:flex}.sf-breadcrumb{align-items:center;gap:var(--sf-space-1);margin-bottom:var(--sf-space-3);font-size:var(--sf-text-sm);color:var(--sf-text-tertiary);display:flex}.sf-breadcrumb-item{color:var(--sf-text-tertiary);text-decoration:none}.sf-breadcrumb-item:hover{color:var(--sf-text-secondary);text-decoration:none}.sf-breadcrumb-item.current{color:var(--sf-text-primary);font-weight:var(--sf-font-medium)}.sf-breadcrumb-sep{color:var(--sf-text-tertiary);font-size:var(--sf-text-xs)}.sf-card{background:var(--sf-bg-surface);border:1px solid var(--sf-border-default);border-radius:var(--sf-radius-xl);padding:var(--sf-space-5) var(--sf-space-6);box-shadow:var(--sf-shadow-xs)}.sf-card-sm{padding:var(--sf-space-4);border-radius:var(--sf-radius-lg)}.sf-card-lg{padding:var(--sf-space-8);border-radius:var(--sf-radius-2xl)}.sf-card-header{margin-bottom:var(--sf-space-4);justify-content:space-between;align-items:center;gap:var(--sf-space-3);display:flex}.sf-card-title{font-size:var(--sf-text-md);font-weight:var(--sf-font-semibold);color:var(--sf-text-primary);letter-spacing:-.01em}.sf-card-subtitle{font-size:var(--sf-text-sm);color:var(--sf-text-secondary);margin-top:2px}.sf-card-divider{border:none;border-top:1px solid var(--sf-border-default);margin:var(--sf-space-4) 0}.sf-stat-card{background:var(--sf-bg-surface);border:1px solid var(--sf-border-default);border-radius:var(--sf-radius-xl);padding:var(--sf-space-5) var(--sf-space-6);box-shadow:var(--sf-shadow-xs)}.sf-stat-label{font-size:var(--sf-text-xs);font-weight:var(--sf-font-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--sf-text-tertiary);margin-bottom:var(--sf-space-2)}.sf-stat-value{font-size:1.75rem;font-weight:var(--sf-font-bold);color:var(--sf-text-primary);letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1;font-family:var(--sf-font-mono)}.sf-stat-change{font-size:var(--sf-text-xs);font-weight:var(--sf-font-medium);margin-top:var(--sf-space-2);align-items:center;gap:3px;display:inline-flex}.sf-stat-change.up{color:var(--sf-success-600)}.sf-stat-change.down{color:var(--sf-danger-600)}.sf-stat-change.flat{color:var(--sf-text-tertiary)}.sf-btn{justify-content:center;align-items:center;gap:var(--sf-space-2);padding:7px var(--sf-space-4);font-family:var(--sf-font-sans);font-size:var(--sf-text-sm);font-weight:var(--sf-font-medium);border-radius:var(--sf-radius-md);cursor:pointer;transition:var(--sf-transition-all);white-space:nowrap;-webkit-user-select:none;user-select:none;vertical-align:middle;border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.sf-btn:disabled{opacity:.5;pointer-events:none}.sf-btn-primary{background:var(--sf-brand-500);border-color:var(--sf-brand-500);color:#fff;box-shadow:var(--sf-shadow-xs)}.sf-btn-primary:hover{background:var(--sf-brand-600);border-color:var(--sf-brand-600);box-shadow:var(--sf-shadow-sm)}.sf-btn-primary:active{background:var(--sf-brand-700);border-color:var(--sf-brand-700);transform:translateY(.5px)}.sf-btn-secondary{background:var(--sf-bg-surface);border-color:var(--sf-border-default);color:var(--sf-text-primary);box-shadow:var(--sf-shadow-xs)}.sf-btn-secondary:hover{background:var(--sf-bg-surface-2);border-color:var(--sf-border-strong)}.sf-btn-secondary:active{transform:translateY(.5px)}.sf-btn-ghost{color:var(--sf-text-secondary);background:0 0;border-color:#0000}.sf-btn-ghost:hover{background:var(--sf-gray-100);color:var(--sf-text-primary);border-color:#0000}.sf-btn-danger{background:var(--sf-danger-600);border-color:var(--sf-danger-600);color:#fff;box-shadow:var(--sf-shadow-xs)}.sf-btn-danger:hover{background:var(--sf-danger-700);border-color:var(--sf-danger-700)}.sf-btn-success{background:var(--sf-success-600);border-color:var(--sf-success-600);color:#fff;box-shadow:var(--sf-shadow-xs)}.sf-btn-success:hover{background:var(--sf-success-700);border-color:var(--sf-success-700)}.sf-btn-warning{background:var(--sf-warning-500);border-color:var(--sf-warning-500);color:#fff;box-shadow:var(--sf-shadow-xs)}.sf-btn-icon{aspect-ratio:1;padding:7px}.sf-btn-xs{font-size:var(--sf-text-xs);border-radius:var(--sf-radius-sm);gap:var(--sf-space-1);padding:4px 10px}.sf-btn-sm{font-size:var(--sf-text-xs);padding:5px 12px}.sf-btn-lg{padding:10px var(--sf-space-5);font-size:var(--sf-text-base);border-radius:var(--sf-radius-lg)}.sf-btn-xl{padding:12px var(--sf-space-6);font-size:var(--sf-text-md);border-radius:var(--sf-radius-lg)}.sf-btn.loading{pointer-events:none;opacity:.8}.sf-btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite sf-spin}.sf-label{font-size:var(--sf-text-sm);font-weight:var(--sf-font-medium);color:var(--sf-text-primary);margin-bottom:var(--sf-space-2);line-height:1;display:block}.sf-label-required:after{content:" *";color:var(--sf-danger-500);font-weight:var(--sf-font-normal)}.sf-input,.sf-select,.sf-textarea{width:100%;font-family:var(--sf-font-sans);font-size:var(--sf-text-base);font-weight:var(--sf-font-normal);color:var(--sf-text-primary);background:var(--sf-bg-surface);border:1px solid var(--sf-border-default);border-radius:var(--sf-radius-md);padding:8px var(--sf-space-3);line-height:var(--sf-leading-normal);transition:border-color var(--sf-transition-fast), box-shadow var(--sf-transition-fast);appearance:none;outline:none}.sf-input::placeholder,.sf-textarea::placeholder{color:var(--sf-text-tertiary)}.sf-input:hover,.sf-select:hover,.sf-textarea:hover{border-color:var(--sf-border-strong)}.sf-input:focus,.sf-select:focus,.sf-textarea:focus{border-color:var(--sf-border-focus);box-shadow:var(--sf-shadow-focus)}.sf-input-sm{font-size:var(--sf-text-sm);border-radius:var(--sf-radius-sm);padding:5px 10px}.sf-input-lg{padding:10px var(--sf-space-4);font-size:var(--sf-text-md);border-radius:var(--sf-radius-lg)}.sf-input-error,.sf-select-error,.sf-textarea-error{border-color:var(--sf-danger-500)}.sf-input-error:focus,.sf-select-error:focus,.sf-textarea-error:focus{border-color:var(--sf-danger-500);box-shadow:var(--sf-shadow-focus-error)}.sf-input:disabled,.sf-select:disabled,.sf-textarea:disabled{background:var(--sf-bg-surface-2);color:var(--sf-text-tertiary);cursor:not-allowed}.sf-input-group{align-items:center;display:flex;position:relative}.sf-input-group .sf-input-prefix,.sf-input-group .sf-input-suffix{color:var(--sf-text-tertiary);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.sf-input-group .sf-input-prefix{left:var(--sf-space-3)}.sf-input-group .sf-input-suffix{right:var(--sf-space-3)}.sf-input-group.has-prefix .sf-input{padding-left:2.25rem}.sf-input-group.has-suffix .sf-input{padding-right:2.25rem}.sf-textarea{resize:vertical;min-height:80px;line-height:var(--sf-leading-relaxed)}.sf-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:2rem}.sf-checkbox,.sf-radio{width:16px;height:16px;accent-color:var(--sf-brand-500);cursor:pointer;flex-shrink:0}.sf-field{gap:var(--sf-space-2);flex-direction:column;display:flex}.sf-field-error{font-size:var(--sf-text-xs);color:var(--sf-danger-600);align-items:center;gap:var(--sf-space-1);display:flex}.sf-field-hint{font-size:var(--sf-text-xs);color:var(--sf-text-tertiary)}.sf-form-section{background:var(--sf-bg-surface);border:1px solid var(--sf-border-default);border-radius:var(--sf-radius-xl);padding:var(--sf-space-6);margin-bottom:var(--sf-space-5)}.sf-form-section-title{font-size:var(--sf-text-md);font-weight:var(--sf-font-semibold);color:var(--sf-text-primary);margin-bottom:var(--sf-space-5);padding-bottom:var(--sf-space-4);border-bottom:1px solid var(--sf-border-default)}.sf-form-grid{gap:var(--sf-space-4);display:grid}.sf-form-grid-2{grid-template-columns:1fr 1fr}.sf-form-grid-3{grid-template-columns:1fr 1fr 1fr}.sf-form-grid-4{grid-template-columns:repeat(4,1fr)}.sf-form-footer{justify-content:flex-end;align-items:center;gap:var(--sf-space-3);padding-top:var(--sf-space-5);border-top:1px solid var(--sf-border-default);margin-top:var(--sf-space-5);display:flex}.sf-table-container{background:var(--sf-bg-surface);border:1px solid var(--sf-border-default);border-radius:var(--sf-radius-xl);box-shadow:var(--sf-shadow-xs);overflow:hidden}.sf-table-toolbar{align-items:center;gap:var(--sf-space-3);padding:var(--sf-space-4) var(--sf-space-5);border-bottom:1px solid var(--sf-border-default);flex-wrap:wrap;display:flex}.sf-table-toolbar-spacer{flex:1}.sf-table-search{align-items:center;gap:var(--sf-space-2);background:var(--sf-bg-surface-2);border:1px solid var(--sf-border-default);border-radius:var(--sf-radius-md);padding:6px var(--sf-space-3);min-width:220px;transition:border-color var(--sf-transition-fast);display:flex}.sf-table-search:focus-within{border-color:var(--sf-border-focus)}.sf-table-search input{font-size:var(--sf-text-sm);color:var(--sf-text-primary);font-family:var(--sf-font-sans);background:0 0;border:none;outline:none;flex:1}.sf-table-search input::placeholder{color:var(--sf-text-tertiary)}.sf-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.sf-table{border-collapse:collapse;width:100%;font-size:var(--sf-text-sm);min-width:600px}.sf-table thead{background:var(--sf-bg-surface-2);z-index:1;position:sticky;top:0}.sf-table thead th{padding:10px var(--sf-space-4);text-align:left;font-size:var(--sf-text-xs);font-weight:var(--sf-font-semibold);letter-spacing:.05em;text-transform:uppercase;color:var(--sf-text-secondary);white-space:nowrap;border-bottom:1px solid var(--sf-border-default)}.sf-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sf-table thead th.sortable:hover{color:var(--sf-text-primary);background:var(--sf-gray-100)}.sf-sort-icon{color:var(--sf-text-tertiary);transition:color var(--sf-transition-fast);align-items:center;margin-left:4px;display:inline-flex}.sf-table thead th.sorted .sf-sort-icon{color:var(--sf-brand-500)}.sf-table tbody tr{border-bottom:1px solid var(--sf-border-default);transition:background var(--sf-transition-fast)}.sf-table tbody tr:last-child{border-bottom:none}.sf-table tbody tr:hover{background:var(--sf-gray-50)}.dark .sf-table tbody tr:hover{background:var(--sf-bg-surface-2)}.sf-table tbody tr.selected{background:var(--sf-brand-50)}.dark .sf-table tbody tr.selected{background:#6366f114}.sf-table tbody td{padding:11px var(--sf-space-4);color:var(--sf-text-primary);vertical-align:middle;max-width:320px}.sf-table td.col-check,.sf-table th.col-check{width:40px;padding:11px var(--sf-space-3) 11px var(--sf-space-4)}.sf-table td.col-actions{white-space:nowrap;text-align:right;width:1%;padding-right:var(--sf-space-4)}.sf-table td.col-num,.sf-table th.col-num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--sf-font-mono);font-size:var(--sf-text-sm)}.sf-table-empty{padding:var(--sf-space-16) var(--sf-space-8);text-align:center}.sf-table-empty-icon{width:40px;height:40px;margin:0 auto var(--sf-space-4);color:var(--sf-text-tertiary)}.sf-table-empty-title{font-size:var(--sf-text-md);font-weight:var(--sf-font-semibold);color:var(--sf-text-primary);margin-bottom:var(--sf-space-2)}.sf-table-empty-description{font-size:var(--sf-text-sm);color:var(--sf-text-secondary);margin-bottom:var(--sf-space-5);max-width:320px;margin-left:auto;margin-right:auto}.sf-pagination{padding:var(--sf-space-3) var(--sf-space-5);border-top:1px solid var(--sf-border-default);justify-content:space-between;align-items:center;gap:var(--sf-space-4);flex-wrap:wrap;display:flex}.sf-pagination-info{font-size:var(--sf-text-sm);color:var(--sf-text-secondary)}.sf-pagination-controls{align-items:center;gap:var(--sf-space-1);display:flex}.sf-pagination-btn{border-radius:var(--sf-radius-md);width:32px;height:32px;font-size:var(--sf-text-sm);font-weight:var(--sf-font-medium);font-family:var(--sf-font-sans);cursor:pointer;color:var(--sf-text-secondary);transition:var(--sf-transition-all);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.sf-pagination-btn:hover{background:var(--sf-gray-100);color:var(--sf-text-primary);border-color:var(--sf-border-default)}.sf-pagination-btn.active{background:var(--sf-brand-500);color:#fff;border-color:var(--sf-brand-500)}.sf-pagination-btn:disabled{opacity:.4;pointer-events:none}.sf-badge{border-radius:var(--sf-radius-full);font-size:var(--sf-text-xs);font-weight:var(--sf-font-semibold);letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:3px 9px;line-height:1;display:inline-flex}.sf-badge-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.sf-badge-draft{background:var(--sf-status-draft-bg);color:var(--sf-status-draft-text);border-color:var(--sf-status-draft-border)}.sf-badge-pending{background:var(--sf-status-pending-bg);color:var(--sf-status-pending-text);border-color:var(--sf-status-pending-border)}.sf-badge-approved{background:var(--sf-status-approved-bg);color:var(--sf-status-approved-text);border-color:var(--sf-status-approved-border)}.sf-badge-intransit{background:var(--sf-status-intransit-bg);color:var(--sf-status-intransit-text);border-color:var(--sf-status-intransit-border)}.sf-badge-completed{background:var(--sf-status-completed-bg);color:var(--sf-status-completed-text);border-color:var(--sf-status-completed-border)}.sf-badge-cancelled{background:var(--sf-status-cancelled-bg);color:var(--sf-status-cancelled-text);border-color:var(--sf-status-cancelled-border)}.sf-badge-paid{background:var(--sf-status-paid-bg);color:var(--sf-status-paid-text);border-color:var(--sf-status-paid-border)}.sf-badge-unpaid{background:var(--sf-status-unpaid-bg);color:var(--sf-status-unpaid-text);border-color:var(--sf-status-unpaid-border)}.sf-badge-partial{background:var(--sf-status-partial-bg);color:var(--sf-status-partial-text);border-color:var(--sf-status-partial-border)}.sf-badge-posted{background:var(--sf-status-posted-bg);color:var(--sf-status-posted-text);border-color:var(--sf-status-posted-border)}.sf-badge-voided{background:var(--sf-status-voided-bg);color:var(--sf-status-voided-text);border-color:var(--sf-status-voided-border)}.sf-badge-success{background:var(--sf-success-50);color:var(--sf-success-800);border-color:var(--sf-success-200)}.sf-badge-warning{background:var(--sf-warning-50);color:var(--sf-warning-800);border-color:var(--sf-warning-200)}.sf-badge-danger{background:var(--sf-danger-50);color:var(--sf-danger-800);border-color:var(--sf-danger-200)}.sf-badge-info{background:var(--sf-info-50);color:var(--sf-info-800);border-color:var(--sf-info-200)}.sf-badge-brand{background:var(--sf-brand-50);color:var(--sf-brand-800);border-color:var(--sf-brand-200)}.sf-badge-neutral{background:var(--sf-gray-100);color:var(--sf-gray-700);border-color:var(--sf-gray-300)}.sf-badge-sm{padding:2px 7px;font-size:10px}.sf-badge-lg{font-size:var(--sf-text-sm);padding:5px 12px}.sf-overlay{background:var(--sf-bg-overlay);z-index:var(--sf-z-overlay);padding:var(--sf-space-4);justify-content:center;align-items:center;animation:.15s sf-fade-in;display:flex;position:fixed;inset:0}.sf-modal{background:var(--sf-bg-surface);border:1px solid var(--sf-border-default);border-radius:var(--sf-radius-2xl);box-shadow:var(--sf-shadow-xl);flex-direction:column;width:100%;max-height:90vh;animation:.2s sf-slide-up;display:flex;overflow:hidden}.sf-modal-sm{max-width:440px}.sf-modal-md{max-width:600px}.sf-modal-lg{max-width:800px}.sf-modal-xl{max-width:1000px}.sf-modal-header{padding:var(--sf-space-5) var(--sf-space-6);border-bottom:1px solid var(--sf-border-default);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.sf-modal-title{font-size:var(--sf-text-lg);font-weight:var(--sf-font-semibold);color:var(--sf-text-primary);letter-spacing:-.015em}.sf-modal-close{border-radius:var(--sf-radius-md);width:30px;height:30px;color:var(--sf-text-tertiary);cursor:pointer;transition:var(--sf-transition-all);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sf-modal-close:hover{background:var(--sf-gray-100);color:var(--sf-text-primary)}.sf-modal-body{padding:var(--sf-space-6);flex:1;overflow-y:auto}.sf-modal-footer{justify-content:flex-end;align-items:center;gap:var(--sf-space-3);padding:var(--sf-space-4) var(--sf-space-6);border-top:1px solid var(--sf-border-default);flex-shrink:0;display:flex}.sf-drawer-overlay{background:var(--sf-bg-overlay);z-index:var(--sf-z-overlay);animation:.15s sf-fade-in;position:fixed;inset:0}.sf-drawer{background:var(--sf-bg-surface);border-left:1px solid var(--sf-border-default);width:480px;box-shadow:var(--sf-shadow-xl);z-index:var(--sf-z-modal);flex-direction:column;animation:.22s sf-slide-in-right;display:flex;position:fixed;top:0;bottom:0;right:0}.sf-drawer-sm{width:380px}.sf-drawer-lg{width:640px}.sf-alert{gap:var(--sf-space-3);padding:var(--sf-space-4) var(--sf-space-5);border-radius:var(--sf-radius-lg);font-size:var(--sf-text-sm);border:1px solid #0000;display:flex}.sf-alert-icon{flex-shrink:0;margin-top:1px}.sf-alert-title{font-weight:var(--sf-font-semibold);margin-bottom:var(--sf-space-1)}.sf-alert-info{background:var(--sf-info-50);border-color:var(--sf-info-200);color:var(--sf-info-800)}.sf-alert-success{background:var(--sf-success-50);border-color:var(--sf-success-200);color:var(--sf-success-800)}.sf-alert-warning{background:var(--sf-warning-50);border-color:var(--sf-warning-200);color:var(--sf-warning-800)}.sf-alert-danger{background:var(--sf-danger-50);border-color:var(--sf-danger-200);color:var(--sf-danger-800)}.sf-toast-container{bottom:var(--sf-space-5);right:var(--sf-space-5);z-index:var(--sf-z-toast);gap:var(--sf-space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.sf-toast{align-items:flex-start;gap:var(--sf-space-3);background:var(--sf-bg-surface);border:1px solid var(--sf-border-default);border-radius:var(--sf-radius-xl);padding:var(--sf-space-3) var(--sf-space-4);box-shadow:var(--sf-shadow-lg);pointer-events:all;min-width:300px;max-width:420px;animation:.25s sf-toast-in;display:flex}.sf-toast-title{font-size:var(--sf-text-sm);font-weight:var(--sf-font-semibold);color:var(--sf-text-primary)}.sf-toast-message{font-size:var(--sf-text-xs);color:var(--sf-text-secondary);margin-top:2px}.sf-toast-success{border-left:3px solid var(--sf-success-500)}.sf-toast-error{border-left:3px solid var(--sf-danger-500)}.sf-toast-warning{border-left:3px solid var(--sf-warning-500)}.sf-toast-info{border-left:3px solid var(--sf-brand-500)}.sf-tabs{border-bottom:1px solid var(--sf-border-default);margin-bottom:var(--sf-space-5);gap:0;display:flex}.sf-tab{align-items:center;gap:var(--sf-space-2);padding:10px var(--sf-space-5);font-size:var(--sf-text-sm);font-weight:var(--sf-font-medium);color:var(--sf-text-secondary);cursor:pointer;font-family:var(--sf-font-sans);transition:color var(--sf-transition-fast), border-color var(--sf-transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;text-decoration:none;display:flex}.sf-tab:hover{color:var(--sf-text-primary)}.sf-tab.active{color:var(--sf-brand-600);border-bottom-color:var(--sf-brand-500)}.sf-tab-count{background:var(--sf-gray-200);min-width:18px;height:18px;color:var(--sf-gray-700);border-radius:var(--sf-radius-full);font-size:10px;font-weight:var(--sf-font-semibold);justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.sf-tab.active .sf-tab-count{background:var(--sf-brand-100);color:var(--sf-brand-700)}.sf-stock-bar{background:var(--sf-gray-200);border-radius:var(--sf-radius-full);height:6px;overflow:hidden}.sf-stock-bar-fill{border-radius:var(--sf-radius-full);height:100%;transition:width .4s}.sf-stock-bar-fill.in-stock{background:var(--sf-success-500)}.sf-stock-bar-fill.low-stock{background:var(--sf-warning-500)}.sf-stock-bar-fill.critical{background:var(--sf-danger-500)}.sf-stock-bar-fill.out-stock{background:var(--sf-gray-300)}.sf-stock-label{font-size:var(--sf-text-xs);font-weight:var(--sf-font-semibold)}.sf-stock-label.in-stock{color:var(--sf-success-700)}.sf-stock-label.low-stock{color:var(--sf-warning-700)}.sf-stock-label.critical{color:var(--sf-danger-700)}.sf-stock-label.out-stock{color:var(--sf-text-tertiary)}.sf-approval-panel{background:var(--sf-warning-50);border:1px solid var(--sf-warning-200);border-radius:var(--sf-radius-xl);padding:var(--sf-space-5) var(--sf-space-6)}.sf-approval-panel-high-risk{background:var(--sf-danger-50);border-color:var(--sf-danger-200)}.sf-approval-actions{align-items:center;gap:var(--sf-space-3);margin-top:var(--sf-space-4);flex-wrap:wrap;display:flex}}@layer utilities{.sf-text-mono{font-family:var(--sf-font-mono);font-variant-numeric:tabular-nums}.sf-text-balance{text-wrap:balance}.sf-amount{font-family:var(--sf-font-mono);font-variant-numeric:tabular-nums;font-weight:var(--sf-font-medium)}.sf-amount-positive{color:var(--sf-success-700)}.sf-amount-negative{color:var(--sf-danger-700)}.sf-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sf-skeleton{background:linear-gradient(90deg, var(--sf-gray-200) 25%, var(--sf-gray-100) 50%, var(--sf-gray-200) 75%);border-radius:var(--sf-radius-md);background-size:200% 100%;animation:1.5s infinite sf-shimmer}.sf-divider{background:var(--sf-border-default);height:1px;margin:var(--sf-space-5) 0;border:none}.sf-divider-vertical{background:var(--sf-border-default);align-self:stretch;width:1px}.sf-section{margin-bottom:var(--sf-space-8)}.sf-section-sm{margin-bottom:var(--sf-space-5)}.sf-section-lg{margin-bottom:var(--sf-space-12)}.sf-grid-2{gap:var(--sf-space-4);grid-template-columns:repeat(2,1fr);display:grid}.sf-grid-3{gap:var(--sf-space-4);grid-template-columns:repeat(3,1fr);display:grid}.sf-grid-4{gap:var(--sf-space-4);grid-template-columns:repeat(4,1fr);display:grid}.sf-grid-auto{gap:var(--sf-space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.sf-flex{align-items:center;display:flex}.sf-flex-between{justify-content:space-between;align-items:center;display:flex}.sf-flex-center{justify-content:center;align-items:center;display:flex}.sf-flex-col{flex-direction:column;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sf-no-select{-webkit-user-select:none;user-select:none}@media print{.sf-no-print{display:none!important}.sf-print-only{display:block!important}.sf-sidebar,.sf-header,.sf-table-toolbar{display:none!important}.sf-main{margin:0;padding:0}}.sf-print-only{display:none}}@keyframes sf-spin{to{transform:rotate(360deg)}}@keyframes sf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sf-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes sf-slide-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes sf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes sf-toast-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes sf-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:1024px){.sf-app-shell{grid-template-columns:var(--sf-sidebar-width-collapsed) 1fr}.sf-sidebar{width:var(--sf-sidebar-width-collapsed)}.sf-sidebar-logo-text,.sf-nav-label,.sf-nav-section-label{display:none}.sf-nav-item{margin:1px var(--sf-space-1);justify-content:center;padding:10px}.sf-nav-item.active:before{display:none}.sf-page{padding:var(--sf-space-4) var(--sf-space-5)}.sf-form-grid-3,.sf-form-grid-4{grid-template-columns:1fr 1fr}.sf-grid-4,.sf-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sf-app-shell{grid-template-columns:1fr;grid-template-rows:var(--sf-header-height) 1fr}.sf-sidebar{display:none}.sf-header{grid-column:1;position:sticky;top:0}.sf-main{grid-area:2/1}.sf-page{padding:var(--sf-space-4)}.sf-page-header{flex-direction:column;align-items:stretch}.sf-form-grid-2,.sf-form-grid-3,.sf-form-grid-4,.sf-grid-2,.sf-grid-3,.sf-grid-4{grid-template-columns:1fr}.sf-drawer{border-left:none;border-top:1px solid var(--sf-border-default);border-radius:var(--sf-radius-2xl) var(--sf-radius-2xl) 0 0;width:100%;top:auto}.sf-modal{margin:var(--sf-space-4);max-height:calc(100vh - 2rem)}.sf-pagination{align-items:center;gap:var(--sf-space-3);flex-direction:column}.sf-table-toolbar{flex-direction:column;align-items:stretch}.sf-table-search{min-width:unset}}.sf-layout{height:100vh;display:flex;overflow:hidden}.sf-sidebar{z-index:100;background:var(--sf-sidebar-bg);border-right:1px solid var(--sf-sidebar-border);flex-direction:column;width:240px;min-width:240px;height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.sf-main{flex-direction:column;flex:1;height:100vh;margin-left:240px;display:flex;overflow:hidden auto}.sf-topbar{z-index:50;background:var(--sf-bg-surface);border-bottom:1px solid var(--sf-border-default);justify-content:space-between;align-items:center;height:56px;min-height:56px;padding:0 24px;display:flex;position:sticky;top:0}.sf-content{flex:1;padding:0;overflow-y:auto}.sf-page{max-width:1400px;padding:24px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}