:root{--gray-25:#fcfcfd;--gray-50:#f9fafb;--gray-75:#f7f8fa;--gray-100:#f2f4f7;--gray-200:#e4e7ec;--gray-300:#d0d5dd;--gray-400:#98a2b3;--gray-500:#667085;--gray-600:#475467;--gray-700:#344054;--gray-800:#1d2939;--gray-900:#101828;--indigo-25:#fcfcff;--indigo-50:#eef2ff;--indigo-100:#e0e7ff;--indigo-200:#c7d2fe;--indigo-300:#a5b4fc;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--indigo-800:#3730a3;--indigo-900:#312e81;--green-50:#ecfdf3;--green-100:#dcfae6;--green-200:#abefc6;--green-500:#15803d;--green-600:#137333;--green-700:#0f5c29;--red-50:#fef3f2;--red-100:#fee4e2;--red-200:#fecdca;--red-500:#b42318;--red-600:#9a1f15;--red-700:#7a1812;--amber-50:#fffaeb;--amber-100:#fef0c7;--amber-200:#fedf89;--amber-500:#b54708;--amber-600:#93370d;--blue-50:#eff8ff;--blue-100:#d1e9ff;--blue-500:#175cd3;--bg-app:#fff;--bg-surface:var(--gray-75);--bg-card:#fff;--bg-subtle:var(--gray-50);--bg-hover:var(--gray-100);--bg-active:var(--gray-200);--bg-inverse:var(--gray-900);--text-primary:var(--gray-900);--text-secondary:var(--gray-700);--text-muted:var(--gray-500);--text-disabled:var(--gray-400);--text-inverse:#fff;--text-link:var(--indigo-600);--border-subtle:var(--gray-200);--border-default:var(--gray-300);--border-strong:var(--gray-400);--border-focus:var(--indigo-600);--primary:var(--indigo-600);--primary-hover:var(--indigo-700);--primary-active:var(--indigo-800);--primary-tint:var(--indigo-50);--primary-tint-2:var(--indigo-100);--on-primary:#fff;--success:var(--green-500);--success-surface:var(--green-50);--success-border:var(--green-200);--danger:var(--red-500);--danger-hover:var(--red-600);--danger-surface:var(--red-50);--danger-border:var(--red-200);--warning:var(--amber-500);--warning-surface:var(--amber-50);--warning-border:var(--amber-200);--info:var(--blue-500);--info-surface:var(--blue-50);--info-border:var(--blue-100);--focus-ring:0 0 0 4px var(--indigo-100)}
:root{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:20px;--text-xl:25px;--text-2xl:31px;--leading-xs:16px;--leading-sm:20px;--leading-md:24px;--leading-lg:28px;--leading-xl:32px;--leading-2xl:38px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-tight:-.02em;--tracking-snug:-.01em;--tracking-normal:0;--tracking-wide:.04em}
:root{--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--sidebar-width:260px;--sidebar-width-collapsed:72px;--topbar-height:64px;--content-max:1200px;--gutter:var(--space-8)}
:root{--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px}
:root{--shadow-xs:0 1px 2px #1018280d;--shadow-sm:0 1px 3px #1018281a, 0 1px 2px #1018280f;--shadow-md:0 4px 8px -2px #1018281a, 0 2px 4px -2px #1018280f;--shadow-lg:0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;--shadow-xl:0 20px 24px -4px #10182814, 0 8px 8px -4px #10182808;--z-base:0;--z-sticky:100;--z-drawer:200;--z-modal:300;--z-toast:400;--z-tooltip:500}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}::selection{background:var(--primary-tint-2);color:var(--text-primary)}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}
.hds-btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--weight-semibold);white-space:nowrap;border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;transition:background-color .12s,border-color .12s,color .12s,box-shadow .12s;display:inline-flex}.hds-btn:disabled,.hds-btn[aria-disabled=true]{cursor:not-allowed;opacity:.55}.hds-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.hds-btn svg{flex:none}.hds-btn--sm{height:32px;font-size:var(--text-sm);padding:0 12px}.hds-btn--md{height:40px;font-size:var(--text-sm);padding:0 16px}.hds-btn--lg{height:44px;font-size:var(--text-md);padding:0 20px}.hds-btn--icon-sm,.hds-btn--icon-md{width:18px;height:18px}.hds-btn--block{width:100%}.hds-btn--primary{background:var(--primary);color:var(--on-primary)}.hds-btn--primary:hover:not(:disabled){background:var(--primary-hover)}.hds-btn--primary:active:not(:disabled){background:var(--primary-active)}.hds-btn--secondary{background:var(--bg-card);color:var(--text-secondary);border-color:var(--border-default);box-shadow:var(--shadow-xs)}.hds-btn--secondary:hover:not(:disabled){background:var(--gray-50);color:var(--text-primary)}.hds-btn--secondary:active:not(:disabled){background:var(--gray-100)}.hds-btn--ghost{color:var(--text-secondary);background:0 0}.hds-btn--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.hds-btn--ghost:active:not(:disabled){background:var(--bg-active)}.hds-btn--danger{background:var(--danger);color:#fff}.hds-btn--danger:hover:not(:disabled){background:var(--danger-hover)}.hds-btn--link{color:var(--text-link);background:0 0;height:auto;padding-left:4px;padding-right:4px}.hds-btn--link:hover:not(:disabled){text-decoration:underline}.hds-iconbtn{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:background-color .12s,color .12s,box-shadow .12s;display:inline-flex}.hds-iconbtn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.hds-iconbtn:active:not(:disabled){background:var(--bg-active)}.hds-iconbtn:focus-visible{box-shadow:var(--focus-ring);outline:none}.hds-iconbtn:disabled{opacity:.5;cursor:not-allowed}.hds-iconbtn--sm{width:32px;height:32px}.hds-iconbtn--md{width:40px;height:40px}.hds-iconbtn--bordered{border-color:var(--border-default);background:var(--bg-card);box-shadow:var(--shadow-xs)}.hds-iconbtn svg{width:18px;height:18px}.hds-field{flex-direction:column;gap:6px;display:flex}.hds-field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);align-items:center;gap:4px;display:flex}.hds-field__req{color:var(--danger)}.hds-field__hint{font-size:var(--text-xs);color:var(--text-muted)}.hds-field__error{font-size:var(--text-xs);color:var(--danger)}.hds-input,.hds-textarea,.hds-select{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:border-color .12s,box-shadow .12s}.hds-input,.hds-select{height:40px;padding:0 12px}.hds-textarea{resize:vertical;min-height:88px;line-height:var(--leading-sm);padding:10px 12px}.hds-input::placeholder,.hds-textarea::placeholder{color:var(--text-disabled)}.hds-input:hover,.hds-textarea:hover,.hds-select:hover{border-color:var(--border-strong)}.hds-input:focus,.hds-textarea:focus,.hds-select:focus{border-color:var(--border-focus);box-shadow:var(--focus-ring);outline:none}.hds-input:disabled,.hds-textarea:disabled,.hds-select:disabled{background:var(--bg-subtle);color:var(--text-disabled);cursor:not-allowed}.hds-input--invalid,.hds-textarea--invalid,.hds-select--invalid{border-color:var(--danger)}.hds-input--invalid:focus,.hds-textarea--invalid:focus,.hds-select--invalid:focus{box-shadow:0 0 0 4px var(--red-100)}.hds-input-group{align-items:center;display:flex;position:relative}.hds-input-group .hds-input{padding-left:38px}.hds-input-group__icon{color:var(--text-muted);pointer-events:none;display:inline-flex;position:absolute;left:12px}.hds-input-group__icon svg{width:16px;height:16px}.hds-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.hds-check{cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);align-items:flex-start;gap:8px;display:inline-flex}.hds-check input{opacity:0;width:0;height:0;position:absolute}.hds-check__box{border:1px solid var(--border-default);border-radius:var(--radius-xs);background:var(--bg-card);width:18px;height:18px;box-shadow:var(--shadow-xs);flex:none;justify-content:center;align-items:center;margin-top:1px;transition:background-color .12s,border-color .12s;display:inline-flex}.hds-check--radio .hds-check__box{border-radius:var(--radius-pill)}.hds-check__box svg{color:#fff;opacity:0;width:12px;height:12px}.hds-check input:checked+.hds-check__box{background:var(--primary);border-color:var(--primary)}.hds-check input:checked+.hds-check__box svg{opacity:1}.hds-check--radio .hds-check__dot{opacity:0;background:#fff;border-radius:50%;width:7px;height:7px}.hds-check input:checked+.hds-check__box .hds-check__dot{opacity:1}.hds-check input:focus-visible+.hds-check__box{box-shadow:var(--focus-ring)}.hds-check input:disabled~*{opacity:.55}.hds-switch{cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);align-items:center;gap:8px;display:inline-flex}.hds-switch input{opacity:0;width:0;height:0;position:absolute}.hds-switch__track{border-radius:var(--radius-pill);background:var(--gray-300);flex:none;width:36px;height:20px;transition:background-color .15s;position:relative}.hds-switch__thumb{width:16px;height:16px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .15s;position:absolute;top:2px;left:2px}.hds-switch input:checked+.hds-switch__track{background:var(--primary)}.hds-switch input:checked+.hds-switch__track .hds-switch__thumb{transform:translate(16px)}.hds-switch input:focus-visible+.hds-switch__track{box-shadow:var(--focus-ring)}.hds-switch input:disabled+.hds-switch__track{opacity:.5}
.hds-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.hds-card--pad{padding:var(--space-6)}.hds-card__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.hds-card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:var(--tracking-snug)}.hds-card__body{padding:var(--space-6)}.hds-stat{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:var(--space-5);flex-direction:column;gap:10px;display:flex}.hds-stat__top{justify-content:space-between;align-items:center;display:flex}.hds-stat__label{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--weight-medium)}.hds-stat__icon{border-radius:var(--radius-md);background:var(--primary-tint);width:36px;height:36px;color:var(--primary);justify-content:center;align-items:center;display:inline-flex}.hds-stat__icon svg{width:18px;height:18px}.hds-stat__value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:1.1}.hds-stat__delta{font-size:var(--text-xs);font-weight:var(--weight-medium);align-items:center;gap:4px;display:inline-flex}.hds-stat__delta svg{width:14px;height:14px}.hds-stat__delta--up{color:var(--success)}.hds-stat__delta--down{color:var(--danger)}.hds-stat__delta-note{color:var(--text-muted);font-weight:var(--weight-regular)}.hds-badge{font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-pill);white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:1px 9px;line-height:18px;display:inline-flex}.hds-badge__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.hds-badge svg{width:12px;height:12px}.hds-badge--neutral{background:var(--gray-100);color:var(--gray-700)}.hds-badge--primary{background:var(--primary-tint);color:var(--indigo-700)}.hds-badge--success{background:var(--success-surface);color:var(--success)}.hds-badge--danger{background:var(--danger-surface);color:var(--danger)}.hds-badge--warning{background:var(--warning-surface);color:var(--warning)}.hds-badge--info{background:var(--info-surface);color:var(--info)}.hds-badge--outline{background:var(--bg-card);border-color:var(--border-default);color:var(--text-secondary)}.hds-tag{font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-sm);background:var(--gray-100);color:var(--text-secondary);align-items:center;gap:6px;padding:3px 8px;display:inline-flex}.hds-tag__x{cursor:pointer;color:var(--text-muted);border-radius:3px;display:inline-flex}.hds-tag__x:hover{color:var(--text-primary);background:var(--gray-200)}.hds-tag__x svg{width:12px;height:12px}.hds-avatar{border-radius:var(--radius-pill);background:var(--primary-tint);color:var(--indigo-700);font-weight:var(--weight-semibold);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.hds-avatar img{object-fit:cover;width:100%;height:100%}.hds-avatar--xs{width:24px;height:24px;font-size:10px}.hds-avatar--sm{width:32px;height:32px;font-size:12px}.hds-avatar--md{width:40px;height:40px;font-size:14px}.hds-avatar--lg{width:48px;height:48px;font-size:16px}.hds-avatar__status{border:2px solid var(--bg-card);background:var(--success);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.hds-copylink{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-card);width:100%;box-shadow:var(--shadow-xs);align-items:center;display:inline-flex;overflow:hidden}.hds-copylink__icon{color:var(--text-muted);padding-left:12px;display:inline-flex}.hds-copylink__icon svg{width:16px;height:16px}.hds-copylink__text{min-width:0;height:40px;font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;padding:0 10px;display:flex;overflow:hidden}.hds-copylink__btn{border:none;border-left:1px solid var(--border-subtle);background:var(--bg-card);height:40px;color:var(--text-link);font-weight:var(--weight-semibold);font-size:var(--text-sm);cursor:pointer;align-items:center;gap:6px;padding:0 14px;transition:background-color .12s;display:inline-flex}.hds-copylink__btn:hover{background:var(--gray-50)}.hds-copylink__btn svg{width:15px;height:15px}.hds-copylink__btn--done{color:var(--success)}.hds-tabs{border-bottom:1px solid var(--border-subtle);align-items:center;gap:2px;display:flex}.hds-tab{appearance:none;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);background:0 0;border:none;align-items:center;gap:7px;padding:10px 12px;transition:color .12s;display:inline-flex;position:relative}.hds-tab svg{width:16px;height:16px}.hds-tab:hover{color:var(--text-secondary)}.hds-tab__count{font-size:11px;font-weight:var(--weight-semibold);border-radius:var(--radius-pill);background:var(--gray-100);color:var(--text-muted);padding:0 6px}.hds-tab--active{color:var(--primary)}.hds-tab--active:after{content:"";background:var(--primary);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.hds-tab--active .hds-tab__count{background:var(--primary-tint);color:var(--indigo-700)}.hds-tab:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}
.hds-shell{background:var(--bg-surface);min-height:100vh;display:flex}.hds-shell__main{flex-direction:column;flex:1;min-width:0;display:flex}.hds-shell__content{padding:var(--space-8);flex:1}.hds-sidebar{width:var(--sidebar-width);background:var(--bg-card);border-right:1px solid var(--border-subtle);flex-direction:column;flex:none;height:100vh;display:flex;position:sticky;top:0}.hds-sidebar--collapsed{width:var(--sidebar-width-collapsed)}.hds-sidebar__brand{height:var(--topbar-height);padding:0 var(--space-5);border-bottom:1px solid var(--border-subtle);flex:none;align-items:center;gap:10px;display:flex}.hds-sidebar__brand img{height:28px}.hds-sidebar__nav{padding:var(--space-4) var(--space-3);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.hds-navgroup{flex-direction:column;gap:2px;display:flex}.hds-navgroup__label{font-size:11px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-disabled);margin-bottom:2px;padding:4px 12px}.hds-navitem{border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;align-items:center;gap:10px;padding:8px 12px;text-decoration:none;transition:background-color .12s,color .12s;display:flex;position:relative}.hds-navitem svg{width:18px;height:18px;color:var(--text-muted);flex:none}.hds-navitem:hover{background:var(--bg-hover);color:var(--text-primary);text-decoration:none}.hds-navitem:hover svg{color:var(--text-secondary)}.hds-navitem--active{background:var(--primary-tint);color:var(--indigo-700)}.hds-navitem--active svg{color:var(--primary)}.hds-navitem__badge{font-size:11px;font-weight:var(--weight-semibold);background:var(--gray-100);color:var(--text-muted);border-radius:var(--radius-pill);margin-left:auto;padding:0 7px}.hds-navitem--active .hds-navitem__badge{color:var(--indigo-700);background:#fff}.hds-sidebar__footer{border-top:1px solid var(--border-subtle);padding:var(--space-3);flex:none}.hds-sidebar--collapsed .hds-navitem{justify-content:center;padding:8px}.hds-sidebar--collapsed .hds-navitem span,.hds-sidebar--collapsed .hds-navgroup__label,.hds-sidebar--collapsed .hds-navitem__badge,.hds-sidebar--collapsed .hds-sidebar__brand .hds-sidebar__wordmark{display:none}.hds-topbar{height:var(--topbar-height);background:var(--bg-card);border-bottom:1px solid var(--border-subtle);align-items:center;gap:var(--space-4);padding:0 var(--space-6);z-index:var(--z-sticky);flex:none;display:flex;position:sticky;top:0}.hds-topbar__ws{border-radius:var(--radius-md);cursor:pointer;font-weight:var(--weight-semibold);color:var(--text-primary);font-size:var(--text-sm);align-items:center;gap:8px;padding:6px 10px;display:inline-flex}.hds-topbar__ws:hover{background:var(--bg-hover)}.hds-topbar__ws svg{width:16px;height:16px;color:var(--text-muted)}.hds-topbar__search{flex:1;max-width:460px}.hds-topbar__spacer{flex:1}.hds-topbar__actions{align-items:center;gap:var(--space-2);display:flex}.hds-topbar__divider{background:var(--border-subtle);width:1px;height:24px;margin:0 4px}.hds-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.hds-table thead th{text-align:left;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:10px 16px}.hds-table thead th:first-child{border-top-left-radius:var(--radius-lg)}.hds-table thead th:last-child{border-top-right-radius:var(--radius-lg)}.hds-table tbody td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:middle;padding:14px 16px}.hds-table tbody tr:last-child td{border-bottom:none}.hds-table tbody tr{transition:background-color .1s}.hds-table tbody tr:hover{background:var(--bg-subtle)}.hds-table__primary{color:var(--text-primary);font-weight:var(--weight-medium)}.hds-table__muted{color:var(--text-muted)}.hds-table__cell-strong{color:var(--text-primary);font-weight:var(--weight-semibold)}.hds-table-wrap{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}
.hds-scrim{z-index:var(--z-modal);background:#10182880;animation:.15s hds-fade;display:flex;position:fixed;inset:0}@keyframes hds-fade{0%{opacity:0}to{opacity:1}}.hds-dialog{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-xl);flex-direction:column;max-height:calc(100vh - 64px);margin:auto;animation:.16s cubic-bezier(.16,.84,.44,1) hds-pop;display:flex}@keyframes hds-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.hds-dialog__header{padding:var(--space-6) var(--space-6) var(--space-4);align-items:flex-start;gap:12px;display:flex}.hds-dialog__titles{flex:1;min-width:0}.hds-dialog__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:var(--tracking-snug)}.hds-dialog__desc{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-sm);margin-top:4px}.hds-dialog__body{padding:0 var(--space-6);overflow-y:auto}.hds-dialog__footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-6) var(--space-6);display:flex}.hds-drawer-scrim{justify-content:flex-end}.hds-drawer{background:var(--bg-card);width:100%;max-width:480px;height:100vh;box-shadow:var(--shadow-xl);flex-direction:column;animation:.2s cubic-bezier(.16,.84,.44,1) hds-slide;display:flex}.hds-drawer--wide{max-width:640px}@keyframes hds-slide{0%{opacity:.6;transform:translate(24px)}to{opacity:1;transform:none}}.hds-drawer__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;display:flex}.hds-drawer__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:var(--tracking-snug)}.hds-drawer__sub{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.hds-drawer__body{padding:var(--space-6);flex:1;overflow-y:auto}.hds-drawer__footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:1px solid var(--border-subtle);background:var(--bg-card);display:flex}.hds-toast-region{bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);flex-direction:column;gap:10px;display:flex;position:fixed}.hds-toast{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:360px;max-width:calc(100vw - 48px);box-shadow:var(--shadow-lg);align-items:flex-start;gap:12px;padding:14px 14px 14px 16px;animation:.2s hds-slide;display:flex}.hds-toast__icon{flex:none;width:20px;height:20px;margin-top:1px;display:inline-flex}.hds-toast__icon svg{width:20px;height:20px}.hds-toast--success .hds-toast__icon{color:var(--success)}.hds-toast--danger .hds-toast__icon{color:var(--danger)}.hds-toast--info .hds-toast__icon{color:var(--info)}.hds-toast__body{flex:1;min-width:0}.hds-toast__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.hds-toast__msg{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-sm);margin-top:2px}.hds-toast__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:none;padding:2px}.hds-toast__close:hover{background:var(--bg-hover);color:var(--text-primary)}.hds-toast__close svg{width:16px;height:16px}.hds-tooltip{background:var(--bg-inverse);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);white-space:nowrap;padding:6px 10px}.hds-banner{border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid;gap:12px;padding:12px 16px;display:flex}.hds-banner svg{flex:none;width:18px;height:18px;margin-top:1px}.hds-banner__title{font-weight:var(--weight-semibold)}.hds-banner--info{background:var(--info-surface);border-color:var(--info-border);color:var(--info)}.hds-banner--success{background:var(--success-surface);border-color:var(--success-border);color:var(--success-600,var(--success))}.hds-banner--warning{background:var(--warning-surface);border-color:var(--warning-border);color:var(--warning)}.hds-banner--danger{background:var(--danger-surface);border-color:var(--danger-border);color:var(--danger)}.hds-banner__text{color:var(--text-secondary)}.hds-empty{text-align:center;padding:var(--space-16) var(--space-6);flex-direction:column;align-items:center;display:flex}.hds-empty__icon{border-radius:var(--radius-lg);background:var(--bg-subtle);border:1px solid var(--border-subtle);width:48px;height:48px;color:var(--text-muted);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:inline-flex}.hds-empty__icon svg{width:24px;height:24px}.hds-empty__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.hds-empty__desc{font-size:var(--text-sm);color:var(--text-muted);max-width:360px;line-height:var(--leading-sm);margin-top:6px}.hds-empty__actions{gap:var(--space-3);margin-top:var(--space-5);display:flex}

@keyframes ecomShimmer{0%{background-position:-450px 0}to{background-position:450px 0}}@keyframes ecomPop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}html,body{margin:0;padding:0}.ecom-skel{background:linear-gradient(90deg, var(--gray-100) 25%, var(--gray-200) 37%, var(--gray-100) 63%);background-size:900px 100%;border-radius:6px;animation:1.3s ease-in-out infinite ecomShimmer;display:block}.ecom-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.ecom-th:hover{color:var(--text-secondary)}.ecom-row-link{cursor:pointer}.ecom-content::-webkit-scrollbar{width:10px}.ecom-content::-webkit-scrollbar-thumb{background:var(--gray-300);border:3px solid var(--bg-surface);border-radius:8px}.ecom-seg-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}