:root{--font-display:"Alexandria", "Noto Kufi Arabic", "Segoe UI", Tahoma, sans-serif;--font-body:"IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-md:.9375rem;--text-base:1rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.375rem;--text-hero:clamp(2.125rem, 5.4vw, 3.75rem);--leading-tight:1.35;--leading-body:1.75;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-factor:1;--radius-xs:calc(4px * var(--radius-factor));--radius-sm:calc(8px * var(--radius-factor));--radius-md:calc(12px * var(--radius-factor));--radius-lg:calc(16px * var(--radius-factor));--radius-xl:calc(22px * var(--radius-factor));--radius-pill:999px;--control-sm:2rem;--control-md:2.5rem;--control-lg:3rem;--container:1200px;--container-narrow:760px;--sidebar:264px;--topbar:64px;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-1:.12s;--dur-2:.2s;--dur-3:.32s;--z-sticky:20;--z-dropdown:40;--z-modal:60;--z-toast:80;--acc-l:#ad4e17;--acc-l-hover:#8f3f10;--acc-l-soft:#fbeee3;--acc-l-soft-fg:#8a3d0a;--acc-l-on:#fff;--acc-d:#e8925a;--acc-d-hover:#f2a877;--acc-d-soft:#e8925a26;--acc-d-soft-fg:#f2b07e;--acc-d-on:#1a1205;--acc2-l:#2e7d6b;--acc2-d:#6cc3ad;--n-bg-l:#f6f4ee;--n-tint-l:#efece4;--n-surface-l:#fffefb;--n-surface2-l:#f9f7f2;--n-sunken-l:#eeebe3;--n-inverse-l:#1f1e1b;--n-oninverse-l:#f6f4ee;--n-border-l:#e4e0d6;--n-borderstrong-l:#cfc9bc;--n-text-l:#1a1915;--n-muted-l:#5c584f;--n-subtle-l:#8f8a7e;--n-bg-d:#1c1b18;--n-tint-d:#22211d;--n-surface-d:#262521;--n-surface2-d:#2d2c27;--n-sunken-d:#161512;--n-inverse-d:#f2f0ea;--n-oninverse-d:#1c1b18;--n-border-d:#34322c;--n-borderstrong-d:#48453d;--n-text-d:#f2f0ea;--n-muted-d:#ada899;--n-subtle-d:#7a7568;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:var(--n-bg-l);--bg-tint:var(--n-tint-l);--surface:var(--n-surface-l);--surface-2:var(--n-surface2-l);--surface-sunken:var(--n-sunken-l);--surface-inverse:var(--n-inverse-l);--on-inverse:var(--n-oninverse-l);--border:var(--n-border-l);--border-strong:var(--n-borderstrong-l);--text:var(--n-text-l);--text-muted:var(--n-muted-l);--text-subtle:var(--n-subtle-l);--overlay:#14120e7a;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235c584f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--primary:var(--acc-l);--primary-hover:var(--acc-l-hover);--primary-soft:var(--acc-l-soft);--primary-soft-fg:var(--acc-l-soft-fg);--on-primary:var(--acc-l-on);--accent-2:var(--acc2-l);--success:#12784a;--success-bg:#e5f5ec;--success-border:#bfe5cf;--warning:#8a5a00;--warning-bg:#fdf3dc;--warning-border:#f2dca4;--danger:#b42323;--danger-bg:#fdecec;--danger-border:#f5c4c4;--danger-solid:#c62f2f;--info:#1e62b8;--info-bg:#e8f1fc;--info-border:#c3daf6;--shadow-1:0 1px 2px #1e1a120f, 0 1px 1px #1e1a1208;--shadow-2:0 6px 16px -4px #1e1a121a, 0 2px 4px #1e1a120a;--shadow-3:0 24px 56px -12px #1e1a1247;--focus-ring:0 0 0 3px color-mix(in srgb, var(--primary) 32%, transparent);--skeleton:linear-gradient(90deg, var(--surface-sunken) 0%, var(--bg-tint) 50%, var(--surface-sunken) 100%)}:root[data-neutral=white]{--n-bg-l:#fff;--n-tint-l:#f4f5f6;--n-surface-l:#fff;--n-surface2-l:#f8f9fa;--n-sunken-l:#f1f2f4;--n-inverse-l:#16181b;--n-oninverse-l:#f6f7f8;--n-border-l:#e3e5e8;--n-borderstrong-l:#cbcfd4;--n-text-l:#111214;--n-muted-l:#55595f;--n-subtle-l:#8b9096;--n-bg-d:#111213;--n-tint-d:#17181a;--n-surface-d:#1a1b1d;--n-surface2-d:#202124;--n-sunken-d:#0c0d0e;--n-inverse-d:#eceef0;--n-oninverse-d:#111213;--n-border-d:#2b2d31;--n-borderstrong-d:#3e4146;--n-text-d:#eceef0;--n-muted-d:#a7abb1;--n-subtle-d:#73777d}:root[data-neutral=cool]{--n-bg-l:#f4f5f9;--n-tint-l:#eceef6;--n-surface-l:#fff;--n-surface2-l:#f8f9fc;--n-sunken-l:#eef0f5;--n-inverse-l:#161a2b;--n-oninverse-l:#f2f3f8;--n-border-l:#e1e4ec;--n-borderstrong-l:#c9cedb;--n-text-l:#161a2b;--n-muted-l:#565d74;--n-subtle-l:#8a90a6;--n-bg-d:#0e1018;--n-tint-d:#131623;--n-surface-d:#161925;--n-surface2-d:#1b1f2d;--n-sunken-d:#0b0d14;--n-inverse-d:#eceef5;--n-oninverse-d:#161a2b;--n-border-d:#262b3b;--n-borderstrong-d:#3a4056;--n-text-d:#eceef5;--n-muted-d:#a3a9bd;--n-subtle-d:#6f758b}:root[data-accent=silver]{--acc-l:#5b6168;--acc-l-hover:#464b51;--acc-l-soft:#eef0f2;--acc-l-soft-fg:#3e4349;--acc-l-on:#fff;--acc-d:#c4c8cd;--acc-d-hover:#d6d9dd;--acc-d-soft:#c4c8cd24;--acc-d-soft-fg:#d6d9dd;--acc-d-on:#111213;--acc2-l:#b08d57;--acc2-d:#d4b47e}:root[data-accent=indigo]{--acc-l:#3b43c9;--acc-l-hover:#2f36a8;--acc-l-soft:#ecedfb;--acc-l-soft-fg:#2c329c;--acc-l-on:#fff;--acc-d:#8e96ff;--acc-d-hover:#a8aeff;--acc-d-soft:#8e96ff24;--acc-d-soft-fg:#b9beff;--acc-d-on:#0b0d1a;--acc2-l:#e8a33d;--acc2-d:#f2b75e}:root[data-accent=pomegranate]{--acc-l:#b3243f;--acc-l-hover:#931b32;--acc-l-soft:#fbeaed;--acc-l-soft-fg:#921c33;--acc-l-on:#fff;--acc-d:#ff7a8e;--acc-d-hover:#ff97a7;--acc-d-soft:#ff7a8e24;--acc-d-soft-fg:#ffa8b5;--acc-d-on:#1d0207;--acc2-l:#e8a33d;--acc2-d:#f2b75e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--n-bg-d);--bg-tint:var(--n-tint-d);--surface:var(--n-surface-d);--surface-2:var(--n-surface2-d);--surface-sunken:var(--n-sunken-d);--surface-inverse:var(--n-inverse-d);--on-inverse:var(--n-oninverse-d);--border:var(--n-border-d);--border-strong:var(--n-borderstrong-d);--text:var(--n-text-d);--text-muted:var(--n-muted-d);--text-subtle:var(--n-subtle-d);--overlay:#030302a8;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ada899' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--primary:var(--acc-d);--primary-hover:var(--acc-d-hover);--primary-soft:var(--acc-d-soft);--primary-soft-fg:var(--acc-d-soft-fg);--on-primary:var(--acc-d-on);--accent-2:var(--acc2-d);--success:#5fd49a;--success-bg:#34c77b21;--success-border:#5fd49a4d;--warning:#f5c451;--warning-bg:#f5c45121;--warning-border:#f5c4514d;--danger:#ff8a8a;--danger-bg:#ff787821;--danger-border:#ff8a8a4d;--danger-solid:#e5484d;--info:#7db5ff;--info-bg:#6eaaff21;--info-border:#7db5ff4d;--shadow-1:0 1px 2px #0006;--shadow-2:0 8px 20px -6px #0000008c, 0 0 0 1px #ffffff08;--shadow-3:0 28px 64px -12px #000000bf, 0 0 0 1px #ffffff0d}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--n-bg-d);--bg-tint:var(--n-tint-d);--surface:var(--n-surface-d);--surface-2:var(--n-surface2-d);--surface-sunken:var(--n-sunken-d);--surface-inverse:var(--n-inverse-d);--on-inverse:var(--n-oninverse-d);--border:var(--n-border-d);--border-strong:var(--n-borderstrong-d);--text:var(--n-text-d);--text-muted:var(--n-muted-d);--text-subtle:var(--n-subtle-d);--overlay:#030302a8;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ada899' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--primary:var(--acc-d);--primary-hover:var(--acc-d-hover);--primary-soft:var(--acc-d-soft);--primary-soft-fg:var(--acc-d-soft-fg);--on-primary:var(--acc-d-on);--accent-2:var(--acc2-d);--success:#5fd49a;--success-bg:#34c77b21;--success-border:#5fd49a4d;--warning:#f5c451;--warning-bg:#f5c45121;--warning-border:#f5c4514d;--danger:#ff8a8a;--danger-bg:#ff787821;--danger-border:#ff8a8a4d;--danger-solid:#e5484d;--info:#7db5ff;--info-bg:#6eaaff21;--info-border:#7db5ff4d;--shadow-1:0 1px 2px #0006;--shadow-2:0 8px 20px -6px #0000008c, 0 0 0 1px #ffffff08;--shadow-3:0 28px 64px -12px #000000bf, 0 0 0 1px #ffffff0d}@media (pointer:coarse){:root{--control-md:2.75rem;--control-sm:2.25rem}}
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-body);font-weight:var(--weight-regular);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-wrap:break-word;transition:background-color var(--dur-3) var(--ease-out), color var(--dur-3) var(--ease-out);margin:0}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:var(--weight-semibold);line-height:var(--leading-tight);text-wrap:balance;color:var(--text);margin:0}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{text-wrap:pretty;margin:0}a{color:var(--primary);text-underline-offset:3px;text-decoration:none}a:hover{text-decoration:underline}img,svg,video{max-width:100%}img{height:auto;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{box-shadow:var(--focus-ring);outline:none}::selection{background:var(--primary-soft);color:var(--primary-soft-fg)}[hidden]{display:none!important}.num,.tabular{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);letter-spacing:.01em;direction:ltr;unicode-bidi:isolate;font-size:.92em}.muted{color:var(--text-muted)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[dir=ltr] .flip-rtl{transform:scaleX(-1)}
.btn{--btn-h:var(--control-md);justify-content:center;align-items:center;gap:var(--space-2);height:var(--btn-h);padding-inline:var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-md);font-weight:var(--weight-semibold);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out), transform var(--dur-1) var(--ease-out), box-shadow var(--dur-2);border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn svg{flex:none;width:1.1em;height:1.1em}.btn--sm{--btn-h:var(--control-sm);padding-inline:var(--space-3);font-size:var(--text-sm);border-radius:calc(var(--radius-sm) * .85)}.btn--lg{--btn-h:var(--control-lg);padding-inline:var(--space-6);font-size:var(--text-base);border-radius:var(--radius-md)}.btn--block{width:100%}.btn--icon{width:var(--btn-h);padding-inline:0}.btn--primary{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-1)}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn--secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-subtle)}.btn--soft{background:var(--primary-soft);color:var(--primary-soft-fg)}.btn--soft:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 18%, var(--surface))}.btn--ghost{color:var(--text-muted);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--surface-sunken);color:var(--text)}.btn--danger{background:var(--danger-solid);color:#fff}.btn--danger:hover:not(:disabled){filter:brightness(.92)}.btn--link{color:var(--primary);background:0 0;height:auto;padding-inline:0}.btn--link:hover{text-decoration:underline}.btn[data-loading=true]{pointer-events:none;position:relative;color:#0000!important}.btn[data-loading=true] .spinner{color:var(--on-primary);margin:auto;position:absolute;inset:0}.btn--secondary[data-loading=true] .spinner,.btn--ghost[data-loading=true] .spinner{color:var(--text)}.btn-group{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.field__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text);gap:var(--space-1);align-items:baseline;display:flex}.field__req{color:var(--danger)}.field__opt{color:var(--text-subtle);font-weight:var(--weight-regular);font-size:var(--text-xs)}.field__hint{font-size:var(--text-xs);color:var(--text-muted);line-height:1.6}.field__error{font-size:var(--text-xs);color:var(--danger);gap:var(--space-1);align-items:center;line-height:1.6;display:flex}.field__error svg{flex:none;width:14px;height:14px}.input,.textarea,.select{width:100%;min-width:0;height:var(--control-md);padding-inline:var(--space-3);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--text-md);color:var(--text);transition:border-color var(--dur-2), box-shadow var(--dur-2), background-color var(--dur-2)}.input::placeholder,.textarea::placeholder{color:var(--text-subtle)}.input:hover,.textarea:hover,.select:hover{border-color:var(--text-subtle)}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.input:disabled,.textarea:disabled,.select:disabled{background:var(--surface-sunken);color:var(--text-subtle);cursor:not-allowed}.input[aria-invalid=true],.textarea[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--danger)}.input[aria-invalid=true]:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 25%, transparent)}.input--ltr{text-align:start;direction:ltr}.textarea{height:auto;min-height:104px;padding-block:var(--space-2);resize:vertical;line-height:1.7}.select{appearance:none;background-image:var(--chevron);background-position:12px;background-repeat:no-repeat;background-size:16px 16px;padding-inline-end:var(--space-8)}.input-group{align-items:stretch;min-width:0;display:flex}.input-group .input{border-radius:0;flex:1}.input-group>:first-child{border-start-start-radius:var(--radius-sm);border-end-start-radius:var(--radius-sm)}.input-group>:last-child{border-start-end-radius:var(--radius-sm);border-end-end-radius:var(--radius-sm)}.input-group__addon{padding-inline:var(--space-3);background:var(--surface-sunken);border:1px solid var(--border-strong);color:var(--text-muted);font-size:var(--text-sm);white-space:nowrap;align-items:center;display:inline-flex}.input-group__addon:first-child{border-inline-end:0}.input-group__addon:last-child{border-inline-start:0}.input-icon{min-width:0;position:relative}.input-icon>svg{inset-inline-start:var(--space-3);width:18px;height:18px;color:var(--text-subtle);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-icon .input{padding-inline-start:var(--space-10)}.input-icon .kbd{inset-inline-end:var(--space-2);position:absolute;top:50%;transform:translateY(-50%)}.check,.radio{align-items:flex-start;gap:var(--space-2);cursor:pointer;font-size:var(--text-md);line-height:1.5;display:inline-flex}.check input,.radio input{appearance:none;border:1.5px solid var(--border-strong);background:var(--surface);width:18px;height:18px;transition:background-color var(--dur-1), border-color var(--dur-1);cursor:pointer;flex:none;place-content:center;margin:2px 0 0;display:grid}.check input{border-radius:calc(var(--radius-xs) * 1.2)}.radio input{border-radius:50%}.check input:after{content:"";border:2px solid var(--on-primary);opacity:0;border-top:0;border-right:0;width:10px;height:6px;transform:rotate(-45deg)translate(1px,-1px)}.radio input:after{content:"";background:var(--on-primary);opacity:0;border-radius:50%;width:8px;height:8px}.check input:checked,.radio input:checked{background:var(--primary);border-color:var(--primary)}.check input:checked:after,.radio input:checked:after{opacity:1}.check input:indeterminate{background:var(--primary);border-color:var(--primary)}.check input:indeterminate:after{border:0;border-top:2px solid var(--on-primary);opacity:1;width:8px;height:0;transform:none}.check input:focus-visible,.radio input:focus-visible{box-shadow:var(--focus-ring)}.check__sub{font-size:var(--text-xs);color:var(--text-muted);display:block}.switch{align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--text-md);display:inline-flex}.switch input{appearance:none;border-radius:var(--radius-pill);background:var(--border-strong);cursor:pointer;width:40px;height:24px;transition:background-color var(--dur-2) var(--ease-out);flex:none;margin:0;position:relative}.switch input:after{content:"";top:3px;width:18px;height:18px;box-shadow:var(--shadow-1);transition:inset-inline-start var(--dur-2) var(--ease-out);background:#fff;border-radius:50%;position:absolute;inset-inline-start:3px}.switch input:checked{background:var(--primary)}.switch input:checked:after{inset-inline-start:19px}.switch input:focus-visible{box-shadow:var(--focus-ring)}.choice-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.choice{min-width:44px;height:var(--control-sm);padding-inline:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text);transition:all var(--dur-1) var(--ease-out)}.choice:hover{border-color:var(--text-subtle)}.choice[aria-pressed=true]{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-soft-fg);font-weight:var(--weight-semibold)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);min-width:0}.card--flat{box-shadow:none}.card--raised{box-shadow:var(--shadow-2);border-color:#0000}.card--interactive{transition:border-color var(--dur-2), box-shadow var(--dur-2), transform var(--dur-2) var(--ease-out);cursor:pointer}.card--interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2);transform:translateY(-2px)}.card__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.card__title{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--weight-bold)}.card__sub{font-size:var(--text-sm);color:var(--text-muted)}.card__body{padding:var(--space-5)}.card__footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);background:var(--surface-2);border-end-end-radius:inherit;border-end-start-radius:inherit;flex-wrap:wrap;display:flex}.stat{padding:var(--space-5);gap:var(--space-1);flex-direction:column;display:flex}.stat__label{font-size:var(--text-sm);color:var(--text-muted);align-items:center;gap:var(--space-2);display:flex}.stat__label svg{width:16px;height:16px}.stat__value{font-family:var(--font-body);font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1.15}.stat__unit{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--text-muted);margin-inline-start:var(--space-1)}.stat__delta{font-size:var(--text-xs);font-weight:var(--weight-semibold);align-items:center;gap:2px;display:inline-flex}.stat__delta--up{color:var(--success)}.stat__delta--down{color:var(--danger)}.stat__meta{gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap;align-items:center;display:flex}.spark{width:100%;height:36px;margin-top:var(--space-2);color:var(--primary)}.badge{border-radius:var(--radius-pill);height:24px;font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;background:var(--surface-sunken);color:var(--text-muted);border:1px solid #0000;align-items:center;gap:6px;padding-inline:10px;line-height:1;display:inline-flex}.badge svg{width:13px;height:13px}.badge--dot:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.badge--primary{background:var(--primary-soft);color:var(--primary-soft-fg)}.badge--success{background:var(--success-bg);color:var(--success)}.badge--warning{background:var(--warning-bg);color:var(--warning)}.badge--danger{background:var(--danger-bg);color:var(--danger)}.badge--info{background:var(--info-bg);color:var(--info)}.badge--outline{border-color:var(--border-strong);color:var(--text-muted);background:0 0}.badge--sm{height:20px;padding-inline:8px;font-size:11px}.status{font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.status__dot{width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 18%, transparent);background:currentColor;border-radius:50%;flex:none}.status--draft{color:var(--text-muted)}.status--review{color:var(--warning)}.status--approved{color:var(--info)}.status--published{color:var(--success)}.status--returned{color:var(--danger)}.tag{border-radius:var(--radius-sm);background:var(--surface-sunken);border:1px solid var(--border);height:28px;font-size:var(--text-sm);color:var(--text);white-space:nowrap;align-items:center;gap:4px;padding-inline:10px;display:inline-flex}.tag button{width:18px;height:18px;color:var(--text-subtle);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.tag button:hover{background:var(--border);color:var(--text)}.tag button svg{width:12px;height:12px}.kbd{border-radius:var(--radius-xs);border:1px solid var(--border-strong);background:var(--surface-2);height:22px;font-family:var(--font-mono);color:var(--text-muted);direction:ltr;border-bottom-width:2px;align-items:center;padding-inline:6px;font-size:11px;display:inline-flex}.tabs{gap:var(--space-1);border-bottom:1px solid var(--border);scrollbar-width:none;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3);color:var(--text-muted);font-size:var(--text-md);font-weight:var(--weight-medium);white-space:nowrap;transition:color var(--dur-2);background:0 0;border:0;display:inline-flex;position:relative}.tab:hover{color:var(--text)}.tab:after{content:"";inset-inline:var(--space-2);background:var(--primary);height:2px;transition:transform var(--dur-2) var(--ease-out);border-radius:2px 2px 0 0;position:absolute;bottom:-1px;transform:scaleX(0)}.tab[aria-selected=true]{color:var(--text);font-weight:var(--weight-semibold)}.tab[aria-selected=true]:after{transform:scaleX(1)}.tab .badge{height:20px;padding-inline:7px}.tab-panel{padding-top:var(--space-5)}.segmented{background:var(--surface-sunken);border-radius:var(--radius-sm);border:1px solid var(--border);gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.segmented button{height:calc(var(--control-sm) - 6px);padding-inline:var(--space-3);border-radius:calc(var(--radius-sm) - 3px);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;display:inline-flex}.segmented button svg{width:15px;height:15px}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1);font-weight:var(--weight-semibold)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);position:relative;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-md)}.table th{text-align:start;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr{transition:background-color var(--dur-1)}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr[aria-selected=true]{background:var(--primary-soft)}.table .col-check{width:44px}.table .col-num{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}.table .col-actions{white-space:nowrap;text-align:end;width:1%}.cell-product{align-items:center;gap:var(--space-3);min-width:220px;display:flex}.cell-product__thumb{border-radius:var(--radius-sm);background:var(--surface-sunken);width:44px;height:44px;color:var(--text-subtle);border:1px solid var(--border);flex:none;place-items:center;display:grid;overflow:hidden}.cell-product__thumb svg{width:20px;height:20px}.cell-product__name{font-weight:var(--weight-semibold);line-height:1.4}.cell-product__meta{font-size:var(--text-xs);color:var(--text-muted)}.table-toolbar{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.table-toolbar__start{gap:var(--space-2);flex-wrap:wrap;flex:280px;align-items:center;min-width:0;display:flex}.table-footer{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.bulk-bar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--primary-soft);color:var(--primary-soft-fg);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}@media (max-width:720px){.table--stack thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.table--stack,.table--stack tbody,.table--stack tr,.table--stack td{width:100%;display:block}.table--stack tr{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.table--stack tbody tr:last-child{border-bottom:0}.table--stack td{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-1) 0;text-align:end;border:0;display:flex}.table--stack td:before{content:attr(data-label);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-align:start;flex:none}.table--stack td[data-label=""]:before,.table--stack td.col-check:before{content:none}.table--stack td.cell-main{padding-bottom:var(--space-2)}.table--stack td.cell-main:before{content:none}.table--stack td.col-check{width:auto;margin-top:var(--space-1);position:absolute;inset-inline-end:var(--space-4)}.table--stack tr{position:relative}.table--stack .cell-product{min-width:0;padding-inline-end:var(--space-8)}.table--stack .col-num{text-align:end}.table--stack .col-actions{justify-content:flex-end;width:100%}}.modal-backdrop{z-index:var(--z-modal);background:var(--overlay);padding:var(--space-4);animation:fade-in var(--dur-2) var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-xl);width:min(520px,100%);max-height:calc(100dvh - 2rem);box-shadow:var(--shadow-3);border:1px solid var(--border);animation:modal-in var(--dur-3) var(--ease-out);overflow:auto}.modal--lg{width:min(760px,100%)}.modal__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6) 0;display:flex}.modal__title{font-size:var(--text-xl)}.modal__body{padding:var(--space-4) var(--space-6) var(--space-5);color:var(--text-muted)}.modal__footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.modal__icon{border-radius:var(--radius-md);width:44px;height:44px;margin-bottom:var(--space-3);place-items:center;display:grid}.modal__icon svg{width:22px;height:22px}.modal__icon--danger{background:var(--danger-bg);color:var(--danger)}.modal__icon--primary{background:var(--primary-soft);color:var(--primary-soft-fg)}.drawer-backdrop{z-index:var(--z-modal);background:var(--overlay);animation:fade-in var(--dur-2) var(--ease-out);position:fixed;inset:0}.drawer{background:var(--surface);width:min(440px,100%);box-shadow:var(--shadow-3);animation:drawer-in var(--dur-3) var(--ease-out);flex-direction:column;display:flex;position:absolute;inset-block:0;inset-inline-end:0}.drawer__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);display:flex}.drawer__body{padding:var(--space-5);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow:auto}.drawer__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);gap:var(--space-2);justify-content:flex-end;display:flex}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes drawer-in{0%{transform:translate(-100%)}}[dir=ltr] .drawer{animation-name:drawer-in-ltr}@keyframes drawer-in-ltr{0%{transform:translate(100%)}}.alert{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);font-size:var(--text-md);align-items:flex-start;line-height:1.65;display:flex}.alert>svg{flex:none;width:20px;height:20px;margin-top:2px}.alert__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.alert__title{font-weight:var(--weight-bold);color:var(--text)}.alert__text{color:var(--text-muted);font-size:var(--text-sm)}.alert__actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.alert--info{background:var(--info-bg);border-color:var(--info-border)}.alert--info>svg{color:var(--info)}.alert--success{background:var(--success-bg);border-color:var(--success-border)}.alert--success>svg{color:var(--success)}.alert--warning{background:var(--warning-bg);border-color:var(--warning-border)}.alert--warning>svg{color:var(--warning)}.alert--danger{background:var(--danger-bg);border-color:var(--danger-border)}.alert--danger>svg{color:var(--danger)}.toast-stack{z-index:var(--z-toast);gap:var(--space-2);pointer-events:none;flex-direction:column;width:min(380px,100% - 2rem);display:flex;position:fixed;inset-block-end:calc(var(--space-5) + env(safe-area-inset-bottom,0px));inset-inline-start:var(--space-5)}.toast{pointer-events:auto;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-inverse);color:var(--on-inverse);box-shadow:var(--shadow-3);font-size:var(--text-md);animation:toast-in var(--dur-3) var(--ease-out);align-items:flex-start;display:flex}.toast>svg{flex:none;width:20px;height:20px;margin-top:2px}.toast--success>svg{color:var(--success)}.toast--danger>svg{color:var(--danger)}.toast__body{flex:1;min-width:0}.toast__title{font-weight:var(--weight-bold)}.toast__text{font-size:var(--text-sm);opacity:.8}.toast button{color:inherit;opacity:.7;background:0 0;border:0;padding:2px;display:grid}.toast button:hover{opacity:1}.toast button svg{width:16px;height:16px}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.empty{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);flex-direction:column;display:flex}.empty__art{border-radius:var(--radius-xl);background:var(--primary-soft);width:72px;height:72px;color:var(--primary-soft-fg);margin-bottom:var(--space-2);place-items:center;display:grid;position:relative}.empty__art:after{content:"";border-radius:calc(var(--radius-xl) + 8px);border:1px dashed var(--border-strong);position:absolute;inset:-8px}.empty__art svg{width:30px;height:30px}.empty__title{font-size:var(--text-lg);font-family:var(--font-body);font-weight:var(--weight-bold)}.empty__text{color:var(--text-muted);max-width:42ch;font-size:var(--text-md)}.empty .btn-group{margin-top:var(--space-2);justify-content:center}.spinner{border:2px solid;border-inline-end-color:#0000;border-radius:50%;flex:none;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.spinner--lg{border-width:3px;width:28px;height:28px}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:var(--skeleton);border-radius:var(--radius-xs);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer;display:block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress{border-radius:var(--radius-pill);background:var(--surface-sunken);height:8px;overflow:hidden}.progress__bar{border-radius:inherit;background:var(--primary);height:100%;transition:width var(--dur-3) var(--ease-out)}.progress--success .progress__bar{background:var(--success)}.progress--indeterminate .progress__bar{width:35%;animation:indeterminate 1.3s var(--ease-in-out) infinite}@keyframes indeterminate{0%{transform:translate(120%)}to{transform:translate(-300%)}}.progress-row{font-size:var(--text-sm);margin-bottom:var(--space-2);justify-content:space-between;gap:var(--space-3);display:flex}.menu-anchor{display:inline-flex;position:relative}.menu{z-index:var(--z-dropdown);top:calc(100% + 6px);min-width:220px;padding:var(--space-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-2);animation:menu-in var(--dur-2) var(--ease-out);position:absolute;inset-inline-end:0}.menu--start{inset-inline:0 auto}.menu__item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);text-align:start;font-size:var(--text-md);color:var(--text);background:0 0;border:0;display:flex}.menu__item:hover,.menu__item:focus-visible{background:var(--surface-sunken);box-shadow:none}.menu__item svg{width:17px;height:17px;color:var(--text-muted);flex:none}.menu__item .kbd{margin-inline-start:auto}.menu__item--danger,.menu__item--danger svg{color:var(--danger)}.menu__sep{height:1px;margin:var(--space-1) 0;background:var(--border)}.menu__label{padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--text-xs);color:var(--text-subtle);font-weight:var(--weight-semibold)}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);border-radius:var(--radius-sm);background:var(--surface-inverse);color:var(--on-inverse);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur-2), transform var(--dur-2) var(--ease-out);z-index:var(--z-dropdown);padding:6px 10px;line-height:1.4;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%)}.avatar{background:var(--primary-soft);width:36px;height:36px;color:var(--primary-soft-fg);font-size:var(--text-sm);font-weight:var(--weight-bold);border:2px solid var(--surface);border-radius:50%;flex:none;place-items:center;display:inline-grid}.avatar--sm{width:28px;height:28px;font-size:11px}.avatar--lg{width:48px;height:48px;font-size:var(--text-lg)}.avatar-stack{display:inline-flex}.avatar-stack .avatar+.avatar{margin-inline-start:-10px}.breadcrumbs{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap;display:flex}.breadcrumbs a{color:var(--text-muted)}.breadcrumbs a:hover{color:var(--text)}.breadcrumbs svg{width:14px;height:14px;color:var(--text-subtle)}.breadcrumbs [aria-current=page]{color:var(--text);font-weight:var(--weight-semibold)}.pagination{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.pagination button{min-width:var(--control-sm);height:var(--control-sm);padding-inline:var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;place-items:center;display:inline-grid}.pagination button:hover:not(:disabled){background:var(--surface-sunken);color:var(--text)}.pagination button[aria-current=page]{background:var(--surface);border-color:var(--border-strong);color:var(--text);font-weight:var(--weight-bold);box-shadow:var(--shadow-1)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination svg{width:16px;height:16px}.stepper{gap:var(--space-2);counter-reset:step;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.step{gap:var(--space-2);flex-direction:column;flex:1 1 0;min-width:120px;display:flex}.step__bar{border-radius:var(--radius-pill);background:var(--border);height:4px}.step__row{align-items:center;gap:var(--space-2);display:flex}.step__num{width:24px;height:24px;font-size:var(--text-xs);font-weight:var(--weight-bold);background:var(--surface-sunken);color:var(--text-muted);border:1px solid var(--border);border-radius:50%;flex:none;place-items:center;display:grid}.step__num svg{width:13px;height:13px}.step__label{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--weight-medium);white-space:nowrap}.step--done .step__bar{background:var(--primary)}.step--done .step__num{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.step--current .step__bar{background:linear-gradient(to left, var(--primary) 50%, var(--border) 50%)}[dir=ltr] .step--current .step__bar{background:linear-gradient(to right, var(--primary) 50%, var(--border) 50%)}.step--current .step__num{background:var(--surface);color:var(--primary);border:2px solid var(--primary)}.step--current .step__label{color:var(--text);font-weight:var(--weight-semibold)}@media (max-width:560px){.step{min-width:0}.step:not(.step--current) .step__label{display:none}}.flow{align-items:center;gap:0;row-gap:var(--space-2);flex-wrap:wrap;display:flex}.flow__item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);display:inline-flex}.flow__item+.flow__item:before{content:"";background:var(--border-strong);width:28px;height:1px;margin-inline:var(--space-2)}.flow__item--done{color:var(--text)}.flow__item--current{color:var(--primary);font-weight:var(--weight-semibold)}.divider{background:var(--border);height:1px;margin:var(--space-6) 0;border:0}