@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-slate-200: oklch(92.9% .013 255.508);--color-slate-300: oklch(86.9% .022 252.894);--color-slate-900: oklch(20.8% .042 265.755);--color-white: #fff;--spacing: .25rem;--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--font-weight-medium: 500;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ease-out: cubic-bezier(0, 0, .2, 1);--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.bottom-4{bottom:calc(var(--spacing) * 4)}.z-50{z-index:50}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.flex-shrink,.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing) * 4)}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-slate-900{background-color:var(--color-slate-900)}.bg-white{background-color:var(--color-white)}.p-2{padding:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-wrap{text-wrap:wrap}.text-slate-300{color:var(--color-slate-300)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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))}@media(hover:hover){.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}}@media(hover:hover){.hover\:text-white:hover{color:var(--color-white)}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-white:focus-visible{outline-color:var(--color-white)}}:root{--font-sans: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, sans-serif;--font-serif: "Instrument Serif", ui-serif, Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-arabic: "Noto Naskh Arabic", serif}:root{--ink-0: #ffffff;--ink-25: #fbfbfa;--ink-50: #f6f6f4;--ink-100: #eeeeea;--ink-150: #e5e5e0;--ink-200: #dbdbd5;--ink-300: #c3c3bc;--ink-400: #a0a099;--ink-500: #7a7a73;--ink-600: #5a5a54;--ink-700: #41413d;--ink-800: #2b2b28;--ink-900: #1a1a18;--ink-950: #0e0e0d;--signal-50: #f5fbe2;--signal-100: #e9f7bd;--signal-200: #d8f08d;--signal-300: #c7e85e;--signal-400: #b0da35;--signal-500: #94bf21;--signal-600: #739418;--signal-700: #556d13;--green-100: #e4f5eb;--green-500: #1c9b5a;--green-600: #157a47;--amber-100: #fbf1d8;--amber-500: #c2820b;--amber-600: #9a6708;--red-100: #fbeae8;--red-500: #cf372c;--red-600: #a72a21;--blue-100: #e8effc;--blue-500: #2f5fce;--blue-600: #244aa3;--text-primary: var(--ink-950);--text-secondary: var(--ink-600);--text-tertiary: var(--ink-500);--text-disabled: var(--ink-400);--text-inverse: var(--ink-0);--text-inverse-secondary: rgba(255, 255, 255, .66);--text-accent: var(--signal-700);--text-link: var(--ink-950);--text-link-hover: var(--signal-700);--text-success: var(--green-600);--text-warning: var(--amber-600);--text-danger: var(--red-600);--text-info: var(--blue-600);--surface-page: var(--ink-25);--surface-card: var(--ink-0);--surface-sunken: var(--ink-50);--surface-hover: var(--ink-50);--surface-active: var(--ink-100);--surface-inverse: var(--ink-950);--surface-inverse-hover: var(--ink-800);--surface-accent: var(--signal-300);--surface-accent-hover: var(--signal-400);--surface-accent-subtle: var(--signal-50);--surface-success-subtle: var(--green-100);--surface-warning-subtle: var(--amber-100);--surface-danger-subtle: var(--red-100);--surface-info-subtle: var(--blue-100);--surface-scrim: rgba(14, 14, 13, .42);--surface-glass: rgba(251, 251, 250, .72);--border-subtle: var(--ink-100);--border-default: var(--ink-200);--border-strong: var(--ink-300);--border-inverse: rgba(255, 255, 255, .14);--border-accent: var(--signal-500);--border-danger: var(--red-500);--focus-ring: var(--ink-950);--focus-ring-inverse: var(--ink-0)}.theme-dark{--text-primary: var(--ink-25);--text-secondary: rgba(255, 255, 255, .68);--text-tertiary: rgba(255, 255, 255, .5);--text-disabled: rgba(255, 255, 255, .32);--text-inverse: var(--ink-950);--text-accent: var(--signal-300);--text-link: var(--ink-25);--text-link-hover: var(--signal-300);--surface-page: var(--ink-950);--surface-card: #171716;--surface-sunken: #121211;--surface-hover: rgba(255, 255, 255, .05);--surface-active: rgba(255, 255, 255, .09);--surface-inverse: var(--ink-25);--surface-inverse-hover: var(--ink-100);--surface-glass: rgba(23, 23, 22, .72);--border-subtle: rgba(255, 255, 255, .08);--border-default: rgba(255, 255, 255, .13);--border-strong: rgba(255, 255, 255, .22);--focus-ring: var(--signal-300)}:root{--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fs-display-xl: 76px;--lh-display-xl: 1;--ls-display-xl: -.035em;--fs-display-lg: 56px;--lh-display-lg: 1.04;--ls-display-lg: -.03em;--fs-display-md: 42px;--lh-display-md: 1.08;--ls-display-md: -.026em;--fs-title-lg: 30px;--lh-title-lg: 1.16;--ls-title-lg: -.021em;--fs-title-md: 22px;--lh-title-md: 1.26;--ls-title-md: -.016em;--fs-title-sm: 18px;--lh-title-sm: 1.32;--ls-title-sm: -.012em;--fs-body-lg: 17px;--lh-body-lg: 1.56;--ls-body-lg: -.006em;--fs-body-md: 15px;--lh-body-md: 1.54;--ls-body-md: -.003em;--fs-body-sm: 13px;--lh-body-sm: 1.5;--ls-body-sm: 0em;--fs-label: 13px;--lh-label: 1.2;--ls-label: -.002em;--fs-caption: 12px;--lh-caption: 1.36;--ls-caption: .002em;--fs-overline: 11px;--lh-overline: 1.1;--ls-overline: .09em;--fs-mono: 12.5px;--lh-mono: 1.45;--ls-mono: -.01em;--measure-tight: 34ch;--measure-default: 62ch;--measure-wide: 78ch}:root{--space-0: 0px;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-7: 14px;--space-8: 16px;--space-10: 20px;--space-12: 24px;--space-14: 28px;--space-16: 32px;--space-20: 40px;--space-24: 48px;--space-28: 56px;--space-32: 64px;--space-40: 80px;--space-48: 96px;--space-64: 128px;--container-max: 1200px;--container-narrow: 760px;--gutter: 24px;--gutter-lg: 40px;--sidebar-w: 248px;--sidebar-w-collapsed: 64px;--topbar-h: 60px;--control-h-sm: 30px;--control-h-md: 36px;--control-h-lg: 44px;--row-h: 40px}:root{--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-pill: 999px;--border-width: 1px;--border-width-thick: 1.5px;--shadow-none: none;--shadow-xs: 0 1px 2px rgba(14, 14, 13, .05);--shadow-sm: 0 1px 2px rgba(14, 14, 13, .05), 0 2px 6px rgba(14, 14, 13, .04);--shadow-md: 0 2px 4px rgba(14, 14, 13, .04), 0 8px 18px rgba(14, 14, 13, .06);--shadow-lg: 0 4px 10px rgba(14, 14, 13, .05), 0 18px 40px rgba(14, 14, 13, .09);--shadow-xl: 0 8px 20px rgba(14, 14, 13, .06), 0 32px 72px rgba(14, 14, 13, .13);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .6);--shadow-focus: 0 0 0 3px rgba(176, 218, 53, .34);--blur-glass: saturate(1.4) blur(14px);--blur-scrim: blur(3px)}:root{--dur-instant: 80ms;--dur-fast: .13s;--dur-base: .19s;--dur-slow: .28s;--dur-slower: .42s;--ease-standard: cubic-bezier(.2, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-inout: cubic-bezier(.65, 0, .35, 1);--transition-control: background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);--transition-surface: opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%}body{margin:0;min-height:100%;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body-md);line-height:var(--lh-body-md);letter-spacing:var(--ls-body-md);font-weight:var(--fw-regular);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--fw-semibold);text-wrap:balance}p{margin:0;text-wrap:pretty}a{color:var(--text-link);text-decoration:none;text-underline-offset:3px;text-decoration-thickness:1px;transition:color var(--dur-fast) var(--ease-standard)}a:hover{color:var(--text-link-hover);text-decoration:underline}a:active{color:var(--signal-700)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background:var(--signal-200);color:var(--ink-950)}code,kbd,pre,samp{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--ls-mono)}hr{border:0;border-top:var(--border-width) solid var(--border-subtle);margin:0}img,svg,video{display:block;max-width:100%}[data-scroll]::-webkit-scrollbar{width:10px;height:10px}[data-scroll]::-webkit-scrollbar-thumb{background:var(--ink-200);border-radius:var(--radius-pill);border:3px solid transparent;background-clip:content-box}[data-scroll]::-webkit-scrollbar-thumb:hover{background:var(--ink-300);background-clip:content-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.cds-card{position:relative;background:var(--surface-card);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-out)}.cds-card--flat{background:var(--surface-sunken);box-shadow:none;border-color:transparent}.cds-card--elevated{box-shadow:var(--shadow-md);border-color:var(--border-subtle)}.cds-card--outline{box-shadow:none;border-color:var(--border-default)}.cds-card--accent{background:var(--surface-accent-subtle);border-color:var(--signal-200);box-shadow:none}.cds-card--interactive{cursor:pointer;text-align:inherit;font:inherit;color:inherit;width:100%;display:block}.cds-card--interactive:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-1px)}.cds-card--interactive:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.cds-card--pad-none{padding:0}.cds-card--pad-sm{padding:var(--space-7)}.cds-card--pad-md{padding:var(--space-10)}.cds-card--pad-lg{padding:var(--space-12)}.cds-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-8);padding:var(--space-10) var(--space-12);border-bottom:var(--border-width) solid var(--border-subtle)}.cds-card__title{font-size:var(--fs-title-sm);line-height:var(--lh-title-sm);letter-spacing:var(--ls-title-sm);font-weight:var(--fw-semibold);color:var(--text-primary)}.cds-card__desc{margin-top:var(--space-1);font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--text-secondary)}.cds-card__body{padding:var(--space-12)}.cds-card__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);padding:var(--space-8) var(--space-12);border-top:var(--border-width) solid var(--border-subtle);background:var(--surface-sunken);border-radius:0 0 calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px)}.cds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);position:relative;border:var(--border-width) solid transparent;border-radius:var(--radius-sm);font-family:var(--font-sans);font-weight:var(--fw-medium);letter-spacing:-.006em;white-space:nowrap;cursor:pointer;text-decoration:none;transition:var(--transition-control)}.cds-btn:disabled,.cds-btn[aria-disabled=true]{cursor:not-allowed;opacity:.44;box-shadow:none}.cds-btn:active:not(:disabled){transform:translateY(1px)}.cds-btn--sm{height:var(--control-h-sm);padding:0 var(--space-6);font-size:var(--fs-body-sm)}.cds-btn--md{height:var(--control-h-md);padding:0 var(--space-7);font-size:var(--fs-label)}.cds-btn--lg{height:var(--control-h-lg);padding:0 var(--space-10);font-size:var(--fs-body-md);border-radius:var(--radius-md)}.cds-btn--pill{border-radius:var(--radius-pill)}.cds-btn--block{width:100%}.cds-btn--primary{background:var(--surface-inverse);color:var(--text-inverse);box-shadow:var(--shadow-xs)}.cds-btn--primary:hover:not(:disabled){background:var(--surface-inverse-hover)}.cds-btn--accent{background:var(--surface-accent);color:var(--ink-950);box-shadow:var(--shadow-xs)}.cds-btn--accent:hover:not(:disabled){background:var(--surface-accent-hover)}.cds-btn--secondary{background:var(--surface-card);color:var(--text-primary);border-color:var(--border-default);box-shadow:var(--shadow-xs)}.cds-btn--secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.cds-btn--ghost{background:transparent;color:var(--text-secondary)}.cds-btn--ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.cds-btn--danger{background:var(--red-500);color:#fff}.cds-btn--danger:hover:not(:disabled){background:var(--red-600)}.cds-btn--loading{color:transparent!important}.cds-btn__spin{position:absolute;inset:0;display:grid;place-items:center}.cds-btn__spin i{width:14px;height:14px;border-radius:var(--radius-pill);border:1.5px solid currentColor;border-top-color:transparent;animation:cds-spin .6s linear infinite}.cds-btn--primary .cds-btn__spin,.cds-btn--danger .cds-btn__spin{color:#fff}.cds-btn--accent .cds-btn__spin,.cds-btn--secondary .cds-btn__spin,.cds-btn--ghost .cds-btn__spin{color:var(--ink-950)}@keyframes cds-spin{to{transform:rotate(360deg)}}.cds-iconbtn{display:inline-grid;place-items:center;border:var(--border-width) solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition-control)}.cds-iconbtn:disabled{cursor:not-allowed;opacity:.44}.cds-iconbtn:active:not(:disabled){transform:translateY(1px)}.cds-iconbtn--sm{width:var(--control-h-sm);height:var(--control-h-sm)}.cds-iconbtn--md{width:var(--control-h-md);height:var(--control-h-md)}.cds-iconbtn--lg{width:var(--control-h-lg);height:var(--control-h-lg);border-radius:var(--radius-md)}.cds-iconbtn--pill{border-radius:var(--radius-pill)}.cds-iconbtn--ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.cds-iconbtn--secondary{background:var(--surface-card);border-color:var(--border-default);color:var(--text-primary);box-shadow:var(--shadow-xs)}.cds-iconbtn--secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.cds-iconbtn--primary{background:var(--surface-inverse);color:var(--text-inverse)}.cds-iconbtn--primary:hover:not(:disabled){background:var(--surface-inverse-hover)}.cds-iconbtn--accent{background:var(--surface-accent);color:var(--ink-950)}.cds-iconbtn--accent:hover:not(:disabled){background:var(--surface-accent-hover)}.cds-iconbtn--danger:hover:not(:disabled){background:var(--surface-danger-subtle);color:var(--text-danger)}.cds-iconbtn[data-active=true]{background:var(--surface-active);color:var(--text-primary)}.cds-badge{display:inline-flex;align-items:center;gap:var(--space-3);border:var(--border-width) solid transparent;border-radius:var(--radius-pill);font-size:var(--fs-caption);line-height:1;font-weight:var(--fw-medium);letter-spacing:.002em;white-space:nowrap}.cds-badge--sm{height:20px;padding:0 var(--space-4)}.cds-badge--md{height:24px;padding:0 var(--space-5)}.cds-badge--neutral{background:var(--surface-sunken);color:var(--text-secondary);border-color:var(--border-subtle)}.cds-badge--accent{background:var(--surface-accent-subtle);color:var(--text-accent);border-color:var(--signal-200)}.cds-badge--success{background:var(--surface-success-subtle);color:var(--text-success)}.cds-badge--warning{background:var(--surface-warning-subtle);color:var(--text-warning)}.cds-badge--danger{background:var(--surface-danger-subtle);color:var(--text-danger)}.cds-badge--info{background:var(--surface-info-subtle);color:var(--text-info)}.cds-badge--inverse{background:var(--surface-inverse);color:var(--text-inverse)}.cds-badge__dot{width:6px;height:6px;border-radius:var(--radius-pill);background:currentColor;flex:0 0 auto}.cds-badge--live .cds-badge__dot{background:var(--signal-500);box-shadow:0 0 0 3px #94bf2133}.cds-tag{display:inline-flex;align-items:center;gap:var(--space-3);height:26px;padding:0 var(--space-5);background:var(--surface-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-xs);font-size:var(--fs-body-sm);line-height:1;color:var(--text-primary);transition:var(--transition-control)}.cds-tag--subtle{background:var(--surface-sunken);border-color:transparent}.cds-tag--selectable{cursor:pointer}.cds-tag--selectable:hover{border-color:var(--border-strong);background:var(--surface-hover)}.cds-tag[data-selected=true]{background:var(--surface-inverse);border-color:var(--surface-inverse);color:var(--text-inverse)}.cds-tag__swatch{width:8px;height:8px;border-radius:2px;flex:0 0 auto}.cds-tag__remove{display:grid;place-items:center;width:16px;height:16px;margin-right:-2px;margin-left:var(--space-1);border:0;padding:0;background:transparent;color:var(--text-tertiary);border-radius:var(--radius-xs);cursor:pointer;transition:var(--transition-control)}.cds-tag__remove:hover{background:var(--surface-active);color:var(--text-primary)}.cds-tag[data-selected=true] .cds-tag__remove{color:var(--text-inverse-secondary)}.cds-tag[data-selected=true] .cds-tag__remove:hover{background:#ffffff29;color:#fff}.cds-avatar{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:var(--radius-pill);background:var(--ink-100);color:var(--ink-700);font-weight:var(--fw-medium);letter-spacing:.01em;overflow:hidden;-webkit-user-select:none;user-select:none}.cds-avatar--square{border-radius:var(--radius-sm)}.cds-avatar--xs{width:20px;height:20px;font-size:9px}.cds-avatar--sm{width:26px;height:26px;font-size:10.5px}.cds-avatar--md{width:32px;height:32px;font-size:12px}.cds-avatar--lg{width:40px;height:40px;font-size:14px}.cds-avatar--xl{width:56px;height:56px;font-size:18px}.cds-avatar--ring{box-shadow:0 0 0 2px var(--surface-card),0 0 0 3px var(--border-default)}.cds-avatar img{width:100%;height:100%;object-fit:cover}.cds-avatar__status{position:absolute;right:-1px;bottom:-1px;width:32%;height:32%;min-width:7px;min-height:7px;border-radius:var(--radius-pill);border:2px solid var(--surface-card)}.cds-avatar__status--online{background:var(--signal-500)}.cds-avatar__status--busy{background:var(--amber-500)}.cds-avatar__status--offline{background:var(--ink-300)}.cds-avatar-group{display:inline-flex;align-items:center}.cds-avatar-group>*{margin-left:-8px;box-shadow:0 0 0 2px var(--surface-card)}.cds-avatar-group>*:first-child{margin-left:0}.cds-field{display:flex;flex-direction:column;gap:var(--space-3)}.cds-field__label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-label);line-height:var(--lh-label);font-weight:var(--fw-medium);color:var(--text-primary)}.cds-field__req{color:var(--red-500)}.cds-field__hint{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--text-tertiary)}.cds-field__error{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--text-danger)}.cds-inputwrap{position:relative;display:flex;align-items:center;gap:var(--space-5);background:var(--surface-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);transition:var(--transition-control)}.cds-inputwrap:hover:not([data-disabled]){border-color:var(--border-strong)}.cds-inputwrap--sm{height:var(--control-h-sm);padding:0 var(--space-5)}.cds-inputwrap--md{height:var(--control-h-md);padding:0 var(--space-6)}.cds-inputwrap--lg{height:var(--control-h-lg);padding:0 var(--space-8);border-radius:var(--radius-md)}.cds-inputwrap--subtle{background:var(--surface-sunken);border-color:transparent}.cds-inputwrap:focus-within{border-color:var(--border-accent);box-shadow:var(--shadow-focus)}.cds-inputwrap[data-invalid=true]{border-color:var(--border-danger)}.cds-inputwrap[data-invalid=true]:focus-within{box-shadow:0 0 0 3px #cf372c2e}.cds-inputwrap[data-disabled]{background:var(--surface-sunken);border-color:var(--border-subtle);color:var(--text-disabled);cursor:not-allowed}.cds-inputwrap__icon{color:var(--text-tertiary);flex:0 0 auto}.cds-input{flex:1 1 auto;min-width:0;height:100%;border:0;background:transparent;outline:0;font-size:var(--fs-body-md);letter-spacing:var(--ls-body-md);color:inherit}.cds-input::placeholder{color:var(--text-disabled)}.cds-inputwrap--sm .cds-input{font-size:var(--fs-body-sm)}.cds-input:disabled{cursor:not-allowed}.cds-inputwrap__affix{font-size:var(--fs-body-sm);color:var(--text-tertiary);white-space:nowrap}.cds-inputwrap__kbd{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);background:var(--surface-sunken);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-xs);padding:1px 5px}.cds-select{position:relative;display:flex;align-items:center}.cds-select select{appearance:none;width:100%;background:var(--surface-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--fs-body-md);letter-spacing:var(--ls-body-md);cursor:pointer;transition:var(--transition-control)}.cds-select--sm select{height:var(--control-h-sm);padding:0 var(--space-10) 0 var(--space-5);font-size:var(--fs-body-sm)}.cds-select--md select{height:var(--control-h-md);padding:0 var(--space-12) 0 var(--space-6)}.cds-select--lg select{height:var(--control-h-lg);padding:0 var(--space-12) 0 var(--space-8);border-radius:var(--radius-md)}.cds-select--subtle select{background:var(--surface-sunken);border-color:transparent}.cds-select select:hover:not(:disabled){border-color:var(--border-strong)}.cds-select select:focus-visible{outline:0;border-color:var(--border-accent);box-shadow:var(--shadow-focus)}.cds-select select:disabled{background:var(--surface-sunken);color:var(--text-disabled);cursor:not-allowed}.cds-select__chevron{position:absolute;right:var(--space-5);pointer-events:none;color:var(--text-tertiary);display:flex}.cds-select__lead{position:absolute;left:var(--space-6);pointer-events:none;color:var(--text-tertiary);display:flex}.cds-select--lead.cds-select--md select{padding-left:var(--space-16)}.cds-textarea-wrap{position:relative;display:flex;flex-direction:column;background:var(--surface-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);transition:var(--transition-control)}.cds-textarea-wrap:hover:not([data-disabled]){border-color:var(--border-strong)}.cds-textarea-wrap:focus-within{border-color:var(--border-accent);box-shadow:var(--shadow-focus)}.cds-textarea-wrap[data-invalid=true]{border-color:var(--border-danger)}.cds-textarea-wrap--subtle{background:var(--surface-sunken);border-color:transparent}.cds-textarea{width:100%;min-height:96px;resize:vertical;border:0;background:transparent;outline:0;padding:var(--space-7) var(--space-8);font-family:var(--font-sans);font-size:var(--fs-body-md);line-height:var(--lh-body-md);letter-spacing:var(--ls-body-md);color:var(--text-primary)}.cds-textarea::placeholder{color:var(--text-disabled)}.cds-textarea-wrap__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-4) var(--space-6) var(--space-4) var(--space-8);border-top:var(--border-width) solid var(--border-subtle)}.cds-textarea-wrap__count{font-family:var(--font-mono);font-size:11.5px;color:var(--text-tertiary);letter-spacing:-.01em}.cds-textarea-wrap__count[data-over=true]{color:var(--text-danger)}.cds-switch{display:inline-flex;align-items:center;gap:var(--space-6);cursor:pointer;font-size:var(--fs-body-md);color:var(--text-primary)}.cds-switch--disabled{cursor:not-allowed;color:var(--text-disabled)}.cds-switch--reverse{flex-direction:row-reverse;justify-content:space-between;width:100%}.cds-switch input{position:absolute;opacity:0;width:0;height:0}.cds-switch__track{position:relative;flex:0 0 auto;background:var(--ink-200);border-radius:var(--radius-pill);transition:background-color var(--dur-base) var(--ease-standard)}.cds-switch--md .cds-switch__track{width:36px;height:21px}.cds-switch--sm .cds-switch__track{width:30px;height:18px}.cds-switch__knob{position:absolute;top:2px;left:2px;background:#fff;border-radius:var(--radius-pill);box-shadow:0 1px 2px #0e0e0d3d;transition:transform var(--dur-base) var(--ease-out)}.cds-switch--md .cds-switch__knob{width:17px;height:17px}.cds-switch--sm .cds-switch__knob{width:14px;height:14px}.cds-switch:hover:not(.cds-switch--disabled) .cds-switch__track{background:var(--ink-300)}.cds-switch input:checked+.cds-switch__track{background:var(--surface-inverse)}.cds-switch input:checked+.cds-switch__track .cds-switch__knob{transform:translate(15px)}.cds-switch--sm input:checked+.cds-switch__track .cds-switch__knob{transform:translate(12px)}.cds-switch input:focus-visible+.cds-switch__track{box-shadow:var(--shadow-focus)}.cds-switch input:disabled+.cds-switch__track{background:var(--ink-150)}.cds-switch input:disabled:checked+.cds-switch__track{background:var(--ink-300)}.cds-switch__body{display:flex;flex-direction:column;gap:1px;line-height:1.35}.cds-switch__desc{font-size:var(--fs-caption);color:var(--text-tertiary)}.cds-check{display:inline-flex;align-items:flex-start;gap:var(--space-5);cursor:pointer;font-size:var(--fs-body-md);color:var(--text-primary)}.cds-check--disabled{cursor:not-allowed;color:var(--text-disabled)}.cds-check input{position:absolute;opacity:0;width:0;height:0}.cds-check__box{position:relative;display:grid;place-items:center;flex:0 0 auto;width:17px;height:17px;margin-top:1px;background:var(--surface-card);border:var(--border-width-thick) solid var(--border-strong);border-radius:5px;color:transparent;transition:var(--transition-control)}.cds-check:hover:not(.cds-check--disabled) .cds-check__box{border-color:var(--ink-500)}.cds-check input:checked+.cds-check__box,.cds-check input:indeterminate+.cds-check__box{background:var(--surface-inverse);border-color:var(--surface-inverse);color:#fff}.cds-check input:focus-visible+.cds-check__box{box-shadow:var(--shadow-focus);border-color:var(--border-accent)}.cds-check input:disabled+.cds-check__box{background:var(--surface-sunken);border-color:var(--border-default)}.cds-check input:disabled:checked+.cds-check__box{background:var(--ink-300);border-color:var(--ink-300)}.cds-check__body{display:flex;flex-direction:column;gap:2px;line-height:1.35}.cds-check__desc{font-size:var(--fs-caption);color:var(--text-tertiary)}.cds-check__bar{width:9px;height:var(--border-width-thick);background:currentColor;border-radius:2px}.cds-radio{display:inline-flex;align-items:flex-start;gap:var(--space-5);cursor:pointer;font-size:var(--fs-body-md);color:var(--text-primary)}.cds-radio--disabled{cursor:not-allowed;color:var(--text-disabled)}.cds-radio input{position:absolute;opacity:0;width:0;height:0}.cds-radio__dot{position:relative;display:grid;place-items:center;flex:0 0 auto;width:17px;height:17px;margin-top:1px;background:var(--surface-card);border:var(--border-width-thick) solid var(--border-strong);border-radius:var(--radius-pill);transition:var(--transition-control)}.cds-radio:hover:not(.cds-radio--disabled) .cds-radio__dot{border-color:var(--ink-500)}.cds-radio__dot:after{content:"";width:7px;height:7px;border-radius:var(--radius-pill);background:#fff;transform:scale(0);transition:transform var(--dur-fast) var(--ease-out)}.cds-radio input:checked+.cds-radio__dot{background:var(--surface-inverse);border-color:var(--surface-inverse)}.cds-radio input:checked+.cds-radio__dot:after{transform:scale(1)}.cds-radio input:focus-visible+.cds-radio__dot{box-shadow:var(--shadow-focus);border-color:var(--border-accent)}.cds-radio input:disabled+.cds-radio__dot{background:var(--surface-sunken);border-color:var(--border-default)}.cds-radio input:disabled:checked+.cds-radio__dot{background:var(--ink-300);border-color:var(--ink-300)}.cds-radio__body{display:flex;flex-direction:column;gap:2px;line-height:1.35}.cds-radio__desc{font-size:var(--fs-caption);color:var(--text-tertiary)}.cds-radio--card{padding:var(--space-7) var(--space-8);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);transition:var(--transition-control)}.cds-radio--card:hover:not(.cds-radio--disabled){border-color:var(--border-strong);background:var(--surface-hover)}.cds-radio--card:has(input:checked){border-color:var(--ink-950);box-shadow:0 0 0 1px var(--ink-950)}.cds-seg{display:inline-flex;align-items:center;gap:2px;padding:2px;background:var(--surface-sunken);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md)}.cds-seg--pill{border-radius:var(--radius-pill)}.cds-seg--block{display:flex;width:100%}.cds-seg__item{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);flex:1 1 auto;border:0;background:transparent;border-radius:var(--radius-sm);font-family:var(--font-sans);font-weight:var(--fw-medium);color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:var(--transition-control)}.cds-seg--pill .cds-seg__item{border-radius:var(--radius-pill)}.cds-seg--sm .cds-seg__item{height:26px;padding:0 var(--space-6);font-size:var(--fs-body-sm)}.cds-seg--md .cds-seg__item{height:30px;padding:0 var(--space-7);font-size:var(--fs-label)}.cds-seg__item:hover{color:var(--text-primary)}.cds-seg__item[aria-pressed=true]{background:var(--surface-card);color:var(--text-primary);box-shadow:var(--shadow-xs)}.cds-seg__item:disabled{color:var(--text-disabled);cursor:not-allowed}.cds-tabs{display:flex;align-items:center;gap:var(--space-6);border-bottom:var(--border-width) solid var(--border-subtle)}.cds-tabs--fill{gap:var(--space-8)}.cds-tab{position:relative;display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-6) 2px calc(var(--space-6) - 1px);border:0;background:transparent;font-family:var(--font-sans);font-size:var(--fs-label);font-weight:var(--fw-medium);letter-spacing:-.004em;color:var(--text-secondary);cursor:pointer;transition:color var(--dur-fast) var(--ease-standard)}.cds-tab:hover{color:var(--text-primary)}.cds-tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink-950);border-radius:2px 2px 0 0;opacity:0;transform:scaleX(.6);transition:opacity var(--dur-fast) var(--ease-standard),transform var(--dur-base) var(--ease-out)}.cds-tab[aria-selected=true]{color:var(--text-primary)}.cds-tab[aria-selected=true]:after{opacity:1;transform:scaleX(1)}.cds-tab:disabled{color:var(--text-disabled);cursor:not-allowed}.cds-tab__count{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);background:var(--surface-sunken);border-radius:var(--radius-xs);padding:1px 5px;letter-spacing:-.01em}.cds-tab[aria-selected=true] .cds-tab__count{background:var(--surface-accent-subtle);color:var(--text-accent)}.cds-dialog__scrim{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:var(--space-16);background:var(--surface-scrim);-webkit-backdrop-filter:var(--blur-scrim);backdrop-filter:var(--blur-scrim);animation:cds-fade var(--dur-base) var(--ease-out)}.cds-dialog{position:relative;width:100%;background:var(--surface-card);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:cds-rise var(--dur-base) var(--ease-out)}.cds-dialog--sm{max-width:400px}.cds-dialog--md{max-width:520px}.cds-dialog--lg{max-width:720px}.cds-dialog__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-8);padding:var(--space-12) var(--space-12) 0}.cds-dialog__title{font-size:var(--fs-title-md);line-height:var(--lh-title-md);letter-spacing:var(--ls-title-md);font-weight:var(--fw-semibold)}.cds-dialog__desc{margin-top:var(--space-3);font-size:var(--fs-body-md);line-height:var(--lh-body-md);color:var(--text-secondary);max-width:52ch}.cds-dialog__body{padding:var(--space-10) var(--space-12) 0}.cds-dialog__foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);padding:var(--space-12)}.cds-dialog__foot--split{justify-content:space-between}@keyframes cds-fade{0%{opacity:0}to{opacity:1}}@keyframes cds-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cds-toast{display:flex;align-items:flex-start;gap:var(--space-6);width:100%;max-width:380px;padding:var(--space-7) var(--space-7) var(--space-7) var(--space-8);background:var(--surface-card);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:cds-toast-in var(--dur-base) var(--ease-out)}.cds-toast__icon{display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px;border-radius:var(--radius-pill);margin-top:-1px}.cds-toast--success .cds-toast__icon{background:var(--surface-success-subtle);color:var(--text-success)}.cds-toast--danger .cds-toast__icon{background:var(--surface-danger-subtle);color:var(--text-danger)}.cds-toast--warning .cds-toast__icon{background:var(--surface-warning-subtle);color:var(--text-warning)}.cds-toast--info .cds-toast__icon{background:var(--surface-info-subtle);color:var(--text-info)}.cds-toast--neutral .cds-toast__icon{background:var(--surface-sunken);color:var(--text-secondary)}.cds-toast__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.cds-toast__title{font-size:var(--fs-label);font-weight:var(--fw-medium);color:var(--text-primary);line-height:1.4}.cds-toast__desc{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--text-secondary)}.cds-toast__action{margin-top:var(--space-4);align-self:flex-start;border:0;background:transparent;padding:0;font-family:var(--font-sans);font-size:var(--fs-caption);font-weight:var(--fw-medium);color:var(--text-accent);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.cds-toast__action:hover{color:var(--signal-700)}.cds-toast-stack{position:fixed;z-index:70;display:flex;flex-direction:column;gap:var(--space-5)}.cds-toast-stack--br{right:var(--space-12);bottom:var(--space-12)}.cds-toast-stack--tr{right:var(--space-12);top:var(--space-12)}.cds-toast-stack--bc{left:50%;transform:translate(-50%);bottom:var(--space-12)}@keyframes cds-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cds-tooltip{position:relative;display:inline-flex}.cds-tooltip__bubble{position:absolute;z-index:80;padding:var(--space-3) var(--space-5);background:var(--ink-950);color:var(--ink-25);border-radius:var(--radius-xs);font-size:var(--fs-caption);line-height:1.35;font-weight:var(--fw-regular);letter-spacing:.002em;white-space:nowrap;box-shadow:var(--shadow-md);pointer-events:none;opacity:0;animation:cds-tip-in var(--dur-fast) var(--ease-out) forwards}.cds-tooltip__bubble--top{bottom:calc(100% + 7px);left:50%;transform:translate(-50%)}.cds-tooltip__bubble--bottom{top:calc(100% + 7px);left:50%;transform:translate(-50%)}.cds-tooltip__bubble--left{right:calc(100% + 7px);top:50%;transform:translateY(-50%)}.cds-tooltip__bubble--right{left:calc(100% + 7px);top:50%;transform:translateY(-50%)}.cds-tooltip__kbd{margin-left:var(--space-4);font-family:var(--font-mono);font-size:10.5px;color:#fff9}@keyframes cds-tip-in{0%{opacity:0}to{opacity:1}}:root{--text-strong: var(--text-primary);--text-body: var(--ink-800);--text-muted: var(--text-secondary);--text-faint: var(--text-tertiary);--cream: var(--ink-950);--sand: var(--ink-100);--paper: var(--ink-0);--ink: var(--ink-950);--text-on-raised: var(--text-inverse);--surface-raised: var(--surface-inverse);--clay-950: var(--surface-page);--clay-900: var(--surface-page);--clay-850: var(--surface-sunken);--clay-800: var(--surface-sunken);--clay-700: var(--surface-sunken);--clay-600: var(--ink-0);--clay-550: var(--ink-0);--clay-500: var(--surface-page);--clay-450: var(--surface-page);--clay-400: var(--surface-page);--clay-300: var(--text-tertiary);--clay-200: var(--text-secondary);--clay-100: var(--ink-100);--clay-50: var(--ink-50);--bg-field: var(--surface-page);--bg-field-bright: var(--surface-page);--surface-card-strong: var(--surface-sunken);--surface-inset: var(--surface-sunken);--grad-card: var(--surface-card);--border-hairline: var(--border-subtle);--border-soft: var(--border-default);--gold-400: var(--signal-600);--gold-300: var(--signal-700);--accent-gold: var(--signal-600);--positive: var(--green-600);--warning: var(--amber-600);--danger: var(--red-600);--status-ok: var(--green-600);--status-err: var(--red-600);--inset-well: none;--inset-top: none;--shadow-btn: var(--shadow-xs);--glow-active: none;--tracking-label: var(--ls-overline);--tracking-tight: var(--ls-title-md);--tracking-mega: .18em;--lh-tight: var(--lh-title-md);--lh-normal: var(--lh-body-md);--text-display: var(--fs-display-md);--text-base: var(--fs-body-md);--text-label: var(--fs-label);--text-label-sm: var(--fs-overline);--tab-pill-h: 30px}.kamun-field{position:relative;background:var(--surface-page)}.kamun-field--bright{background:var(--surface-page)}.kamun-lattice{display:none}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--ink-200);border-radius:var(--radius-pill);border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--ink-300);background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}select option{color:var(--text-primary);background:var(--surface-card)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kamun-display{font-size:var(--fs-title-lg);line-height:var(--lh-title-lg);letter-spacing:var(--ls-title-lg);font-weight:var(--fw-semibold);color:var(--text-primary)}.kamun-aside{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--text-secondary)}.kamun-label{font-size:var(--fs-overline);line-height:var(--lh-overline);letter-spacing:var(--ls-overline);text-transform:uppercase;font-weight:var(--fw-medium);color:var(--text-tertiary)}.kamun-kicker{display:flex;align-items:center;gap:var(--space-4);font-size:var(--fs-overline);letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--text-tertiary)}.kamun-kicker:before,.kamun-kicker:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.kamun-arabic{font-family:var(--font-arabic);color:var(--text-secondary);direction:rtl}.kamun-dinari:after{content:" \25c8";color:var(--text-tertiary);font-size:.82em}.diwan-panel,.diwan-card{position:relative;background:var(--surface-card);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.diwan-card--grad{background:var(--surface-card)}.diwan-card--inset{background:var(--surface-sunken);box-shadow:none}.diwan-row{transition:background-color var(--dur-fast) var(--ease-standard)}.diwan-row:hover td,.diwan-row:hover{background:var(--surface-hover)}.diwan-input{width:100%;height:var(--control-h-md);padding:0 var(--space-6);background:var(--surface-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body-md);letter-spacing:var(--ls-body-md);outline:0;transition:var(--transition-control)}.diwan-input:hover:not(:disabled){border-color:var(--border-strong)}.diwan-input:focus{border-color:var(--border-accent);box-shadow:var(--shadow-focus)}.diwan-input::placeholder{color:var(--text-disabled)}.diwan-input:disabled{background:var(--surface-sunken);border-color:var(--border-subtle);color:var(--text-disabled);cursor:not-allowed}.diwan-input[aria-invalid=true]{border-color:var(--border-danger)}.diwan-input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #cf372c2e}textarea.diwan-input{height:auto;min-height:96px;padding:var(--space-7) var(--space-8);line-height:var(--lh-body-md);resize:vertical;border-radius:var(--radius-md)}.diwan-select{height:var(--control-h-md);padding:0 var(--space-12) 0 var(--space-6);appearance:none;-webkit-appearance:none;background:var(--surface-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body-md);outline:0;cursor:pointer;transition:var(--transition-control)}.diwan-select:hover:not(:disabled){border-color:var(--border-strong)}.diwan-select:focus-visible{border-color:var(--border-accent);box-shadow:var(--shadow-focus)}.diwan-select:disabled{background:var(--surface-sunken);color:var(--text-disabled);cursor:not-allowed}.diwan-select-wrap{position:relative;display:inline-block}.diwan-select-wrap>.diwan-caret{position:absolute;right:var(--space-5);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-tertiary);font-size:11px}.diwan-field-label{display:block;font-size:var(--fs-label);line-height:var(--lh-label);font-weight:var(--fw-medium);color:var(--text-primary);margin-bottom:var(--space-3)}.diwan-field-label--overline{font-size:var(--fs-overline);line-height:var(--lh-overline);letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--text-tertiary)}.diwan-switch{appearance:none;-webkit-appearance:none;position:relative;flex-shrink:0;width:36px;height:21px;margin:0;border:0;border-radius:var(--radius-pill);background:var(--ink-200);cursor:pointer;transition:background-color var(--dur-base) var(--ease-standard)}.diwan-switch:after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:var(--radius-pill);background:#fff;box-shadow:0 1px 2px #0e0e0d3d;transition:transform var(--dur-base) var(--ease-out)}.diwan-switch:hover:not(:disabled){background:var(--ink-300)}.diwan-switch:checked{background:var(--surface-inverse)}.diwan-switch:checked:after{transform:translate(15px)}.diwan-switch:focus-visible{box-shadow:var(--shadow-focus);outline:0}.diwan-switch:disabled{background:var(--ink-150);cursor:not-allowed}.diwan-toggle{display:inline-flex;align-items:center;flex-shrink:0;width:36px;height:21px;padding:2px;border:0;border-radius:var(--radius-pill);background:var(--ink-200);cursor:pointer;justify-content:flex-start;transition:background-color var(--dur-base) var(--ease-standard)}.diwan-toggle>span{width:17px;height:17px;border-radius:var(--radius-pill);background:#fff;box-shadow:0 1px 2px #0e0e0d3d;transition:transform var(--dur-base) var(--ease-out)}.diwan-toggle--on{background:var(--surface-inverse);justify-content:flex-end}.diwan-pill,.diwan-add-btn,.diwan-ghost-btn,.diwan-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);font-family:var(--font-sans);font-weight:var(--fw-medium);letter-spacing:-.006em;white-space:nowrap;cursor:pointer;text-decoration:none;transition:var(--transition-control);-webkit-tap-highlight-color:transparent}.diwan-pill:active:not(:disabled),.diwan-add-btn:active:not(:disabled),.diwan-ghost-btn:active:not(:disabled),.diwan-action:active:not(:disabled){transform:translateY(1px)}.diwan-pill:disabled,.diwan-add-btn:disabled,.diwan-ghost-btn:disabled,.diwan-action:disabled{opacity:.44;cursor:not-allowed;box-shadow:none}.diwan-pill{height:var(--control-h-lg);padding:0 var(--space-10);border-radius:var(--radius-md);font-size:var(--fs-body-md);background:var(--surface-inverse);color:var(--text-inverse);box-shadow:var(--shadow-xs)}.diwan-pill:hover:not(:disabled){background:var(--surface-inverse-hover)}.diwan-add-btn{width:100%;height:var(--control-h-lg);border-radius:var(--radius-md);font-size:var(--fs-body-md);background:var(--surface-inverse);color:var(--text-inverse);box-shadow:var(--shadow-xs)}.diwan-add-btn:hover:not(:disabled){background:var(--surface-inverse-hover)}.diwan-ghost-btn{height:var(--control-h-md);padding:0 var(--space-7);font-size:var(--fs-label);background:var(--surface-card);color:var(--text-primary);border-color:var(--border-default);box-shadow:var(--shadow-xs)}.diwan-ghost-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.diwan-icon-btn{display:inline-grid;place-items:center;flex-shrink:0;width:var(--control-h-md);height:var(--control-h-md);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-primary);box-shadow:var(--shadow-xs);cursor:pointer;font-size:var(--fs-body-md);line-height:1;transition:var(--transition-control)}.diwan-icon-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.diwan-icon-btn:active:not(:disabled){transform:translateY(1px)}.diwan-icon-btn:disabled{opacity:.44;cursor:not-allowed}.diwan-actions{display:flex;gap:var(--space-5)}.diwan-action{flex:1;height:var(--control-h-lg);border-radius:var(--radius-md);font-size:var(--fs-body-md)}.diwan-action--grant{background:var(--surface-inverse);color:var(--text-inverse);box-shadow:var(--shadow-xs)}.diwan-action--grant:hover:not(:disabled){background:var(--surface-inverse-hover)}.diwan-action--retract{background:var(--surface-card);color:var(--text-primary);border-color:var(--border-default);box-shadow:var(--shadow-xs)}.diwan-action--retract:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.diwan-action--danger{background:var(--red-500);color:#fff}.diwan-action--danger:hover:not(:disabled){background:var(--red-600)}.diwan-th{padding:0 var(--space-8);height:34px;text-align:left;background:var(--surface-sunken);font-size:var(--fs-overline);line-height:var(--lh-overline);letter-spacing:var(--ls-overline);text-transform:uppercase;font-weight:var(--fw-regular);color:var(--text-tertiary);border-bottom:var(--border-width) solid var(--border-subtle);white-space:nowrap}.diwan-td{padding:var(--space-5) var(--space-8);height:var(--row-h);border-top:var(--border-width) solid var(--border-subtle);font-size:var(--fs-body-sm);color:var(--text-primary);vertical-align:middle}.diwan-seg{display:flex;gap:var(--space-4);overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.diwan-seg::-webkit-scrollbar{display:none}.diwan-seg-btn{display:inline-flex;align-items:center;gap:var(--space-3);flex:0 0 auto;height:32px;padding:0 var(--space-6);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--fs-body-sm);font-weight:var(--fw-regular);white-space:nowrap;cursor:pointer;transition:var(--transition-control)}.diwan-seg-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.diwan-seg-btn--active{background:var(--surface-inverse);border-color:var(--ink-950);color:var(--text-inverse);font-weight:var(--fw-medium)}.diwan-seg-btn--active:hover{color:var(--text-inverse)}.diwan-chip,.diwan-tier-tag,.diwan-role-pill{display:inline-flex;align-items:center;gap:var(--space-3);height:24px;padding:0 var(--space-5);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-secondary);font-size:var(--fs-caption);line-height:1;font-weight:var(--fw-medium);white-space:nowrap}.diwan-role-pill--sm{height:20px;padding:0 var(--space-4)}.diwan-role-pill--vataf{background:var(--surface-info-subtle);border-color:transparent;color:var(--text-info)}.diwan-role-pill--vizir{background:var(--surface-accent-subtle);border-color:var(--signal-200);color:var(--text-accent)}.diwan-role-pill--custom{background:var(--surface-sunken);border-color:var(--border-subtle);color:var(--text-tertiary)}.diwan-sec-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-5);margin-bottom:var(--space-7)}.diwan-sec-actions:empty{display:none}.diwan-sec-actions .diwan-pill,.diwan-sec-actions .diwan-ghost-btn,.diwan-sec-actions .diwan-add-btn{width:auto;height:var(--control-h-sm);padding:0 var(--space-6);border-radius:var(--radius-sm);font-size:var(--fs-body-sm)}.diwan-lock{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-7);border-radius:var(--radius-md);background:var(--surface-card);border:var(--border-width) dashed var(--border-default);color:var(--text-disabled);font-size:var(--fs-body-sm)}.diwan-toast{display:flex;align-items:center;gap:var(--space-5);max-width:380px;padding:var(--space-7) var(--space-8);background:var(--surface-card);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-family:var(--font-sans);font-size:var(--fs-label);font-weight:var(--fw-medium);color:var(--text-primary);pointer-events:auto}.diwan-toast--gold{background:var(--surface-accent-subtle);border-color:var(--signal-200);color:var(--text-accent)}.diwan-drawer{animation:diwanDrawerIn var(--dur-base) var(--ease-out) both}@keyframes diwanDrawerIn{0%{transform:translate(6px);opacity:0}to{transform:none;opacity:1}}.diwan-scrim{position:absolute;inset:0;z-index:80;background:var(--surface-scrim);-webkit-backdrop-filter:var(--blur-scrim);backdrop-filter:var(--blur-scrim);display:flex;align-items:flex-end}.diwan-sheet{width:100%;background:var(--surface-card);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);border:var(--border-width) solid var(--border-subtle);border-bottom:0;padding:var(--space-10) var(--space-10) calc(env(safe-area-inset-bottom,0px) + var(--space-12))}.diwan-sheet-grab{width:40px;height:4px;border-radius:var(--radius-pill);background:var(--border-strong);margin:0 auto var(--space-10)}.diwan-sheet-head{display:flex;align-items:center;gap:var(--space-7);margin-bottom:var(--space-8)}.diwan-sheet-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-pill);background:var(--ink-100);color:var(--ink-700);font-size:1.2rem}.diwan-sheet-id{flex:1;min-width:0;display:flex;flex-direction:column}.diwan-sheet-name{color:var(--text-primary);font-weight:var(--fw-medium);font-size:var(--fs-body-md)}.diwan-sheet-code{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-tertiary)}.diwan-sheet-blurb{margin:0 0 var(--space-8);font-size:var(--fs-body-sm);color:var(--text-secondary)}.diwan-sheet-logout{width:100%;height:var(--control-h-lg)}.diwan-phone-stage{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:28px;box-sizing:border-box;background:var(--ink-100)}.diwan-phone{position:relative;width:100%;max-width:400px;height:100%;max-height:880px;overflow:hidden;background:var(--surface-page);border:var(--border-width) solid var(--border-strong);border-radius:38px;box-shadow:var(--shadow-xl)}@media(max-width:480px){.diwan-phone-stage{padding:0;background:var(--surface-page)}.diwan-phone{max-width:none;max-height:none;border-radius:0;border:0;box-shadow:none}}@keyframes kamunOverlayIn{0%{transform:translateY(6px);opacity:0}to{transform:none;opacity:1}}.kamun-overlay-in{animation:kamunOverlayIn var(--dur-base) var(--ease-out) both}@keyframes kamunToastIn{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.kamun-toast-in{animation:kamunToastIn var(--dur-base) var(--ease-out) both}@keyframes kamunSheetIn{0%{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}.kamun-sheet-in{animation:kamunSheetIn var(--dur-base) var(--ease-out) both}@keyframes kamunFadeUp{0%{transform:translateY(4px);opacity:0}to{transform:none;opacity:1}}.kamun-fade-up{animation:kamunFadeUp var(--dur-base) var(--ease-out) both}@keyframes diwanShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.diwan-shake{animation:diwanShake var(--dur-slow)}@keyframes diwanScan{0%{top:6%}50%{top:92%}to{top:6%}}.diwan-scanline{animation:diwanScan 2.4s var(--ease-standard) infinite}@media(prefers-reduced-motion:reduce){.kamun-overlay-in,.kamun-toast-in,.kamun-sheet-in,.kamun-fade-up,.diwan-drawer,.diwan-shake{animation:none}.diwan-scanline{animation:none;top:50%}}@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-font-weight{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: 0px;}@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-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@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;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-font-weight: 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-outline-style: solid;--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}}}
