:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--font-size-xs:12px;--font-size-sm:13px;--font-size-md:14.5px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:22px;--font-size-3xl:28px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.6;--ds-color-bg:var(--bg);--ds-color-surface:var(--surface);--ds-color-surface-2:var(--surface-2);--ds-color-ink:var(--ink-900);--ds-color-ink-muted:var(--ink-700);--ds-color-ink-subtle:var(--ink-500);--ds-color-ink-faint:var(--ink-300);--ds-color-border:var(--line);--ds-color-primary:var(--blue-600);--ds-color-primary-soft:var(--blue-50);--ds-color-accent:var(--orange-600);--ds-color-success:var(--green-600);--ds-color-warning:var(--amber-600);--ds-color-danger:var(--red-600);--ds-color-zebra:var(--zebra);--ds-color-focus-ring:var(--ring);--ds-status-success:var(--green-600);--ds-status-warning:var(--amber-600);--ds-status-danger:var(--red-600);--ds-status-info:var(--blue-600);--ds-status-neutral:var(--ink-500);--ds-status-draft:var(--ink-500);--ds-status-posted:var(--green-600);--ds-status-void:var(--red-600);--ds-radius-sm:var(--radius-sm);--ds-radius-md:var(--radius);--ds-radius-lg:var(--radius-lg);--ds-radius-pill:999px;--ds-shadow-sm:var(--shadow-sm);--ds-shadow-md:var(--shadow);--ds-shadow-lg:var(--shadow-lg);--ds-border-width:1px;--ds-border-color:var(--line);--ds-opacity-disabled:0.48;--ds-opacity-muted:0.72;--ds-opacity-overlay:0.55;--ds-duration-fast:120ms;--ds-duration-normal:200ms;--ds-duration-slow:280ms;--ds-easing:cubic-bezier(0.2,0.8,0.2,1);--ds-z-base:0;--ds-z-sticky:20;--ds-z-dropdown:40;--ds-z-overlay:50;--ds-z-modal:200;--ds-z-toast:220;--ds-z-max:300;--ds-bp-mobile:560px;--ds-bp-tablet:720px;--ds-bp-laptop:960px;--ds-bp-desktop:1100px;--ds-container-sm:720px;--ds-container-md:960px;--ds-container-lg:1200px;--ds-container-xl:1440px;--ds-control-height:42px;--ds-touch-min:44px}html[data-theme=dark]{--ds-color-bg:var(--bg);--ds-color-surface:var(--surface);--ds-color-surface-2:var(--surface-2);--ds-color-ink:var(--ink-900);--ds-color-ink-muted:var(--ink-700);--ds-color-ink-subtle:var(--ink-500);--ds-color-ink-faint:var(--ink-300);--ds-color-border:var(--line);--ds-color-primary:var(--blue-600);--ds-color-primary-soft:var(--blue-50);--ds-color-focus-ring:var(--ring);--ds-shadow-sm:var(--shadow-sm);--ds-shadow-md:var(--shadow);--ds-shadow-lg:var(--shadow-lg)}.ds-focusable:focus-visible{outline:none;box-shadow:var(--ds-color-focus-ring)}.ds-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}.ds-fade-in{animation:ds-fade-in var(--ds-duration-normal) var(--ds-easing)}@keyframes ds-fade-in{0%{opacity:0}to{opacity:1}}.ds-transition-colors{transition:color var(--ds-duration-fast) var(--ds-easing),background-color var(--ds-duration-fast) var(--ds-easing),border-color var(--ds-duration-fast) var(--ds-easing)}.ds-transition-transform{transition:transform var(--ds-duration-normal) var(--ds-easing)}@media (prefers-reduced-motion:reduce){.ds-fade-in,.ds-transition-colors,.ds-transition-transform{animation:none!important;transition:none!important}}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--ds-control-height);padding:0 var(--space-4);border-radius:var(--ds-radius-sm);border:var(--ds-border-width) solid transparent;font-family:var(--font);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--ds-duration-fast) var(--ds-easing),color var(--ds-duration-fast) var(--ds-easing),border-color var(--ds-duration-fast) var(--ds-easing)}.ds-btn:disabled{opacity:var(--ds-opacity-disabled);cursor:not-allowed}.ds-btn:focus-visible{outline:none;box-shadow:var(--ds-color-focus-ring)}.ds-btn--primary{background:var(--ds-color-primary);color:#fff}.ds-btn--accent{background:var(--ds-color-accent);color:#fff}.ds-btn--ghost{background:transparent;color:var(--ds-color-ink-muted);border-color:var(--ds-color-border)}.ds-btn--danger{background:var(--ds-color-danger);color:#fff}.ds-btn--secondary{background:var(--ds-color-surface-2);color:var(--ds-color-ink);border-color:var(--ds-color-border)}.ds-btn--sm{min-height:32px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.ds-icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:var(--ds-touch-min);min-height:var(--ds-touch-min);padding:0;border:var(--ds-border-width) solid var(--ds-color-border);border-radius:var(--ds-radius-sm);background:var(--ds-color-surface);color:var(--ds-color-ink-muted);cursor:pointer}.ds-icon-btn:focus-visible{outline:none;box-shadow:var(--ds-color-focus-ring)}.ds-card{background:var(--ds-color-surface);border:var(--ds-border-width) solid var(--ds-color-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-sm);padding:var(--space-5)}.ds-field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.ds-field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--ds-color-ink-muted)}.ds-field__required{color:var(--ds-color-danger);-webkit-margin-start:2px;margin-inline-start:2px}.ds-field__help{font-size:var(--font-size-xs);color:var(--ds-color-ink-subtle)}.ds-field__error{font-size:var(--font-size-xs);color:var(--ds-color-danger)}.ds-input,.ds-select,.ds-textarea{width:100%;min-height:var(--ds-control-height);padding:0 var(--space-3);border:var(--ds-border-width) solid var(--ds-color-border);border-radius:var(--ds-radius-sm);background:var(--ds-color-surface);color:var(--ds-color-ink);font-family:var(--font);font-size:var(--font-size-md)}.ds-textarea{min-height:96px;padding-block:var(--space-2);resize:vertical}.ds-input:focus,.ds-select:focus,.ds-textarea:focus{outline:none;border-color:var(--ds-color-primary);box-shadow:var(--ds-color-focus-ring)}.ds-input[aria-invalid=true],.ds-select[aria-invalid=true],.ds-textarea[aria-invalid=true]{border-color:var(--ds-color-danger)}.ds-skeleton{display:block;background:linear-gradient(90deg,var(--ds-color-surface-2) 0,var(--zebra) 50%,var(--ds-color-surface-2) 100%);background-size:200% 100%;animation:ds-skeleton 1.2s ease-in-out infinite;border-radius:var(--ds-radius-sm)}@keyframes ds-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.ds-skeleton{animation:none;background:var(--ds-color-surface-2)}}.ds-alert{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--ds-radius-sm);border:var(--ds-border-width) solid var(--ds-color-border);background:var(--ds-color-surface-2);color:var(--ds-color-ink);font-size:var(--font-size-sm)}.ds-alert--success{border-color:var(--ds-status-success);background:color-mix(in srgb,var(--ds-status-success) 10%,var(--ds-color-surface))}.ds-alert--warning{border-color:var(--ds-status-warning);background:color-mix(in srgb,var(--ds-status-warning) 12%,var(--ds-color-surface))}.ds-alert--danger{border-color:var(--ds-status-danger);background:color-mix(in srgb,var(--ds-status-danger) 10%,var(--ds-color-surface))}.ds-alert--info{border-color:var(--ds-status-info);background:color-mix(in srgb,var(--ds-status-info) 10%,var(--ds-color-surface))}.ds-badge{gap:4px;padding:2px 8px;border-radius:var(--ds-radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:var(--ds-color-surface-2);color:var(--ds-color-ink-muted);border:var(--ds-border-width) solid var(--ds-color-border)}.ds-badge,.ds-chip{display:inline-flex;align-items:center}.ds-chip{gap:var(--space-1);padding:4px 10px;border-radius:var(--ds-radius-pill);background:var(--ds-color-primary-soft);color:var(--ds-color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.ds-empty,.ds-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);text-align:center;color:var(--ds-color-ink-subtle)}.ds-empty__title,.ds-error-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--ds-color-ink)}.ds-metric-card,.ds-stat-card{background:var(--ds-color-surface);border:var(--ds-border-width) solid var(--ds-color-border);border-radius:var(--ds-radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.ds-metric-card__label,.ds-stat-card__label{font-size:var(--font-size-sm);color:var(--ds-color-ink-subtle)}.ds-metric-card__value,.ds-stat-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--ds-color-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ds-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--ds-color-ink-subtle)}.ds-breadcrumb a{color:var(--ds-color-primary);text-decoration:none}.ds-breadcrumb__sep{opacity:var(--ds-opacity-muted)}.ds-tabs{display:flex;gap:var(--space-1);border-bottom:var(--ds-border-width) solid var(--ds-color-border)}.ds-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;padding:var(--space-2) var(--space-3);font-family:var(--font);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--ds-color-ink-subtle);cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px}.ds-tab[aria-selected=true]{color:var(--ds-color-primary);border-bottom-color:var(--ds-color-primary)}.ds-tab:focus-visible{outline:none;box-shadow:var(--ds-color-focus-ring)}.ds-accordion{border:var(--ds-border-width) solid var(--ds-color-border);border-radius:var(--ds-radius-md);overflow:hidden}.ds-accordion__item+.ds-accordion__item{border-top:var(--ds-border-width) solid var(--ds-color-border)}.ds-accordion__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--ds-color-surface);border:none;font-family:var(--font);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--ds-color-ink);cursor:pointer;text-align:start}.ds-accordion__panel{padding:0 var(--space-4) var(--space-4);color:var(--ds-color-ink-muted);font-size:var(--font-size-sm)}.ds-progress{height:8px;border-radius:var(--ds-radius-pill);background:var(--ds-color-surface-2);overflow:hidden}.ds-progress__bar{height:100%;background:var(--ds-color-primary);border-radius:inherit;transition:width var(--ds-duration-normal) var(--ds-easing)}.ds-loading{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--ds-color-ink-subtle);font-size:var(--font-size-sm)}.ds-spinner{width:16px;height:16px;border:2px solid var(--ds-color-border);border-top-color:var(--ds-color-primary);border-radius:50%;animation:ds-spin .7s linear infinite}@keyframes ds-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.ds-spinner{animation:none;border-top-color:var(--ds-color-border)}}.ds-pagination{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ds-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue-500),var(--blue-700));color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.ds-popover,.ds-tooltip{position:absolute;z-index:var(--ds-z-dropdown);background:var(--ds-color-surface);border:var(--ds-border-width) solid var(--ds-color-border);border-radius:var(--ds-radius-sm);box-shadow:var(--ds-shadow-md);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--ds-color-ink)}.ds-drawer{position:fixed;inset-block:0;inset-inline-end:0;width:min(420px,100vw);max-height:100vh;max-height:100dvh;z-index:var(--ds-z-modal);background:var(--ds-color-surface);border:none;outline:none;border-start-start-radius:var(--ds-radius-lg);border-end-start-radius:var(--ds-radius-lg);border-start-end-radius:0;border-end-end-radius:0;box-shadow:var(--ds-shadow-lg);padding:0;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.ds-drawer:after,.ds-drawer:before{content:none!important;display:none!important;border:none!important;box-shadow:none!important}.ds-drawer__body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--space-5);-webkit-padding-before:0;padding-block-start:0}.ds-drawer__footer{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);-webkit-border-before:var(--ds-border-width) solid var(--ds-color-border);border-block-start:var(--ds-border-width) solid var(--ds-color-border);background:var(--ds-color-surface)}.ds-page{display:flex;flex-direction:column;gap:var(--space-5);width:100%;max-width:100%}.ds-detail-page,.ds-form-page,.ds-list-page{gap:var(--space-4)}.ds-detail-page__meta,.ds-form-page__banner,.ds-form-page__footer,.ds-list-page__banner,.ds-list-page__filters,.ds-list-page__pager,.ds-list-page__toolbar{min-width:0}.ds-detail-page__body,.ds-form-page__body,.ds-list-page__body{min-width:0;display:flex;flex-direction:column;gap:var(--space-3)}.ds-form-page__footer{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:flex-end;-webkit-padding-before:var(--space-3);padding-block-start:var(--space-3);-webkit-border-before:var(--ds-border-width) solid var(--ds-color-border);border-block-start:var(--ds-border-width) solid var(--ds-color-border)}.ds-page__heading{min-width:0;flex:1 1 auto}.ds-page__subtitle{margin:var(--space-1) 0 0;color:var(--ds-color-ink-subtle);font-size:var(--font-size-sm);line-height:var(--line-height-normal,1.5)}.ds-page__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.ds-section{display:flex;flex-direction:column;gap:var(--space-4)}.ds-dashboard-grid{grid-gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.ds-dashboard-grid,.ds-split{display:grid;gap:var(--space-4)}.ds-split{grid-gap:var(--space-4);grid-template-columns:1fr}@media (min-width:960px){.ds-split{grid-template-columns:minmax(280px,360px) 1fr}}.ds-form-section,.ds-widget{background:var(--ds-color-surface);border:var(--ds-border-width) solid var(--ds-color-border);border-radius:var(--ds-radius-md);padding:var(--space-4)}.ds-form-section{display:flex;flex-direction:column;gap:var(--space-4)}.ds-wizard-steps{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.ds-wizard-step{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--ds-radius-pill);background:var(--ds-color-surface-2);color:var(--ds-color-ink-subtle);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.ds-wizard-step[aria-current=step]{background:var(--ds-color-primary-soft);color:var(--ds-color-primary)}.ds-success-msg{color:var(--ds-color-success);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.ds-skeleton--sm{width:48px;height:12px}.ds-skeleton--md{width:120px;height:16px}.ds-skeleton--lg{width:200px;height:24px}.ds-skeleton--line{width:100%;height:14px}.ds-skeleton--block{width:100%;height:96px}.ds-autocomplete{position:relative}.ds-autocomplete__list{position:absolute;top:calc(100% + 4px);inset-inline:0;z-index:var(--ds-z-dropdown);margin:0;padding:var(--space-1);list-style:none;background:var(--ds-color-surface);border:var(--ds-border-width) solid var(--ds-color-border);border-radius:var(--ds-radius-sm);box-shadow:var(--ds-shadow-md);max-height:240px;overflow:auto}.ds-autocomplete__option{display:flex;width:100%;border:none;background:transparent;text-align:start;padding:var(--space-2) var(--space-3);border-radius:var(--ds-radius-sm);font-family:var(--font);font-size:var(--font-size-sm);color:var(--ds-color-ink);cursor:pointer}.ds-autocomplete__option:focus-visible,.ds-autocomplete__option:hover{background:var(--ds-color-primary-soft);color:var(--ds-color-primary);outline:none}.ds-overlay{position:fixed;inset:0;top:0;left:0;width:100vw;height:100vh;height:100dvh;margin:0;padding:0;border:none;box-sizing:border-box;background:rgb(15 23 42/var(--ds-opacity-overlay));z-index:var(--ds-z-modal);overscroll-behavior:contain;-webkit-tap-highlight-color:transparent;animation:ds-overlay-in var(--ds-duration-normal) var(--ds-easing)}.ds-overlay--center{display:grid;place-items:center;overflow:auto}.ds-overlay--bare{display:block}@keyframes ds-overlay-in{0%{opacity:0}to{opacity:1}}.ds-drawer-root{position:fixed;inset:0;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:var(--ds-z-modal);background:rgb(15 23 42/var(--ds-opacity-overlay));overscroll-behavior:contain}.ds-drawer__backdrop{position:absolute;inset:0;border:none;background:transparent;cursor:pointer}.ds-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex:0 0 auto;margin:0;padding:var(--space-4) var(--space-5);-webkit-border-after:var(--ds-border-width) solid var(--ds-color-border);border-block-end:var(--ds-border-width) solid var(--ds-color-border);background:var(--ds-color-surface)}.ds-drawer__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--ds-color-ink)}.ds-chip__remove{border:none;background:transparent;cursor:pointer;color:inherit;font-size:14px;line-height:1;padding:0 2px}.ds-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.ds-page__title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--ds-color-ink);letter-spacing:-.02em;line-height:1.25}@media (max-width:767px){.ds-page__header{flex-direction:column;align-items:stretch}.ds-page__actions{width:100%}.ds-page__actions>.btn,.ds-page__actions>button{flex:1 1 auto}}.ds-form-section__title,.ds-section__title,.ds-widget__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--ds-color-ink)}.ds-progress__bar--0{width:0}.ds-progress__bar--5{width:5%}.ds-progress__bar--10{width:10%}.ds-progress__bar--15{width:15%}.ds-progress__bar--20{width:20%}.ds-progress__bar--25{width:25%}.ds-progress__bar--30{width:30%}.ds-progress__bar--35{width:35%}.ds-progress__bar--40{width:40%}.ds-progress__bar--45{width:45%}.ds-progress__bar--50{width:50%}.ds-progress__bar--55{width:55%}.ds-progress__bar--60{width:60%}.ds-progress__bar--65{width:65%}.ds-progress__bar--70{width:70%}.ds-progress__bar--75{width:75%}.ds-progress__bar--80{width:80%}.ds-progress__bar--85{width:85%}.ds-progress__bar--90{width:90%}.ds-progress__bar--95{width:95%}.ds-progress__bar--100{width:100%}