:root{--dui-font:var(--ds-font-family-sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji");--dui-text:var(--ds-color-text-main,#0f172a);--dui-text-muted:var(--ds-color-text-muted,#6b7280);--dui-text-soft:var(--ds-color-text-soft,#94a3b8);--dui-text-rgb:var(--ds-color-text-main-rgb,15 23 42);--dui-text-muted-rgb:var(--ds-color-text-muted-rgb,107 114 128);--dui-text-soft-rgb:var(--ds-color-text-soft-rgb,148 163 184);--dui-surface:var(--ds-color-bg-surface,#fff);--dui-surface-rgb:var(--ds-color-bg-surface-rgb,255 255 255);--dui-panel:var(--ds-color-bg-panel,#f8fafce6);--dui-border:var(--ds-color-border-soft,#94a3b840);--dui-border-strong:rgb(var(--dui-text-soft-rgb)/.55);--dui-shadow:var(--ds-shadow-soft,0 4px 16px #0f172a0f);--dui-shadow-card:var(--ds-shadow-card,0 16px 40px #0f172a29);--dui-shadow-inner:var(--ds-shadow-inner,inset 0 2px 8px #0f172a1f);--dui-radius:var(--ds-radius-card,18px);--dui-radius-md:var(--ds-radius-md,10px);--dui-radius-sm:var(--ds-radius-sm,6px);--dui-radius-pill:var(--ds-radius-pill,999px);--dui-space-1:var(--ds-space-1,4px);--dui-space-2:var(--ds-space-2,8px);--dui-space-3:var(--ds-space-3,12px);--dui-space-4:var(--ds-space-4,16px);--dui-space-5:var(--ds-space-5,20px);--dui-row-h:48px;--dui-row-h-compact:40px;--dui-grid-size:24px;--dui-grid-overlay:linear-gradient(rgb(var(--dui-text-rgb)/.018)1px,transparent 1px),linear-gradient(90deg,rgb(var(--dui-text-rgb)/.018)1px,transparent 1px);--dui-glow-tl:radial-gradient(900px 520px at 0% 0%,rgb(var(--dui-accent-rgb)/.045),transparent 60%);--dui-glow-tr:radial-gradient(900px 520px at 100% 0%,rgb(var(--dui-accent-rgb)/.035),transparent 62%);--dui-accent:var(--ds-color-primary,#00f2e4);--dui-accent-rgb:var(--ds-color-primary-rgb,0 242 228);--dui-focus-ring:rgb(var(--dui-accent-rgb)/.35);--dui-focus-ring-soft:rgb(var(--dui-accent-rgb)/.22);--dui-success-rgb:var(--ds-color-success-rgb,22 163 74);--dui-warning-rgb:var(--ds-color-warning-rgb,245 158 11);--dui-danger-rgb:var(--ds-color-danger-rgb,220 38 38);--dui-secondary-rgb:var(--ds-color-secondary-rgb,0 209 178);--dui-neutral-rgb:var(--ds-color-neutral-rgb,100 116 139);--dui-z-sticky:var(--ds-z-sticky,700);--dui-z-dropdown:var(--ds-z-dropdown,800)}.dui{font-family:var(--dui-font);color:var(--dui-text)}.dui--rtl{direction:rtl}.dui-toolbar{justify-content:space-between;align-items:center;gap:var(--dui-space-4);padding:var(--dui-space-3)var(--dui-space-4);border:1px solid var(--dui-border);background:var(--dui-glow-tl),var(--dui-glow-tr),var(--dui-grid-overlay),var(--dui-surface);background-size:auto,auto,var(--dui-grid-size)var(--dui-grid-size),var(--dui-grid-size)var(--dui-grid-size),auto;border-radius:var(--dui-radius);box-shadow:var(--dui-shadow);display:flex}.dui-toolbar__left{align-items:center;gap:var(--dui-space-2);flex:1;min-width:0;display:flex}.dui-toolbar__right{align-items:center;gap:var(--dui-space-2);flex-shrink:0;display:flex}.dui-toolbar__left .dui-input{flex:1;min-width:180px;max-width:360px}.dui-input{min-block-size:40px;inline-size:100%;min-inline-size:220px;padding-block:var(--dui-space-2);padding-inline:var(--dui-space-3);border-radius:var(--dui-radius-md);border:1px solid rgb(var(--dui-text-soft-rgb)/.6);background:rgb(var(--dui-surface-rgb)/.92);color:var(--dui-text);font:inherit;font-size:var(--ds-font-size-sm,13px);font-weight:var(--ds-font-weight-normal,400);line-height:1.4;transition:border-color .16s,box-shadow .16s,background-color .16s;display:block}.dui-input::placeholder{color:var(--dui-text-soft);opacity:1}.dui-input:focus-visible{border-color:var(--dui-accent);box-shadow:0 0 0 2px rgb(var(--dui-accent-rgb)/.25);background:var(--dui-surface);outline:none}.dui-input:disabled{cursor:not-allowed;opacity:.6;background:rgb(var(--dui-text-soft-rgb)/.12)}.dui-select{min-block-size:36px;padding-block:0;padding-inline:var(--dui-space-2)var(--dui-space-5);border-radius:var(--dui-radius-md);border:1px solid rgb(var(--dui-text-soft-rgb)/.6);background-color:rgb(var(--dui-surface-rgb)/.92);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' fill='none' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--dui-space-2)center;appearance:none;color:var(--dui-text);font:inherit;font-size:var(--ds-font-size-xs,12px);transition:border-color .16s,box-shadow .16s,background-color .16s}.dui-select:focus-visible{border-color:var(--dui-accent);box-shadow:0 0 0 2px rgb(var(--dui-accent-rgb)/.25);outline:none}.dui-checkbox{block-size:16px;inline-size:16px}.dui-button{justify-content:center;align-items:center;gap:var(--dui-space-2);min-block-size:36px;padding-block:var(--dui-space-1);padding-inline:var(--dui-space-3);border-radius:var(--dui-radius-md);border:1px solid rgb(var(--dui-text-soft-rgb)/.35);font:inherit;font-size:var(--ds-font-size-xs,12px);font-weight:var(--ds-font-weight-medium,500);color:var(--dui-text);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:0 0;line-height:1.2;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex;position:relative}.dui-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.dui-button:focus-visible{box-shadow:0 0 0 3px var(--dui-focus-ring);outline:none}.dui-button:hover:not(:disabled){background:rgb(var(--dui-text-rgb)/.06)}.dui-button:active:not(:disabled){box-shadow:var(--dui-shadow-inner)}.dui-button--primary{background-color:var(--dui-accent);color:var(--dui-surface);box-shadow:var(--dui-shadow);border-color:#0000}.dui-button--primary:hover:not(:disabled){background-color:var(--ds-color-primary-hover,var(--dui-accent));box-shadow:var(--ds-shadow-hover,var(--dui-shadow-card))}.dui-button--sm{min-block-size:28px;padding-inline:var(--dui-space-2)}.dui-table{margin-top:var(--dui-space-3);border:1px solid var(--dui-border);border-radius:var(--dui-radius);background:var(--dui-glow-tl),var(--dui-glow-tr),var(--dui-grid-overlay),var(--dui-panel);background-size:auto,auto,var(--dui-grid-size)var(--dui-grid-size),var(--dui-grid-size)var(--dui-grid-size),auto;box-shadow:var(--dui-shadow);overflow:auto hidden}.dui-table--scroll{overflow:auto}.dui-table--scroll .dui-th{z-index:var(--dui-z-sticky);position:sticky;top:0}.dui-tr--spacer .dui-td--spacer{background:0 0;border-bottom:none;padding:0}.dui-table__table{border-collapse:collapse;width:100%;min-width:640px}.dui-table__caption{text-align:start;padding:var(--dui-space-3);color:var(--dui-text-muted)}.dui-th,.dui-td{padding-inline:var(--dui-space-4);border-bottom:1px solid var(--dui-border);vertical-align:middle}.dui-th:first-child,.dui-td:first-child{padding-inline-start:var(--dui-space-5)}.dui-th:last-child,.dui-td:last-child{padding-inline-end:var(--dui-space-5)}.dui-th+.dui-th,.dui-td+.dui-td{border-inline-start:1px solid var(--dui-border)}.dui-th:last-child:not(.dui-th--actions),.dui-td:last-child:not(.dui-td--actions){border-inline-start-color:#0000}.dui--comfortable .dui-th,.dui--comfortable .dui-td{height:var(--dui-row-h)}.dui--compact .dui-th,.dui--compact .dui-td{height:var(--dui-row-h-compact)}.dui-th{background:rgb(var(--dui-text-rgb)/.04);font-size:11.5px;font-weight:var(--ds-font-weight-semibold,600);color:var(--dui-text-muted);text-transform:uppercase;letter-spacing:.04em}thead>tr:first-child>.dui-th{box-shadow:inset 0 2px 0 0 var(--dui-accent)}.dui-th__button{align-items:center;gap:var(--dui-space-2);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.dui-th__button:focus-visible{box-shadow:0 0 0 3px var(--dui-focus-ring-soft);border-radius:var(--dui-radius-sm);outline:none}.dui-th__sort{opacity:.75;font-size:12px}.dui-tbody .dui-tr:nth-child(2n){background:rgb(var(--dui-text-rgb)/.012)}.dui-tr:hover{background:rgb(var(--dui-text-rgb)/.025);box-shadow:inset 3px 0 0 0 var(--dui-accent)}.dui-tr--selected{background:rgb(var(--dui-accent-rgb)/.1)}@media (max-width:768px){.dui-th:first-child,.dui-td:first-child{z-index:1;background:var(--dui-panel);position:sticky;left:0}}.dui-td--truncate,.dui-th--truncate{white-space:nowrap;text-overflow:ellipsis;max-width:320px;overflow:hidden}.dui-td--actions{white-space:nowrap}.dui-td--empty{text-align:center;color:var(--dui-text-muted);padding:48px var(--dui-space-5)}.dui-empty__title{font-weight:var(--ds-font-weight-semibold,600);color:var(--dui-text)}.dui-empty__title:before{content:"";width:40px;height:40px;margin:0 auto var(--dui-space-3);opacity:.6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;display:block}.dui-empty__hint{margin-top:var(--dui-space-1);font-size:var(--ds-font-size-xs,12px);color:var(--dui-text-muted);max-width:320px;margin-inline:auto}.dui-pagination{margin-top:var(--dui-space-3);justify-content:space-between;align-items:center;gap:var(--dui-space-3);padding:var(--dui-space-3)var(--dui-space-4);border:1px solid var(--dui-border);border-radius:var(--dui-radius);background:var(--dui-glow-tr),var(--dui-grid-overlay),var(--dui-surface);background-size:auto,var(--dui-grid-size)var(--dui-grid-size),var(--dui-grid-size)var(--dui-grid-size),auto;box-shadow:var(--dui-shadow);display:flex}.dui-pagination__left{align-items:center;gap:var(--dui-space-2);display:flex}.dui-pagination__meta{font-size:var(--ds-font-size-xs,12px);color:var(--dui-text-muted);font-variant-numeric:tabular-nums}.dui-pagination__right{align-items:center;gap:var(--dui-space-2);display:flex}.dui-pagination__size{align-items:center;gap:var(--dui-space-2);color:var(--dui-text-muted);font-size:var(--ds-font-size-xs,12px);display:flex}.dui-pagination__label{font-size:var(--ds-font-size-xs,12px);color:var(--dui-text-soft)}.dui-selection{align-items:center;gap:var(--dui-space-2);display:flex}.dui-selection__count{font-size:var(--ds-font-size-xs,12px);color:var(--dui-text-muted)}.dui-menu{position:relative}.dui-menu__summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:var(--dui-space-2);min-block-size:36px;padding-inline:var(--dui-space-3);border:1px solid var(--dui-border);border-radius:var(--dui-radius-md);color:var(--dui-text-muted);font-size:var(--ds-font-size-sm,13px);font-weight:var(--ds-font-weight-medium,500);background:var(--dui-surface);list-style:none;transition:border-color .15s,color .15s,background-color .15s;display:inline-flex}.dui-menu__summary::-webkit-details-marker{display:none}.dui-menu__summary:hover{border-color:var(--dui-border-strong);color:var(--dui-text)}.dui-menu[open] .dui-menu__summary{color:var(--dui-text);border-color:var(--dui-accent);box-shadow:0 0 0 3px rgb(var(--dui-accent-rgb)/.1)}.dui-menu__panel{z-index:var(--dui-z-dropdown);margin-top:var(--dui-space-2);min-width:200px;padding:var(--dui-space-2);border:1px solid var(--dui-border);background:var(--dui-surface);border-radius:var(--dui-radius);position:absolute;inset-inline-end:0;box-shadow:0 8px 24px #0000001f,0 2px 6px #0000000f}.dui-menu__item{align-items:center;gap:var(--dui-space-2);padding:var(--dui-space-2)var(--dui-space-3);border-radius:var(--dui-radius-sm);transition:background-color .1s;display:flex}.dui-menu__item:hover{background:rgb(var(--dui-text-rgb)/.04)}.dui-menu__label{font-size:var(--ds-font-size-sm,13px);color:var(--dui-text)}.dui-badge{--dui-badge-accent-rgb:var(--dui-neutral-rgb);min-block-size:22px;padding-inline:var(--dui-space-2);border-radius:var(--dui-radius-pill);background:rgb(var(--dui-badge-accent-rgb)/.1);color:rgb(var(--dui-badge-accent-rgb)/.95);font-size:var(--ds-font-size-xs,12px);font-weight:var(--ds-font-weight-semibold,600);white-space:nowrap;border:none;align-items:center;line-height:1;display:inline-flex}.dui-badge--success{--dui-badge-accent-rgb:var(--dui-success-rgb)}.dui-badge--warning{--dui-badge-accent-rgb:var(--dui-warning-rgb)}.dui-badge--danger{--dui-badge-accent-rgb:var(--dui-danger-rgb)}.dui-badge--primary{--dui-badge-accent-rgb:var(--dui-accent-rgb)}.dui-badge--secondary{--dui-badge-accent-rgb:var(--dui-secondary-rgb)}.dui-badge--neutral{--dui-badge-accent-rgb:var(--dui-neutral-rgb)}.dui-progress{align-items:center;gap:var(--dui-space-2);display:flex}.dui-progress__track{border-radius:var(--dui-radius-pill);border:1px solid var(--dui-border);background:rgb(var(--dui-text-rgb)/.02);width:120px;height:6px;overflow:hidden}.dui-progress__bar{background:rgb(var(--dui-accent-rgb)/.65);height:100%;transition:width .3s}.dui-progress__label{font-size:var(--ds-font-size-xs,12px);color:var(--dui-text-muted);min-width:44px}@media (prefers-reduced-motion:reduce){.dui-input,.dui-select,.dui-button{transition:none}.dui-button:hover:not(:disabled),.dui-button:active:not(:disabled){transform:none}.dui-progress__bar{transition:none}.dui-tr:hover{box-shadow:none}}