*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:DM Sans,system-ui,-apple-system,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:DM Mono,Fira Code,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([multiple]),textarea,select{appearance:none;--tw-shadow:0 0 #0000;background-color:#fff;border-width:1px;border-color:#6b7280;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}input:where([type=text]):focus,input:where(:not([type])):focus,input:where([type=email]):focus,input:where([type=url]):focus,input:where([type=password]):focus,input:where([type=number]):focus,input:where([type=date]):focus,input:where([type=datetime-local]):focus,input:where([type=month]):focus,input:where([type=search]):focus,input:where([type=tel]):focus,input:where([type=time]):focus,input:where([type=week]):focus,select:where([multiple]):focus,textarea:focus,select:focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-color:#2563eb;outline:2px solid #0000}input::-moz-placeholder{color:#6b7280;opacity:1}textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{-webkit-print-color-adjust:exact;print-color-adjust:exact;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}select:where([multiple]),select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;-webkit-print-color-adjust:unset;print-color-adjust:unset;padding-right:.75rem}input:where([type=checkbox]),input:where([type=radio]){appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:middle;-webkit-user-select:none;user-select:none;color:#2563eb;--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-width:1px;border-color:#6b7280;flex-shrink:0;width:1rem;height:1rem;padding:0;display:inline-block}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);outline:2px solid #0000}input:where([type=checkbox]):checked,input:where([type=radio]):checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors:active){input:where([type=checkbox]):checked{appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors:active){input:where([type=radio]):checked{appearance:auto}}input:where([type=checkbox]):checked:hover,input:where([type=checkbox]):checked:focus,input:where([type=radio]):checked:hover,input:where([type=radio]):checked:focus{background-color:currentColor;border-color:#0000}input:where([type=checkbox]):indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}@media (forced-colors:active){input:where([type=checkbox]):indeterminate{appearance:auto}}input:where([type=checkbox]):indeterminate:hover,input:where([type=checkbox]):indeterminate:focus{background-color:currentColor;border-color:#0000}input:where([type=file]){background:unset;border-color:inherit;font-size:unset;line-height:inherit;border-width:0;border-radius:0;padding:0}input:where([type=file]):focus{outline:1px solid buttontext;outline:1px auto -webkit-focus-ring-color}: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)}*,: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)}::selection{background:var(--sf-brand-100);color:var(--sf-brand-900)}.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-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-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{background:var(--sf-sidebar-item-active-bg)!important;color:var(--sf-sidebar-text-active)!important}.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-item.\!active:before{content:""!important;background:var(--sf-brand-400)!important;border-radius:0 var(--sf-radius-full) var(--sf-radius-full) 0!important;width:3px!important;position:absolute!important;top:4px!important;bottom:4px!important;left:0!important}.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-item.\!active .sf-nav-icon{color:var(--sf-sidebar-icon-active)!important}.sf-nav-label{text-overflow:ellipsis;flex:1;overflow:hidden}.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-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-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-item.current{color:var(--sf-text-primary);font-weight:var(--sf-font-medium)}.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-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-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-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.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::-moz-placeholder{color:var(--sf-text-tertiary)}.sf-textarea::-moz-placeholder{color:var(--sf-text-tertiary)}.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:disabled,.sf-select:disabled,.sf-textarea:disabled{background:var(--sf-bg-surface-2);color:var(--sf-text-tertiary);cursor:not-allowed}.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-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-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-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)}.sf-table tbody tr.\!selected{background:var(--sf-brand-50)!important}.dark .sf-table tbody tr.selected{background:#6366f114}.dark .sf-table tbody tr.\!selected{background:#6366f114!important}.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-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-btn.\!active{background:var(--sf-brand-500)!important;color:#fff!important;border-color:var(--sf-brand-500)!important}.sf-pagination-btn.active{background:var(--sf-brand-500);color:#fff;border-color:var(--sf-brand-500)}.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-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-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-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-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-tabs{border-bottom:1px solid var(--sf-border-default);margin-bottom:var(--sf-space-5);scrollbar-width:thin;scrollbar-color:var(--sf-border-default) transparent;gap:0;display:flex;overflow-x:auto}.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.\!active{color:var(--sf-brand-600)!important;border-bottom-color:var(--sf-brand-500)!important}.sf-tab.active .sf-tab-count{background:var(--sf-brand-100);color:var(--sf-brand-700)}.sf-tab.\!active .sf-tab-count{background:var(--sf-brand-100)!important;color:var(--sf-brand-700)!important}.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.low-stock{color:var(--sf-warning-700)}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0) scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0) scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.sf-text-mono{font-family:var(--sf-font-mono);font-variant-numeric:tabular-nums}.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}@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}}@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}