@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-cyrillic-ext-wght-normal-DzyfIafT.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-cyrillic-wght-normal-BMDVbyM7.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-greek-ext-wght-normal-BWSLJLk6.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-greek-wght-normal-C9H9m1vD.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-vietnamese-wght-normal-C1uRvKPU.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-latin-ext-wght-normal-C8iNium2.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-latin-wght-normal-BqRLTx4X.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Sinhala Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-sinhala-sinhala-wght-normal-Dqt08u3R.woff2)format("woff2-variations");unicode-range:U+964-965,U+D81-DF4,U+1CF2,U+200C-200D,U+25CC,U+111E1-111F4}@font-face{font-family:Noto Sans Sinhala Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-sinhala-latin-ext-wght-normal-De4MSImy.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Sinhala Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-sinhala-latin-wght-normal-BQbWk-7s.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Tamil Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-tamil-tamil-wght-normal-iihgzMBi.woff2)format("woff2-variations");unicode-range:U+964-965,U+B82-BFA,U+200C-200D,U+20B9,U+25CC}@font-face{font-family:Noto Sans Tamil Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-tamil-latin-ext-wght-normal-D1TiJAvN.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Tamil Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-tamil-latin-wght-normal-Cd-SWREo.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--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-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--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;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:sf-spin .8s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--ease-smooth:cubic-bezier(.2, .8, .2, 1);--animate-fade-in:sf-fade-in .2s var(--ease-smooth) both;--animate-fade-out:sf-fade-out .15s ease-in both;--animate-page-in:sf-rise-in .22s var(--ease-smooth) both;--animate-list-in:sf-rise-in .2s var(--ease-smooth) both;--animate-pop-in:sf-pop-in .16s var(--ease-smooth) both;--animate-pop-out:sf-pop-out .12s ease-in both;--animate-dialog-in:sf-dialog-in .22s var(--ease-smooth) both;--animate-dialog-out:sf-dialog-out .15s ease-in both;--animate-sheet-up:sf-sheet-up .25s var(--ease-smooth) both;--animate-sheet-down:sf-sheet-down .2s ease-in both;--animate-sheet-left-in:sf-sheet-left-in .25s var(--ease-smooth) both;--animate-sheet-left-out:sf-sheet-left-out .2s ease-in both;--animate-sheet-right-in:sf-sheet-right-in .25s var(--ease-smooth) both;--animate-sheet-right-out:sf-sheet-right-out .2s ease-in both;--animate-pulse-soft:sf-pulse-soft 1.6s ease-in-out infinite;--color-background:var(--sf-background);--color-fg:var(--sf-fg);--color-primary:var(--sf-primary);--color-primary-hover:var(--sf-primary-hover);--color-primary-fg:var(--sf-primary-fg);--color-primary-soft:var(--sf-primary-soft);--color-primary-soft-fg:var(--sf-primary-soft-fg);--color-accent:var(--sf-accent);--color-danger:var(--sf-danger);--font-heading:var(--sf-font-heading);--font-body:var(--sf-font-body)}}@layer legacy{:root{--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-dim:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root{--color-primary-dim:color-mix(in srgb, var(--color-primary) 12%, transparent)}}:root{--color-secondary:#ec4899;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--bg-app:#0d0f18;--bg-sidebar:#111320;--bg-card:#161929;--bg-card-hover:#1c2035;--bg-glass:#ffffff0a;--bg-input:#ffffff0f;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--border-subtle:#ffffff12;--border-focus:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root{--border-focus:color-mix(in srgb, var(--color-primary) 60%, transparent)}}:root{--shadow-card:0 4px 24px #0000004d;--shadow-glow:0 0 30px var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root{--shadow-glow:0 0 30px color-mix(in srgb, var(--color-primary) 20%, transparent)}}:root{--shadow-modal:0 25px 60px #0009;--glass-backdrop:blur(16px);--transition-fast:.15s ease;--transition-normal:.25s ease;--sidebar-width:240px;--header-height:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px}.light-theme{--bg-app:#f8fafc;--bg-sidebar:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-glass:#0000000a;--bg-input:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-subtle:#0000001a;--border-focus:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.light-theme{--border-focus:color-mix(in srgb, var(--color-primary) 60%, transparent)}}.light-theme{--shadow-card:0 4px 24px #0000000f;--shadow-glow:0 0 30px var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.light-theme{--shadow-glow:0 0 30px color-mix(in srgb, var(--color-primary) 15%, transparent)}}.light-theme{--shadow-modal:0 25px 60px #00000026}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}body{background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.55;overflow:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}p{margin:0}#root{width:100%;height:100%;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-fade-in{animation:.28s forwards fadeUp}.animate-scale-in{animation:.22s forwards scaleIn}.fw-500{font-weight:500}.fw-600{font-weight:600}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-success{color:var(--sf-success-fg)}.text-danger{color:var(--sf-danger-fg)}.text-warning{color:var(--sf-warning-fg)}.badge{letter-spacing:.02em;white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{background:var(--sf-success-soft);color:var(--sf-success-fg);border:1px solid var(--sf-success-fg)}@supports (color:color-mix(in lab, red, red)){.badge-success{border:1px solid color-mix(in srgb, var(--sf-success-fg) 22%, transparent)}}.badge-warning{background:var(--sf-warning-soft);color:var(--sf-warning-fg);border:1px solid var(--sf-warning-fg)}@supports (color:color-mix(in lab, red, red)){.badge-warning{border:1px solid color-mix(in srgb, var(--sf-warning-fg) 22%, transparent)}}.badge-neutral{background:var(--sf-surface-muted);color:var(--sf-fg-muted);border:1px solid var(--sf-border)}.badge-info{background:var(--sf-info-soft);color:var(--sf-info-fg);border:1px solid var(--sf-info-fg)}@supports (color:color-mix(in lab, red, red)){.badge-info{border:1px solid color-mix(in srgb, var(--sf-info-fg) 22%, transparent)}}.badge-danger{background:var(--sf-danger-soft);color:var(--sf-danger-fg);border:1px solid var(--sf-danger-fg)}@supports (color:color-mix(in lab, red, red)){.badge-danger{border:1px solid color-mix(in srgb, var(--sf-danger-fg) 22%, transparent)}}.btn-primary{background:var(--color-primary);color:var(--color-primary-fg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--sf-shadow-xs);white-space:nowrap;border:none;align-items:center;gap:7px;padding:9px 18px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--sf-shadow-sm)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-ghost{border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.btn-ghost:hover{background:var(--bg-glass);color:var(--text-primary);border-color:var(--sf-border-strong)}.btn-danger{background:var(--sf-danger-fg);align-items:center;gap:6px;padding:8px 16px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.btn-danger{background:color-mix(in srgb, var(--sf-danger-fg) 12%, transparent)}}.btn-danger{border:1px solid var(--sf-danger-fg)}@supports (color:color-mix(in lab, red, red)){.btn-danger{border:1px solid color-mix(in srgb, var(--sf-danger-fg) 30%, transparent)}}.btn-danger{color:var(--sf-danger-fg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:14px;font-weight:500}.btn-danger:hover{background:var(--sf-danger-fg)}@supports (color:color-mix(in lab, red, red)){.btn-danger:hover{background:color-mix(in srgb, var(--sf-danger-fg) 20%, transparent)}}.icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-glass);color:var(--text-primary)}.icon-btn.danger:hover{background:var(--sf-danger-fg)}@supports (color:color-mix(in lab, red, red)){.icon-btn.danger:hover{background:color-mix(in srgb, var(--sf-danger-fg) 12%, transparent)}}.icon-btn.danger:hover{color:var(--sf-danger-fg)}.icon-btn.success:hover{background:var(--sf-success-fg)}@supports (color:color-mix(in lab, red, red)){.icon-btn.success:hover{background:color-mix(in srgb, var(--sf-success-fg) 12%, transparent)}}.icon-btn.success:hover{color:var(--sf-success-fg)}.icon-btn.primary:hover{background:var(--color-primary-dim);color:var(--color-primary)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.page-container{width:100%;max-width:100%;animation:.28s forwards fadeUp}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.3px;font-size:22px;font-weight:700;line-height:1.2}.page-description{color:var(--text-secondary);margin-top:4px;font-size:13px}.toolbar{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 20px;display:flex}.search-box{flex:1;min-width:200px;max-width:340px;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:8px 14px 8px 38px;font-size:13px}.search-box input::placeholder{color:var(--text-muted)}.search-box input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary);outline:none}@supports (color:color-mix(in lab, red, red)){.search-box input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent)}}.checkbox-label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:7px;font-size:13px;display:flex}.result-count{color:var(--text-muted);white-space:nowrap;margin-left:auto;font-size:12px}.table-container,.data-table-container{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);background:var(--sf-surface-muted);border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:10px 20px;font-size:11px;font-weight:600}.data-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:13px 20px;font-size:13px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-glass)}.archived-row{opacity:.5}.actions-col{width:100px}.actions-cell{align-items:center;gap:4px;display:flex}.empty-state{text-align:center;color:var(--text-muted);font-size:14px;padding:56px 24px!important}.empty-icon{color:var(--text-muted);margin-bottom:10px}.product-thumb{border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-input);border:1px solid var(--border-subtle);width:40px;height:40px}.product-thumb.placeholder{flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-overlay{z-index:9999;background:#000000a6;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-modal);animation:.2s scaleIn;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-card);z-index:1;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex;position:sticky;top:0}.modal-header h2{color:var(--text-primary);font-size:16px;font-weight:700}.modal-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.modal-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:10px;padding:16px 24px 20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.form-input,.form-textarea,.form-select{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:9px 13px;font-family:inherit;font-size:14px}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary);outline:none}@supports (color:color-mix(in lab, red, red)){.form-input:focus,.form-textarea:focus,.form-select:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent)}}.form-textarea{resize:vertical;min-height:80px}.form-select option{background:var(--bg-card);color:var(--text-primary)}.input-icon-wrap{position:relative}.input-leading-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.input-icon-wrap .form-input{padding-left:36px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), transform var(--transition-fast);cursor:default;align-items:center;gap:14px;padding:18px;display:flex}.stat-card:hover{border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.stat-card:hover{border-color:color-mix(in srgb, var(--color-primary) 25%, transparent)}}.stat-card:hover{transform:translateY(-1px)}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.stat-icon--blue{background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.stat-icon--blue{background:color-mix(in srgb, var(--color-primary) 15%, transparent)}}.stat-icon--blue{color:var(--color-primary)}.stat-icon--green{background:var(--sf-success-fg)}@supports (color:color-mix(in lab, red, red)){.stat-icon--green{background:color-mix(in srgb, var(--sf-success-fg) 15%, transparent)}}.stat-icon--green{color:var(--sf-success-fg)}.stat-icon--yellow{background:var(--sf-warning-fg)}@supports (color:color-mix(in lab, red, red)){.stat-icon--yellow{background:color-mix(in srgb, var(--sf-warning-fg) 15%, transparent)}}.stat-icon--yellow{color:var(--sf-warning-fg)}.stat-icon--purple{background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.stat-icon--purple{background:color-mix(in srgb, var(--color-primary) 15%, transparent)}}.stat-icon--purple{color:var(--color-primary)}.stat-icon--pink{background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.stat-icon--pink{background:color-mix(in srgb, var(--color-accent) 15%, transparent)}}.stat-icon--pink{color:var(--accent-soft-fg)}.stat-icon--cyan{background:var(--sf-info-fg)}@supports (color:color-mix(in lab, red, red)){.stat-icon--cyan{background:color-mix(in srgb, var(--sf-info-fg) 15%, transparent)}}.stat-icon--cyan{color:var(--sf-info-fg)}.stat-value{color:var(--text-primary);overflow-wrap:anywhere;font-size:22px;font-weight:700;line-height:1.15}.stat-card>*{min-width:0}@media (width<=639px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{flex-direction:column;align-items:flex-start;gap:10px}.stat-value{font-size:20px}}.stat-label{color:var(--text-secondary);margin-top:3px;font-size:12px}.pagination{border-top:1px solid var(--border-subtle);justify-content:center;align-items:center;gap:10px;padding:14px 20px;display:flex}.page-info{color:var(--text-secondary);font-size:12px}.back-link{color:var(--text-secondary);transition:color var(--transition-fast);align-items:center;gap:6px;margin-bottom:16px;font-size:13px;font-weight:500;display:inline-flex}.back-link:hover{color:var(--text-primary)}.customer-cell{align-items:center;gap:10px;display:flex}.customer-avatar{background:var(--color-primary-dim);width:34px;height:34px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.order-number{color:var(--color-primary);font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,monospace;font-size:12px;font-weight:700}.status-badge{border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.status-pending{background:var(--sf-warning-soft);color:var(--sf-warning-fg);border:1px solid var(--sf-warning-fg)}@supports (color:color-mix(in lab, red, red)){.status-pending{border:1px solid color-mix(in srgb, var(--sf-warning-fg) 22%, transparent)}}.status-confirmed{background:var(--sf-info-soft);color:var(--sf-info-fg);border:1px solid var(--sf-info-fg)}@supports (color:color-mix(in lab, red, red)){.status-confirmed{border:1px solid color-mix(in srgb, var(--sf-info-fg) 22%, transparent)}}.status-processing{background:var(--sf-primary-soft);color:var(--sf-primary-soft-fg);border:1px solid var(--sf-primary-soft-fg)}@supports (color:color-mix(in lab, red, red)){.status-processing{border:1px solid color-mix(in srgb, var(--sf-primary-soft-fg) 22%, transparent)}}.status-shipped{background:var(--sf-accent-soft);color:var(--sf-accent-soft-fg);border:1px solid var(--sf-accent-soft-fg)}@supports (color:color-mix(in lab, red, red)){.status-shipped{border:1px solid color-mix(in srgb, var(--sf-accent-soft-fg) 22%, transparent)}}.status-delivered{background:var(--sf-success-soft);color:var(--sf-success-fg);border:1px solid var(--sf-success-fg)}@supports (color:color-mix(in lab, red, red)){.status-delivered{border:1px solid color-mix(in srgb, var(--sf-success-fg) 22%, transparent)}}.status-cancelled{background:var(--sf-danger-soft);color:var(--sf-danger-fg);border:1px solid var(--sf-danger-fg)}@supports (color:color-mix(in lab, red, red)){.status-cancelled{border:1px solid color-mix(in srgb, var(--sf-danger-fg) 22%, transparent)}}.payment-badge{border-radius:20px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.payment-badge.paid{background:var(--sf-success-soft);color:var(--sf-success-fg);border:1px solid var(--sf-success-fg)}@supports (color:color-mix(in lab, red, red)){.payment-badge.paid{border:1px solid color-mix(in srgb, var(--sf-success-fg) 22%, transparent)}}.payment-badge.unpaid{background:var(--sf-warning-soft);color:var(--sf-warning-fg);border:1px solid var(--sf-warning-fg)}@supports (color:color-mix(in lab, red, red)){.payment-badge.unpaid{border:1px solid color-mix(in srgb, var(--sf-warning-fg) 22%, transparent)}}.payment-badge.refunded{background:var(--sf-danger-soft);color:var(--sf-danger-fg);border:1px solid var(--sf-danger-fg)}@supports (color:color-mix(in lab, red, red)){.payment-badge.refunded{border:1px solid color-mix(in srgb, var(--sf-danger-fg) 22%, transparent)}}.filter-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-chip{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.filter-chip:hover{border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.filter-chip:hover{border-color:color-mix(in srgb, var(--color-primary) 40%, transparent)}}.filter-chip:hover{color:var(--text-primary)}.filter-chip.active{background:var(--color-primary-dim);border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.filter-chip.active{border-color:color-mix(in srgb, var(--color-primary) 40%, transparent)}}.filter-chip.active{color:var(--color-primary)}.modal.drawer{border-radius:var(--radius-xl);max-width:520px}.drawer-body{flex-direction:column;gap:18px;max-height:70vh;padding:20px 24px;display:flex;overflow-y:auto}.drawer-section h3{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:10px;font-size:10px;font-weight:700}.drawer-info-row{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);justify-content:space-between;padding:7px 0;font-size:13px;display:flex}.drawer-info-row:last-child{border-bottom:none}.info-label{color:var(--text-muted);font-size:12px}.order-items-list{flex-direction:column;gap:8px;display:flex}.order-item-row{background:var(--bg-glass);border-radius:var(--radius-md);border:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;font-size:13px;display:flex}.order-item-price{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;display:flex}.totals-block{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.totals-row{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);justify-content:space-between;padding:9px 14px;font-size:13px;display:flex}.totals-row:last-child{border-bottom:none}.totals-total{color:var(--text-primary);background:var(--color-primary);font-size:14px;font-weight:700}@supports (color:color-mix(in lab, red, red)){.totals-total{background:color-mix(in srgb, var(--color-primary) 6%, transparent)}}.status-update-grid{flex-wrap:wrap;gap:7px;display:flex}.status-update-btn{cursor:pointer;border:1px solid var(--border-subtle);background:var(--bg-glass);color:var(--text-secondary);transition:all var(--transition-fast);border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:500;display:flex}.status-update-btn:hover{opacity:.85}.status-update-btn:disabled{cursor:not-allowed;opacity:.45}.status-update-btn.active:disabled{opacity:1;cursor:default}.status-update-note{color:var(--text-secondary);margin:0 0 10px;font-size:12px}.status-update-btn.status-pending.active{background:var(--sf-warning-soft);color:var(--sf-warning-fg);border-color:var(--sf-warning-fg)}@supports (color:color-mix(in lab, red, red)){.status-update-btn.status-pending.active{border-color:color-mix(in srgb, var(--sf-warning-fg) 40%, transparent)}}.status-update-btn.status-confirmed.active{background:var(--sf-info-soft);color:var(--sf-info-fg);border-color:var(--sf-info-fg)}@supports (color:color-mix(in lab, red, red)){.status-update-btn.status-confirmed.active{border-color:color-mix(in srgb, var(--sf-info-fg) 40%, transparent)}}.status-update-btn.status-processing.active{background:var(--sf-primary-soft);color:var(--sf-primary-soft-fg);border-color:var(--sf-primary-soft-fg)}@supports (color:color-mix(in lab, red, red)){.status-update-btn.status-processing.active{border-color:color-mix(in srgb, var(--sf-primary-soft-fg) 40%, transparent)}}.status-update-btn.status-shipped.active{background:var(--sf-accent-soft);color:var(--sf-accent-soft-fg);border-color:var(--sf-accent-soft-fg)}@supports (color:color-mix(in lab, red, red)){.status-update-btn.status-shipped.active{border-color:color-mix(in srgb, var(--sf-accent-soft-fg) 40%, transparent)}}.status-update-btn.status-delivered.active{background:var(--sf-success-soft);color:var(--sf-success-fg);border-color:var(--sf-success-fg)}@supports (color:color-mix(in lab, red, red)){.status-update-btn.status-delivered.active{border-color:color-mix(in srgb, var(--sf-success-fg) 40%, transparent)}}.status-update-btn.status-cancelled.active{background:var(--sf-danger-soft);color:var(--sf-danger-fg);border-color:var(--sf-danger-fg)}@supports (color:color-mix(in lab, red, red)){.status-update-btn.status-cancelled.active{border-color:color-mix(in srgb, var(--sf-danger-fg) 40%, transparent)}}.notes-text{color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px;font-size:13px;line-height:1.6}.orders-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px;display:grid}@media (width<=639px){.orders-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.order-drawer{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-modal);animation:.2s scaleIn;overflow-y:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin;display:inline-block}}@layer base{html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background-color:var(--color-background);color:var(--color-fg);font-family:var(--font-body);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.01em;font-weight:600}::selection{background-color:var(--color-primary-soft);color:var(--color-primary-soft-fg)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html,body{height:auto;min-height:100%}body{overflow:hidden auto}#root{height:auto;min-height:100dvh}::-webkit-scrollbar-thumb{background:var(--sf-fg)}@supports (color:color-mix(in lab, red, red)){::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--sf-fg) 18%, transparent)}}::-webkit-scrollbar-thumb:hover{background:var(--sf-fg)}@supports (color:color-mix(in lab, red, red)){::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--sf-fg) 30%, transparent)}}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.right-0{right:0}.right-2\.5{right:calc(var(--spacing) * 2.5)}.right-3{right:calc(var(--spacing) * 3)}.bottom-0{bottom:0}.left-0{left:0}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.col-span-4{grid-column:span 4/span 4}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-1{margin-inline:var(--spacing)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mb-1{margin-bottom:var(--spacing)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-\[1\.125rem\]{width:1.125rem;height:1.125rem}.h-1{height:var(--spacing)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-\[calc\(3\.5rem\+env\(safe-area-inset-top\)\)\]{height:calc(3.5rem + env(safe-area-inset-top))}.h-auto{height:auto}.h-dvh{height:100dvh}.h-px{height:1px}.max-h-\[85dvh\]{max-height:85dvh}.max-h-\[92dvh\]{max-height:92dvh}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-dvh{min-height:100dvh}.w-6{width:calc(var(--spacing) * 6)}.w-10{width:calc(var(--spacing) * 10)}.w-14{width:calc(var(--spacing) * 14)}.w-64{width:calc(var(--spacing) * 64)}.w-\[4\.5rem\]{width:4.5rem}.w-\[min\(20rem\,85vw\)\]{width:min(20rem,85vw)}.w-\[min\(24rem\,90vw\)\]{width:min(24rem,90vw)}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.max-w-40{max-width:calc(var(--spacing) * 40)}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-lg{max-width:var(--container-lg)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-56{min-width:calc(var(--spacing) * 56)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-fade-in{animation:var(--animate-fade-in)}.animate-list-in{animation:var(--animate-list-in)}.animate-page-in{animation:var(--animate-page-in)}.animate-pulse-soft{animation:var(--animate-pulse-soft)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)_32px\]{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) 32px}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-border{border-color:var(--sf-border)}.border-border-strong{border-color:var(--sf-border-strong)}.border-transparent{border-color:#0000}.bg-accent{background-color:var(--sf-accent)}.bg-accent-soft{background-color:var(--sf-accent-soft)}.bg-background{background-color:var(--sf-background)}.bg-border{background-color:var(--sf-border)}.bg-current{background-color:currentColor}.bg-danger{background-color:var(--sf-danger)}.bg-danger-soft{background-color:var(--sf-danger-soft)}.bg-info-soft{background-color:var(--sf-info-soft)}.bg-nav-active{background-color:var(--sf-nav-active)}.bg-overlay{background-color:var(--sf-overlay)}.bg-primary{background-color:var(--sf-primary)}.bg-primary-soft{background-color:var(--sf-primary-soft)}.bg-success-soft{background-color:var(--sf-success-soft)}.bg-surface{background-color:var(--sf-surface)}.bg-surface-muted,.bg-surface-muted\/60{background-color:var(--sf-surface-muted)}@supports (color:color-mix(in lab, red, red)){.bg-surface-muted\/60{background-color:color-mix(in oklab, var(--sf-surface-muted) 60%, transparent)}}.bg-warning-soft{background-color:var(--sf-warning-soft)}.p-1{padding:var(--spacing)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-0{padding-inline:0}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-\[env\(safe-area-inset-top\)\]{padding-top:env(safe-area-inset-top)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-1{padding-bottom:var(--spacing)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-\[calc\(6rem\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(6rem + env(safe-area-inset-bottom))}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pb-\[max\(1\.25rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(1.25rem, env(safe-area-inset-bottom))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-heading{font-family:var(--sf-font-heading)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-accent-fg{color:var(--sf-accent-fg)}.text-accent-soft-fg{color:var(--sf-accent-soft-fg)}.text-border-strong{color:var(--sf-border-strong)}.text-danger{color:var(--sf-danger)}.text-danger-fg{color:var(--sf-danger-fg)}.text-danger-on{color:var(--sf-danger-on)}.text-fg{color:var(--sf-fg)}.text-fg-muted{color:var(--sf-fg-muted)}.text-fg-subtle{color:var(--sf-fg-subtle)}.text-info-fg{color:var(--sf-info-fg)}.text-primary{color:var(--sf-primary)}.text-primary\!{color:var(--sf-primary)!important}.text-primary-fg{color:var(--sf-primary-fg)}.text-primary-soft-fg{color:var(--sf-primary-soft-fg)}.text-success-fg{color:var(--sf-success-fg)}.text-warning-fg{color:var(--sf-warning-fg)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.accent-fg{accent-color:var(--sf-fg)}.shadow-lg{--tw-shadow:var(--sf-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:var(--sf-shadow-xl);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:var(--sf-shadow-xs);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--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)}.ring-accent-soft-fg\/20{--tw-ring-color:var(--sf-accent-soft-fg)}@supports (color:color-mix(in lab, red, red)){.ring-accent-soft-fg\/20{--tw-ring-color:color-mix(in oklab, var(--sf-accent-soft-fg) 20%, transparent)}}.ring-border{--tw-ring-color:var(--sf-border)}.ring-danger-fg\/20{--tw-ring-color:var(--sf-danger-fg)}@supports (color:color-mix(in lab, red, red)){.ring-danger-fg\/20{--tw-ring-color:color-mix(in oklab, var(--sf-danger-fg) 20%, transparent)}}.ring-info-fg\/20{--tw-ring-color:var(--sf-info-fg)}@supports (color:color-mix(in lab, red, red)){.ring-info-fg\/20{--tw-ring-color:color-mix(in oklab, var(--sf-info-fg) 20%, transparent)}}.ring-primary-soft-fg\/15{--tw-ring-color:var(--sf-primary-soft-fg)}@supports (color:color-mix(in lab, red, red)){.ring-primary-soft-fg\/15{--tw-ring-color:color-mix(in oklab, var(--sf-primary-soft-fg) 15%, transparent)}}.ring-success-fg\/20{--tw-ring-color:var(--sf-success-fg)}@supports (color:color-mix(in lab, red, red)){.ring-success-fg\/20{--tw-ring-color:color-mix(in oklab, var(--sf-success-fg) 20%, transparent)}}.ring-warning-fg\/20{--tw-ring-color:var(--sf-warning-fg)}@supports (color:color-mix(in lab, red, red)){.ring-warning-fg\/20{--tw-ring-color:color-mix(in oklab, var(--sf-warning-fg) 20%, transparent)}}.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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,color\,box-shadow\,transform\]{transition-property:background-color,border-color,color,box-shadow,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\,transform\]{transition-property:background-color,color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,transform\]{transition-property:background-color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[top\,left\,width\,height\]{transition-property:top,left,width,height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}.placeholder\:text-fg-subtle::placeholder{color:var(--sf-fg-subtle)}.first\:hidden:first-child{display:none}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.hover\:border-border-strong:hover{border-color:var(--sf-border-strong)}.hover\:bg-accent-hover:hover{background-color:var(--sf-accent-hover)}.hover\:bg-primary-hover:hover{background-color:var(--sf-primary-hover)}.hover\:bg-surface-muted:hover{background-color:var(--sf-surface-muted)}.hover\:text-fg:hover{color:var(--sf-fg)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:fixed:focus{position:fixed}.focus\:top-3:focus{top:calc(var(--spacing) * 3)}.focus\:left-3:focus{left:calc(var(--spacing) * 3)}.focus-visible\:border-primary:focus-visible{border-color:var(--sf-primary)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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)}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/25:focus-visible{--tw-ring-color:var(--sf-ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/25:focus-visible{--tw-ring-color:color-mix(in oklab, var(--sf-ring) 25%, transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--sf-background)}.active\:scale-\[0\.97\]:active{scale:.97}.active\:scale-\[0\.99\]:active{scale:.99}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-surface-muted:disabled{background-color:var(--sf-surface-muted)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-70:disabled{opacity:.7}.aria-invalid\:border-danger-fg[aria-invalid=true]{border-color:var(--sf-danger-fg)}.aria-invalid\:focus-visible\:ring-danger-fg\/25[aria-invalid=true]:focus-visible{--tw-ring-color:var(--sf-danger-fg)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:focus-visible\:ring-danger-fg\/25[aria-invalid=true]:focus-visible{--tw-ring-color:color-mix(in oklab, var(--sf-danger-fg) 25%, transparent)}}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[highlighted\]\:bg-surface-muted[data-highlighted]{background-color:var(--sf-surface-muted)}.data-\[state\=closed\]\:animate-fade-out[data-state=closed]{animation:var(--animate-fade-out)}.data-\[state\=closed\]\:animate-pop-out[data-state=closed]{animation:var(--animate-pop-out)}.data-\[state\=closed\]\:animate-sheet-down[data-state=closed]{animation:var(--animate-sheet-down)}.data-\[state\=closed\]\:animate-sheet-left-out[data-state=closed]{animation:var(--animate-sheet-left-out)}.data-\[state\=closed\]\:animate-sheet-right-out[data-state=closed]{animation:var(--animate-sheet-right-out)}.data-\[state\=open\]\:animate-fade-in[data-state=open]{animation:var(--animate-fade-in)}.data-\[state\=open\]\:animate-pop-in[data-state=open]{animation:var(--animate-pop-in)}.data-\[state\=open\]\:animate-sheet-left-in[data-state=open]{animation:var(--animate-sheet-left-in)}.data-\[state\=open\]\:animate-sheet-right-in[data-state=open]{animation:var(--animate-sheet-right-in)}.data-\[state\=open\]\:animate-sheet-up[data-state=open]{animation:var(--animate-sheet-up)}@media (width>=40rem){.sm\:inset-auto{inset:auto}.sm\:top-1\/2{top:50%}.sm\:left-1\/2{left:50%}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:hidden{display:none}.sm\:max-h-\[85dvh\]{max-height:85dvh}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:grid-cols-\[1fr_100px_90px_90px_32px\]{grid-template-columns:1fr 100px 90px 90px 32px}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:gap-6{gap:calc(var(--spacing) * 6)}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:border{border-style:var(--tw-border-style);border-width:1px}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:data-\[state\=closed\]\:animate-dialog-out[data-state=closed]{animation:var(--animate-dialog-out)}.sm\:data-\[state\=open\]\:animate-dialog-in[data-state=open]{animation:var(--animate-dialog-in)}}@media (width>=48rem){.md\:block{display:block}.md\:hidden{display:none}.md\:size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.md\:h-10{height:calc(var(--spacing) * 10)}.md\:p-5{padding:calc(var(--spacing) * 5)}.md\:px-5{padding-inline:calc(var(--spacing) * 5)}.md\:pb-5{padding-bottom:calc(var(--spacing) * 5)}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-\[1\.75rem\]{font-size:1.75rem}.md\:leading-9{--tw-leading:calc(var(--spacing) * 9);line-height:calc(var(--spacing) * 9)}}@media (width>=64rem){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-16{height:calc(var(--spacing) * 16)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:p-0{padding:0}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:pt-7{padding-top:calc(var(--spacing) * 7)}.lg\:pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.lg\:pb-10{padding-bottom:calc(var(--spacing) * 10)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-3 svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:size-6 svg{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:text-danger-fg svg{color:var(--sf-danger-fg)}.\[\&_svg\]\:text-fg-subtle svg{color:var(--sf-fg-subtle)}.\[\&\>\*\]\:w-full>*{width:100%}@media (width>=40rem){.sm\:\[\&\>\*\]\:w-auto>*{width:auto}}.focus-visible\:\[\&\>span\:first-child\]\:ring-2:focus-visible>span:first-child{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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)}.focus-visible\:\[\&\>span\:first-child\]\:ring-ring:focus-visible>span:first-child{--tw-ring-color:var(--sf-ring)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sf-background:#f4fcfd;--sf-surface:#fff;--sf-surface-muted:#eef6fa;--sf-border:#d3e2eb;--sf-border-strong:#7298af;--sf-fg:#042a41;--sf-fg-muted:#365c73;--sf-fg-subtle:#4f7389;--sf-primary:#004671;--sf-primary-hover:#003558;--sf-primary-fg:#fff;--sf-primary-soft:#e1f1fb;--sf-primary-soft-fg:#004671;--sf-accent:#f2a93b;--sf-accent-hover:#e3962a;--sf-accent-fg:#042a41;--sf-accent-soft:#fdf1dc;--sf-accent-soft-fg:#8a4f00;--sf-success-soft:#e3f6ee;--sf-success-fg:#0b6b4f;--sf-warning-soft:#fdf0dd;--sf-warning-fg:#9a4a06;--sf-danger:#b42318;--sf-danger-on:#fff;--sf-danger-soft:#fce8e8;--sf-danger-fg:#b42318;--sf-info-soft:#e0f0fa;--sf-info-fg:#0b5a8a;--sf-ring:#004671;--sf-overlay:#021d2e73;--sf-nav-active:#c2e8ff;--sf-shadow-xs:0 1px 2px #042a410f;--sf-shadow-sm:0 1px 3px #042a4114, 0 1px 2px #042a410a;--sf-shadow-md:0 4px 12px -2px #042a411a, 0 2px 4px -2px #042a410f;--sf-shadow-lg:0 12px 28px -6px #042a4129, 0 4px 8px -4px #042a410f;--sf-shadow-xl:0 24px 48px -12px #042a4138;--sf-font-scripts:"Noto Sans Sinhala Variable", "Noto Sans Tamil Variable";--sf-font-heading:"Fraunces Variable", var(--sf-font-scripts), ui-serif, Georgia, serif;--sf-font-body:"Source Sans 3 Variable", var(--sf-font-scripts), ui-sans-serif, system-ui, sans-serif}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sf-background:#021d2e;--sf-surface:#042a41;--sf-surface-muted:#0a3550;--sf-border:#164a66;--sf-border-strong:#7298af;--sf-fg:#eaffff;--sf-fg-muted:#a9c8da;--sf-fg-subtle:#86a9be;--sf-primary:#c2e8ff;--sf-primary-hover:#eaffff;--sf-primary-fg:#042a41;--sf-primary-soft:#0b3d5c;--sf-primary-soft-fg:#c2e8ff;--sf-accent:#f2a93b;--sf-accent-hover:#f6ba5c;--sf-accent-fg:#042a41;--sf-accent-soft:#3a2a10;--sf-accent-soft-fg:#f6c177;--sf-success-soft:#0b3b33;--sf-success-fg:#5fd4ae;--sf-warning-soft:#3d2a0e;--sf-warning-fg:#f6b969;--sf-danger:#f7958c;--sf-danger-on:#2b0a0c;--sf-danger-soft:#41171a;--sf-danger-fg:#f7958c;--sf-info-soft:#0b3550;--sf-info-fg:#7cc4f0;--sf-ring:#c2e8ff;--sf-overlay:#000a1299;--sf-nav-active:#365c73;--sf-shadow-xs:0 1px 2px #0000004d;--sf-shadow-sm:0 1px 3px #00000059;--sf-shadow-md:0 4px 12px -2px #0006;--sf-shadow-lg:0 12px 28px -6px #00000080;--sf-shadow-xl:0 24px 48px -12px #0009}:root{--color-primary:var(--sf-primary);--color-primary-hover:var(--sf-primary-hover);--color-primary-fg:var(--sf-primary-fg);--color-primary-dim:var(--sf-primary)}@supports (color:color-mix(in lab, red, red)){:root{--color-primary-dim:color-mix(in srgb, var(--sf-primary) 14%, transparent)}}:root{--color-secondary:var(--sf-accent);--color-accent:var(--sf-accent);--accent-soft-fg:var(--sf-accent-soft-fg);--color-success:var(--sf-success-fg);--color-warning:var(--sf-warning-fg);--color-danger:var(--sf-danger-fg);--bg-app:var(--sf-background);--bg-body:var(--sf-background);--surface-bg:var(--sf-background);--bg-sidebar:var(--sf-surface);--bg-card:var(--sf-surface);--surface-card:var(--sf-surface);--bg-card-hover:var(--sf-surface-muted);--bg-glass:var(--sf-surface-muted);--bg-input:var(--sf-surface);--text-primary:var(--sf-fg);--text-secondary:var(--sf-fg-muted);--text-muted:var(--sf-fg-subtle);--border-subtle:var(--sf-border);--border-color:var(--sf-border);--border-focus:var(--sf-ring);--shadow-card:var(--sf-shadow-sm);--shadow-glow:none;--shadow-modal:var(--sf-shadow-xl);--glass-backdrop:none}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@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}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sf-fade-in{0%{opacity:0}}@keyframes sf-fade-out{to{opacity:0}}@keyframes sf-rise-in{0%{opacity:0;transform:translateY(6px)}}@keyframes sf-pop-in{0%{opacity:0;transform:scale(.96)}}@keyframes sf-pop-out{to{opacity:0;transform:scale(.96)}}@keyframes sf-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.97)}}@keyframes sf-dialog-out{to{opacity:0;transform:translateY(4px)scale(.98)}}@keyframes sf-sheet-up{0%{transform:translateY(100%)}}@keyframes sf-sheet-down{to{transform:translateY(100%)}}@keyframes sf-sheet-left-in{0%{transform:translate(-100%)}}@keyframes sf-sheet-left-out{to{transform:translate(-100%)}}@keyframes sf-sheet-right-in{0%{transform:translate(100%)}}@keyframes sf-sheet-right-out{to{transform:translate(100%)}}@keyframes sf-pulse-soft{50%{opacity:.55}}@keyframes sf-spin{to{transform:rotate(360deg)}}.overview-metrics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px;display:grid}.metric-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), transform var(--transition-fast);padding:20px}.metric-card:hover{border-color:#6366f140;transform:translateY(-2px)}.metric-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.metric-change{border-radius:20px;align-items:center;gap:3px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.metric-change.up{color:#4ade80;background:#22c55e1f}.metric-change.down{color:#f87171;background:#ef44441f}.metric-value{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:5px;font-size:26px;font-weight:800;line-height:1}.metric-label{color:var(--text-secondary);font-size:12px}.overview-grid{grid-template-columns:1fr 320px;gap:16px;display:grid}@media (width<=900px){.overview-grid{grid-template-columns:1fr}}.card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.card-title{color:var(--text-primary);align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.card-link{color:var(--color-primary);transition:color var(--transition-fast);font-size:12px}.card-link:hover{color:#a5b4fc}.low-stock-row{border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.low-stock-row:last-child{border-bottom:none}.low-stock-row:hover{background:var(--bg-glass)}.stock-badge{color:#f87171;white-space:nowrap;background:#ef44441f;border:1px solid #ef444440;border-radius:20px;align-items:center;gap:4px;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex}.team-page{flex-direction:column;gap:24px;max-width:980px;display:flex}.team-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.team-page-header-left{align-items:center;gap:14px;display:flex}.team-page-icon{border-radius:var(--radius-md);background:var(--color-primary-dim);width:46px;height:46px;color:var(--color-primary);border:1px solid #6366f133;flex-shrink:0;justify-content:center;align-items:center;display:flex}.team-page-title{color:var(--text-primary);font-size:1.35rem;font-weight:700;line-height:1.2}.team-page-sub{color:var(--text-secondary);margin-top:3px;font-size:.82rem}.team-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:7px;padding:9px 18px;font-size:.84rem;font-weight:600;display:inline-flex}.team-btn--primary{background:var(--color-primary);color:#fff}.team-btn--primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px #6366f159}.team-btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.team-btn--ghost{background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--border-subtle)}.team-btn--ghost:hover{background:var(--bg-card-hover);color:var(--text-primary)}.team-stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=640px){.team-stats{grid-template-columns:repeat(2,1fr)}}.team-stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-fast);align-items:center;gap:12px;padding:16px;display:flex}.team-stat-card:hover{border-color:#ffffff1f}.team-stat-icon{border-radius:var(--radius-sm);background:rgba(from var(--stat-color) r g b / .12);width:36px;height:36px;color:var(--stat-color);flex-shrink:0;justify-content:center;align-items:center;display:flex}.team-stat-count{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1}.team-stat-label{color:var(--text-secondary);margin-top:3px;font-size:.75rem}.team-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.team-table-wrap{overflow-x:auto}.team-table{border-collapse:collapse;width:100%;font-size:.875rem}.team-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-subtle);background:#ffffff05;padding:12px 20px;font-size:.72rem;font-weight:600}.team-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;padding:14px 20px}.team-table tbody tr:last-child td{border-bottom:none}.team-table tbody tr{transition:background var(--transition-fast)}.team-table tbody tr:hover{background:var(--bg-glass)}.team-row--removing{opacity:.5;pointer-events:none}.team-member-cell{align-items:center;gap:12px;display:flex}.team-avatar-wrap{flex-shrink:0;position:relative}.team-avatar{background:rgba(from var(--avatar-color) r g b / .18);border:1.5px solid rgba(from var(--avatar-color) r g b / .35);width:38px;height:38px;color:var(--avatar-color);letter-spacing:.02em;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.team-verified-dot{background:var(--color-success);border:2px solid var(--bg-card);border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.team-member-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.team-member-email{color:var(--text-secondary);margin-top:2px;font-size:.78rem}.team-role-badge{color:var(--badge-color);background:rgba(from var(--badge-color) r g b / .12);border:1px solid rgba(from var(--badge-color) r g b / .2);border-radius:100px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.team-role-selector{display:inline-block;position:relative}.team-role-trigger{cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;display:flex}.team-role-trigger:disabled{cursor:not-allowed;opacity:.6}.team-chevron{color:var(--text-muted);transition:transform var(--transition-fast)}.team-chevron.open{transform:rotate(180deg)}.team-role-dropdown{z-index:50;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-modal);padding:6px;animation:.12s team-dropdown-in;position:absolute;top:calc(100% + 6px);left:0}@keyframes team-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.team-role-dropdown-item{border-radius:var(--radius-sm);text-align:left;cursor:pointer;width:100%;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:.82rem;font-weight:500;display:flex}.team-role-dropdown-item:hover{background:var(--bg-glass);color:var(--text-primary)}.team-role-dropdown-item.current{color:var(--color-primary);background:var(--color-primary-dim)}.team-check{color:var(--color-primary);margin-left:auto}.team-status-badge{letter-spacing:.02em;border-radius:100px;align-items:center;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-flex}.team-status-badge.verified{color:var(--color-success);background:#22c55e1a;border:1px solid #22c55e33}.team-status-badge.pending{color:var(--color-warning);background:#f59e0b1a;border:1px solid #f59e0b33}.team-date{color:var(--text-secondary);font-size:.82rem}.team-remove-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin-left:auto;display:flex}.team-remove-btn:hover{color:var(--color-danger);background:#ef44441a;border-color:#ef444440}.team-remove-btn:disabled{cursor:not-allowed;opacity:.5}.team-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:.875rem;display:flex}.team-spin{animation:.8s linear infinite spin}.team-legend{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px 24px}.team-legend-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;font-size:.78rem;font-weight:600}.team-legend-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.team-legend-item{border-radius:var(--radius-sm);background:var(--bg-glass);align-items:flex-start;gap:10px;padding:12px;display:flex}.team-legend-role{color:var(--text-primary);font-size:.82rem;font-weight:600}.team-legend-desc{color:var(--text-secondary);margin-top:2px;font-size:.77rem;line-height:1.4}.team-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#000000a6;justify-content:center;align-items:center;padding:20px;animation:.15s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.team-modal{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:520px;box-shadow:var(--shadow-modal);animation:.2s cubic-bezier(.22,1,.36,1) slide-up;overflow:hidden}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.team-modal-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:24px 24px 0;display:flex}.team-modal-title-group{align-items:flex-start;gap:14px;display:flex}.team-modal-icon{border-radius:var(--radius-md);background:var(--color-primary-dim);width:42px;height:42px;color:var(--color-primary);border:1px solid #6366f133;flex-shrink:0;justify-content:center;align-items:center;display:flex}.team-modal-title{color:var(--text-primary);font-size:1.05rem;font-weight:700}.team-modal-sub{color:var(--text-secondary);margin-top:3px;font-size:.8rem}.team-modal-close{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.team-modal-close:hover{background:var(--bg-glass);color:var(--text-primary)}.team-modal-body{flex-direction:column;gap:20px;padding:24px;display:flex}.team-field{flex-direction:column;gap:8px;display:flex}.team-label{color:var(--text-secondary);letter-spacing:.02em;font-size:.8rem;font-weight:600}.team-input-wrap{position:relative}.team-input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.team-input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;height:42px;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:0 14px 0 38px;font-family:inherit;font-size:.875rem}.team-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f11f}.team-input::placeholder{color:var(--text-muted)}.team-input:disabled{opacity:.5}.team-role-grid{flex-direction:column;gap:8px;display:flex}.team-role-option{border-radius:var(--radius-md);border:1.5px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.team-role-option:hover{border-color:rgba(from var(--opt-color) r g b / .3);background:rgba(from var(--opt-color) r g b / .05);color:var(--text-primary)}.team-role-option.selected{border-color:var(--opt-color);background:rgba(from var(--opt-color) r g b / .1);color:var(--opt-color)}.team-role-option-name{color:inherit;font-size:.84rem;font-weight:600}.team-role-option-desc{color:var(--text-muted);margin-top:2px;font-size:.76rem;line-height:1.4}.team-role-option.selected .team-role-option-desc{color:rgba(from var(--opt-color) r g b / .7)}.team-alert{border-radius:var(--radius-md);align-items:center;gap:8px;padding:10px 14px;font-size:.82rem;font-weight:500;animation:.15s fade-in;display:flex}.team-alert--error{color:var(--color-danger);background:#ef44441a;border:1px solid #ef444433}.team-alert--success{color:var(--color-success);background:#22c55e1a;border:1px solid #22c55e33}.team-modal-footer{justify-content:flex-end;align-items:center;gap:10px;padding-top:4px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-page{z-index:9999;background:var(--bg-app);display:flex;position:fixed;inset:0}.login-hero{border-right:1px solid var(--border-subtle);background:linear-gradient(140deg,#0d0f18 0%,#111628 50%,#0d1225 100%);flex:1;justify-content:center;align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.login-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f11f 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-120px;left:-120px}.login-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ec489914 0%,#0000 70%);width:380px;height:380px;position:absolute;bottom:-80px;right:-80px}.login-hero-inner{z-index:1;flex-direction:column;gap:40px;width:100%;max-width:440px;display:flex;position:relative}.login-hero-logo{color:var(--color-primary);letter-spacing:-.3px;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.login-hero-logo span{color:var(--text-primary)}.login-hero-content{flex-direction:column;gap:16px;display:flex}.login-hero-heading{color:var(--text-primary);letter-spacing:-.8px;margin:0;font-size:clamp(28px,3.5vw,42px);font-weight:800;line-height:1.2}.login-hero-gradient{background:linear-gradient(135deg,#818cf8,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-hero-tagline{color:var(--text-secondary);max-width:360px;font-size:15px;line-height:1.65}.login-hero-features{flex-direction:column;gap:14px;display:flex}.login-hero-feature{color:var(--text-secondary);align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.login-hero-feature svg{color:var(--color-primary);flex-shrink:0}.login-form-panel{flex-shrink:0;justify-content:center;align-items:center;width:480px;padding:32px 24px;display:flex;overflow-y:auto}.login-card{flex-direction:column;gap:0;width:100%;max-width:400px;animation:.28s forwards fadeUp;display:flex}.login-card h2{color:var(--text-primary);letter-spacing:-.3px;margin-bottom:6px;font-size:22px;font-weight:700}.login-card>p{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.login-error{color:#f87171;border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef444440;margin-bottom:20px;padding:11px 14px;font-size:13px;line-height:1.5}.login-form{flex-direction:column;gap:14px;display:flex}.login-btn{justify-content:center;width:100%;margin-top:6px;padding:11px 18px;font-size:15px}.login-back-btn{justify-content:center;width:100%;margin-top:4px;font-size:14px}.login-switch{text-align:center;color:var(--text-secondary);margin-top:22px;font-size:13px}.login-switch-btn{color:#818cf8;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.login-switch-btn:hover{color:#a5b4fc;text-decoration:underline}.signup-steps{align-items:center;gap:0;margin-bottom:24px;display:flex}.signup-step{color:var(--text-muted);transition:color var(--transition-fast);align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.signup-step.active{color:var(--text-primary)}.signup-step.done{color:#4ade80}.signup-step-dot{background:var(--bg-input);border:1px solid var(--border-subtle);width:24px;height:24px;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.signup-step.active .signup-step-dot{background:var(--color-primary-dim);color:#818cf8;border-color:#6366f180}.signup-step.done .signup-step-dot{color:#4ade80;background:#22c55e1f;border-color:#22c55e4d}.signup-step-line{background:var(--border-subtle);flex:1;height:1px;margin:0 10px}.pw-strength{flex-direction:column;gap:6px;margin-top:8px;display:flex}.pw-strength-bar{background:var(--bg-input);border-radius:2px;height:4px;overflow:hidden}.pw-strength-fill{border-radius:2px;height:100%;transition:width .3s,background .3s}.pw-strength-meta{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pw-strength-label{text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;font-size:11px;font-weight:700}.pw-strength-hint{color:var(--text-muted);text-align:right;font-size:11px;line-height:1.4}.form-hint{color:var(--text-muted);margin-top:4px;font-size:11px;line-height:1.5}.signup-step2-summary{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);flex-direction:column;gap:2px;margin-top:4px;padding:12px 14px;font-size:13px;display:flex}.signup-step2-summary strong{color:var(--text-primary);font-weight:600}@media (width<=768px){.login-hero{display:none}.login-form-panel{width:100%;padding:24px 20px}}.spin{animation:.8s linear infinite spin}.settings-page{flex-direction:column;gap:24px;max-width:980px;display:flex}.settings-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-header-left{align-items:center;gap:14px;display:flex}.settings-icon-box{border-radius:var(--radius-md);background:var(--color-primary-dim);width:46px;height:46px;color:var(--color-primary);border:1px solid #6366f133;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-title{color:var(--text-primary);font-size:1.35rem;font-weight:700;line-height:1.2}.settings-sub{color:var(--text-secondary);margin-top:3px;font-size:.82rem}.settings-btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;height:38px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.settings-btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f140}.settings-btn-primary:disabled{opacity:.7;cursor:not-allowed}.settings-alert-success{color:#22c55e;border-radius:var(--radius-md);background:#22c55e1a;border:1px solid #22c55e33;padding:12px 16px;font-size:.85rem;font-weight:500}.settings-content{flex-direction:column;gap:24px;display:flex}.settings-section{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.settings-section-header{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;display:flex}.settings-section-header h2{color:var(--text-primary);font-size:1.1rem;font-weight:600}.section-icon{color:var(--text-secondary)}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-form-group{flex-direction:column;gap:6px;display:flex}.settings-form-group.full-width{grid-column:1/-1}.settings-form-group label{color:var(--text-primary);font-size:.85rem;font-weight:500}.settings-input{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);padding:10px 12px;font-size:.85rem;transition:all .2s}.settings-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@media (width<=768px){.settings-grid{grid-template-columns:1fr}}