:root{--color-brand:#4338ca;--color-brand-strong:#3730a3;--color-brand-light:#818cf8;--color-brand-soft:#eef2ff;--color-secondary:#7c3aed;--color-secondary-light:#a78bfa;--color-accent:#f59e0b;--color-accent-strong:#f97316;--color-surface:#ffffff;--color-surface-muted:#fafbfd;--color-surface-elevated:#f8fafc;--color-text:#0f172a;--color-muted:#475569;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-success:#059669;--color-success-soft:#ecfdf5;--color-danger:#dc2626;--color-warning:#d97706;--color-warning-soft:#fffbeb;--color-info:#0284c7;--color-on-brand:#ffffff;--color-on-danger:#ffffff;--color-overlay:rgba(15,23,42,0.42);--color-shadow:rgba(15,23,42,0.08);--color-shadow-strong:rgba(15,23,42,0.15);--gradient-brand:linear-gradient(135deg,#4338ca,#7c3aed);--gradient-accent:linear-gradient(135deg,#f59e0b,#f97316);--gradient-surface:linear-gradient(135deg,#ffffff,#f8fafc);--focus-ring:0 0 0 4px rgba(67,56,202,0.14);--danger-ring:0 0 0 4px rgba(220,38,38,0.14);--shadow-soft:0 12px 32px var(--color-shadow);--shadow-card:0 1px 3px var(--color-shadow);--shadow-card-hover:0 12px 28px var(--color-shadow);--shadow-dialog:0 25px 50px -12px var(--color-shadow-strong);--radius-control:8px;--radius-card:10px;--radius-dialog:16px;--motion-fast:160ms ease;--motion-base:200ms cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box}body,html{min-height:100%;background:var(--color-surface-muted)}body{margin:0;color:var(--color-text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{letter-spacing:0}a{color:inherit}.app-state-page{min-height:100vh;display:grid;place-items:center;padding:24px}.app-state-panel{width:min(100%,480px);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:32px;box-shadow:var(--shadow-soft);text-align:center}.app-state-panel h1{margin:8px 0 12px;font-size:1.5rem;line-height:1.15}.app-state-panel p{margin:0 0 20px;color:var(--color-muted);line-height:1.6}.app-state-kicker{color:var(--color-brand);font-size:.8rem;font-weight:600}.dls-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-control);font-weight:600;text-decoration:none;cursor:pointer;outline:none;white-space:nowrap;transition:background var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),color var(--motion-fast),transform var(--motion-fast)}.dls-button-sm{min-height:30px;padding:0 10px;font-size:.82rem}.dls-button-md{min-height:36px;padding:0 13px;font-size:.88rem}.dls-button-lg{min-height:42px;padding:0 16px;font-size:.94rem}.dls-button:not(.dls-button-sm):not(.dls-button-md):not(.dls-button-lg){min-height:36px;padding:0 13px;font-size:.88rem}.dls-button-full{width:100%}.dls-button:hover:not(:disabled){transform:translateY(-1px)}.dls-button:focus-visible{box-shadow:var(--focus-ring)}.dls-button:disabled{cursor:not-allowed;opacity:.62;transform:none}.dls-button-primary{background:var(--gradient-brand);color:var(--color-on-brand)}.dls-button-primary:hover:not(:disabled){background:var(--color-brand-strong)}.dls-button-secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.dls-button-secondary:hover:not(:disabled){border-color:var(--color-brand-light);color:var(--color-brand)}.dls-button-ghost{background:transparent;color:var(--color-brand)}.dls-button-ghost:hover:not(:disabled){background:var(--color-brand-soft)}.dls-button-danger{background:var(--color-danger);color:var(--color-on-danger)}.dls-button-spinner{width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:999px;animation:dls-spin .7s linear infinite}.dls-input{width:100%;min-height:36px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);padding:0 11px;font-size:.9rem;outline:none;transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background var(--motion-fast)}.dls-input::placeholder{color:var(--color-muted)}.dls-input:focus{border-color:var(--color-brand);box-shadow:var(--focus-ring)}.dls-input:disabled{background:var(--color-surface-elevated);color:var(--color-muted);cursor:not-allowed}.dls-input-invalid,.dls-input[aria-invalid=true]{border-color:var(--color-danger)}.dls-input-invalid:focus,.dls-input[aria-invalid=true]:focus{box-shadow:var(--danger-ring)}.dls-textarea{min-height:92px;padding-top:10px;resize:vertical}.dls-form-field{display:grid;grid-gap:6px;gap:6px}.dls-form-field label,.dls-radio-group legend{color:var(--color-text);font-size:.84rem;font-weight:600}.dls-form-field label span,.dls-radio-group legend span{color:var(--color-danger)}.dls-form-error,.dls-form-hint{font-size:.85rem;line-height:1.4}.dls-form-hint{color:var(--color-muted)}.dls-form-error{color:var(--color-danger)}.dls-badge{width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;border:1px solid transparent;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:600;line-height:1.2}.dls-badge-brand{background:var(--color-brand-soft);color:var(--color-brand-strong)}.dls-badge-neutral{border-color:var(--color-border);color:var(--color-muted)}.dls-badge-neutral,.dls-badge-success{background:var(--color-surface-elevated)}.dls-badge-success{color:var(--color-success)}.dls-badge-warning{color:var(--color-warning)}.dls-badge-danger,.dls-badge-warning{background:var(--color-surface-elevated)}.dls-badge-danger{color:var(--color-danger)}.dls-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}.dls-card-elevated{box-shadow:var(--shadow-card-hover)}.dls-card-muted{background:var(--color-surface-elevated)}.dls-card-padding-none{padding:0}.dls-card-padding-sm{padding:12px}.dls-card-padding-md{padding:14px}.dls-card-padding-lg{padding:18px}.dls-check-control{display:flex;align-items:flex-start;gap:8px;color:var(--color-text);cursor:pointer}.dls-check-control input{width:16px;height:16px;margin-top:2px;accent-color:var(--color-brand)}.dls-check-control input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.dls-check-control input:disabled,.dls-check-control input:disabled+.dls-check-content{cursor:not-allowed;opacity:.62}.dls-check-content{display:grid;grid-gap:3px;gap:3px;line-height:1.35}.dls-check-content small,.dls-switch-copy small{color:var(--color-muted);font-size:.84rem}.dls-radio-group{display:grid;grid-gap:8px;gap:8px;border:0;padding:0;margin:0}.dls-radio-group>div{display:flex;flex-wrap:wrap;gap:10px}.dls-radio-group[aria-invalid=true]{color:var(--color-danger)}.dls-switch{width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;gap:9px;color:var(--color-text);cursor:pointer}.dls-switch input{position:absolute;opacity:0;pointer-events:none}.dls-switch-copy{display:grid;grid-gap:3px;gap:3px;line-height:1.35}.dls-switch-track{width:36px;height:20px;flex:0 0 auto;border-radius:999px;background:var(--color-border-strong);position:relative;transition:background-color var(--motion-fast),box-shadow var(--motion-fast)}.dls-switch-track:after{content:"";width:16px;height:16px;position:absolute;top:2px;left:2px;border-radius:50%;background:var(--color-surface);box-shadow:var(--shadow-card);transition:transform var(--motion-fast)}.dls-switch input:checked+.dls-switch-track{background:var(--color-brand)}.dls-switch input:checked+.dls-switch-track:after{transform:translateX(16px)}.dls-select{position:relative;width:100%}.dls-select>input[type=hidden]{display:none}.dls-select-trigger{width:100%;min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);padding:0 10px 0 11px;font-size:.9rem;text-align:left;cursor:pointer;outline:none;transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background var(--motion-fast)}.dls-select-open .dls-select-trigger,.dls-select-trigger:focus-visible{border-color:var(--color-brand);box-shadow:var(--focus-ring)}.dls-select-trigger:disabled{background:var(--color-surface-elevated);color:var(--color-muted);cursor:not-allowed}.dls-select-trigger svg{flex:0 0 auto;color:var(--color-muted);transition:transform var(--motion-fast)}.dls-select-open .dls-select-trigger svg{transform:rotate(180deg)}.dls-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dls-select-placeholder{color:var(--color-muted)}.dls-select-menu{position:absolute;z-index:30;top:calc(100% + 6px);left:0;width:100%;max-height:220px;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);box-shadow:var(--shadow-soft);padding:4px;animation:dls-select-in var(--motion-base)}.dls-select-option{width:100%;min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-radius:calc(var(--radius-control) - 2px);background:transparent;color:var(--color-text);padding:7px 8px;font-size:.88rem;text-align:left;cursor:pointer}.dls-select-option:hover:not(:disabled),.dls-select-option[aria-selected=true]{background:var(--color-brand-soft);color:var(--color-brand-strong)}.dls-select-option:disabled{color:var(--color-muted);cursor:not-allowed;opacity:.62}.dls-select-option>span{display:grid;grid-gap:2px;gap:2px}.dls-select-option small{color:var(--color-muted);font-size:.78rem}.dls-switch input:focus-visible+.dls-switch-track{box-shadow:var(--focus-ring)}.dls-switch input:disabled+.dls-switch-track,.dls-switch:has(input:disabled) .dls-switch-copy{cursor:not-allowed;opacity:.62}.dls-dialog-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:var(--color-overlay);padding:20px}.dls-dialog{width:min(100%,560px);max-height:calc(100vh - 40px);overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-dialog);background:var(--color-surface);color:var(--color-text);padding:24px;box-shadow:var(--shadow-dialog)}.dls-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.dls-dialog-header h2{margin:0;font-size:1.25rem;line-height:1.25}.dls-dialog-header p{margin:6px 0 0;color:var(--color-muted);line-height:1.5}.dls-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.dls-tabs{display:grid;grid-gap:16px;gap:16px}.dls-tabs [role=tablist]{display:flex;gap:8px;border-bottom:1px solid var(--color-border)}.dls-tabs [role=tab]{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--color-muted);padding:10px 4px;font-weight:600;cursor:pointer;outline:none}.dls-tabs [role=tab]:focus-visible{box-shadow:var(--focus-ring)}.dls-tabs [role=tab][aria-selected=true]{border-color:var(--color-brand);color:var(--color-brand)}.dls-tabs [role=tabpanel]{min-width:0}.dls-alert{border:1px solid var(--color-border);border-radius:var(--radius-control);padding:12px 14px;background:var(--color-surface);color:var(--color-text)}.dls-alert strong{display:block;margin-bottom:4px;font-weight:600}.dls-alert-info{border-color:var(--color-info)}.dls-alert-info,.dls-alert-success{background:var(--color-surface-elevated)}.dls-alert-success{border-color:var(--color-success)}.dls-alert-warning{border-color:var(--color-warning)}.dls-alert-danger,.dls-alert-warning{background:var(--color-surface-elevated)}.dls-alert-danger{border-color:var(--color-danger)}.dls-table-wrapper{width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface)}.dls-table{width:100%;border-collapse:collapse}.dls-table caption{padding:10px 12px;color:var(--color-muted);text-align:left}.dls-table td,.dls-table th{border-bottom:1px solid var(--color-border);padding:10px 12px;text-align:left;vertical-align:top}.dls-table th{color:var(--color-muted);font-size:.82rem;font-weight:600}.dls-table tr:last-child td{border-bottom:0}.dls-toast{display:grid;grid-gap:4px;gap:4px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);box-shadow:var(--shadow-soft);padding:10px 12px}.dls-toast strong{font-size:.92rem}.dls-toast-info{border-color:var(--color-info)}.dls-toast-success{border-color:var(--color-success)}.dls-toast-warning{border-color:var(--color-warning)}.dls-toast-danger{border-color:var(--color-danger)}@keyframes dls-spin{to{transform:rotate(1turn)}}@keyframes dls-select-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:680px){.dls-dialog-actions{flex-direction:column-reverse}.dls-dialog-actions .dls-button{width:100%}}