.tab-navigation{display:flex;gap:2px;background:var(--ds-bg-muted);padding:3px;border-radius:var(--ds-radius-md);margin-top:var(--ds-space-2)}.tab-button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-1-5);padding:var(--ds-space-1-5) var(--ds-space-3);background:transparent;border:none;cursor:pointer;font-family:var(--ds-font-display);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium);color:var(--ds-text-tertiary);border-radius:var(--ds-radius-sm);transition:var(--ds-transition-all)}.tab-button svg{opacity:.7;transition:var(--ds-transition-all)}.tab-button:hover{color:var(--ds-text-secondary)}.tab-button:hover svg{opacity:.85}.tab-button.active{color:var(--ds-text-primary);background:var(--ds-bg-surface);box-shadow:var(--ds-shadow-sm)}.tab-button.active svg{opacity:1;color:var(--ds-primary-400)}.tab-button-debug{position:relative}.tab-button-debug:before{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;background:var(--ds-warning-400, #f59e0b);border-radius:50%;opacity:.8}.tab-button-debug.active:before{background:var(--ds-warning-500, #d97706);opacity:1}[data-theme=light] .tab-button.active svg{color:var(--ds-primary-700)}.toast-host{position:fixed;right:var(--ds-space-4);bottom:var(--ds-space-4);display:flex;flex-direction:column;gap:var(--ds-space-2);z-index:var(--ds-z-toast);max-width:320px}.toast-item{padding:var(--ds-space-2-5) var(--ds-space-3);border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);line-height:1.35;box-shadow:var(--ds-shadow-lg);color:var(--ds-text-primary);display:flex;gap:var(--ds-space-2);align-items:flex-start;animation:toast-slide-in .2s ease-out}@keyframes toast-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast-icon{font-size:var(--ds-text-lg);line-height:1;flex-shrink:0}.toast-message{flex:1}.toast-info{background:var(--ds-bg-overlay);border:1px solid var(--ds-border-default);border-left:4px solid var(--ds-info-500)}.toast-info .toast-icon{color:var(--ds-info-500)}.toast-success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-left:4px solid var(--ds-success-500)}.toast-success .toast-icon{color:var(--ds-success-500)}.toast-error{background:#f43f5e1a;border:1px solid rgba(244,63,94,.2);border-left:4px solid var(--ds-error-500)}.toast-error .toast-icon{color:var(--ds-error-500)}.toast-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-left:4px solid var(--ds-warning-500)}.toast-warning .toast-icon{color:var(--ds-warning-500)}.saving-overlay{position:fixed;inset:0;background-color:#000000bf;z-index:var(--ds-z-max);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:overlay-fade-in .3s ease-out}@keyframes overlay-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.saving-overlay-content{background:#fff;border-radius:var(--ds-radius-2xl);padding:48px 64px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a;max-width:420px;min-width:320px;text-align:center;animation:content-scale-in .4s cubic-bezier(.34,1.56,.64,1)}@keyframes content-scale-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.saving-overlay-icon{margin-bottom:24px;display:flex;justify-content:center;align-items:center;height:80px}.spinner-svg{width:64px;height:64px;animation:spinner-rotate 2s linear infinite}.spinner-track{stroke:#e5e7eb}.spinner-head{stroke:var(--ds-primary-500);stroke-linecap:round;stroke-dasharray:90,150;stroke-dashoffset:0;animation:spinner-dash 1.5s ease-in-out infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.checkmark-svg{width:72px;height:72px}.checkmark-circle{stroke:var(--ds-success-500);stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:checkmark-circle .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{stroke:var(--ds-success-500);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:checkmark-check .3s cubic-bezier(.65,0,.45,1) .5s forwards}@keyframes checkmark-circle{to{stroke-dashoffset:0}}@keyframes checkmark-check{to{stroke-dashoffset:0}}.error-svg{width:72px;height:72px}.error-circle{stroke:var(--ds-error-500);stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:error-circle .6s cubic-bezier(.65,0,.45,1) forwards}.error-x{stroke:var(--ds-error-500);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:56;stroke-dashoffset:56;animation:error-x .3s cubic-bezier(.65,0,.45,1) .5s forwards}@keyframes error-circle{to{stroke-dashoffset:0}}@keyframes error-x{to{stroke-dashoffset:0}}.warning-svg{width:72px;height:72px}.warning-circle{stroke:var(--ds-warning-500, #f59e0b);stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:warning-circle .6s cubic-bezier(.65,0,.45,1) forwards}.warning-exclamation{stroke:var(--ds-warning-500, #f59e0b);stroke-width:4;stroke-dasharray:30;stroke-dashoffset:30;animation:warning-exclamation .3s cubic-bezier(.65,0,.45,1) .5s forwards}@keyframes warning-circle{to{stroke-dashoffset:0}}@keyframes warning-exclamation{to{stroke-dashoffset:0}}.saving-overlay-message{font-size:20px;font-weight:600;color:#1f2937;margin:0;line-height:1.4;white-space:pre-line}.saving-overlay-message--success{color:#065f46}.saving-overlay-message--warning{color:#92400e}.saving-overlay-message--error{color:#991b1b}.saving-overlay-progress{font-size:14px;color:#6b7280;margin:12px 0 0;font-weight:500}.saving-overlay-details{font-size:13px;color:#9ca3af;margin:8px 0 0;font-weight:400}.saving-overlay-hint{font-size:12px;color:#9ca3af;margin:20px 0 0;font-weight:400;letter-spacing:.02em}.saving-overlay-phase{margin-top:16px;text-align:center}.saving-overlay-phase-name{font-size:14px;color:var(--ds-text-secondary, #4b5563);display:block;margin-bottom:4px;font-weight:500}.saving-overlay-phase-sub{font-size:12px;color:var(--ds-text-muted, #9ca3af);display:block;margin-bottom:10px}.saving-overlay-phase-bar{height:6px;background:var(--ds-bg-muted, #e5e7eb);border-radius:var(--ds-radius-sm);overflow:hidden;width:220px;margin:0 auto 8px}.saving-overlay-phase-fill{height:100%;background:var(--ds-primary-500, #6366f1);border-radius:var(--ds-radius-sm);transition:width .25s ease-out}.saving-overlay-phase-count{font-size:11px;color:var(--ds-text-muted, #9ca3af);display:block;font-weight:400}.storage-warning-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:.75rem 1rem;background:var(--color-warning-bg, #fef3cd);border-top:2px solid var(--color-warning-border, #ffc107);box-shadow:0 -2px 10px #0000001a;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.storage-warning-banner__content{display:flex;align-items:center;gap:1rem;max-width:1200px;margin:0 auto}.storage-warning-banner__icon{font-size:1.5rem;flex-shrink:0}.storage-warning-banner__text{flex:1;min-width:0}.storage-warning-banner__title{display:block;font-size:.9375rem;font-weight:600;color:var(--color-warning-text, #856404);margin-bottom:.125rem}.storage-warning-banner__message{margin:0;font-size:.8125rem;color:var(--color-warning-text-secondary, #664d03);line-height:1.4}.storage-warning-banner__suggestion{opacity:.85}.storage-warning-banner__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.storage-warning-banner__button{padding:.5rem 1rem;border-radius:var(--ds-radius-sm);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.storage-warning-banner__button--primary{background:var(--color-warning-button, #ffc107);color:var(--color-warning-button-text, #212529)}.storage-warning-banner__button--primary:hover:not(:disabled){background:var(--color-warning-button-hover, #e0a800)}.storage-warning-banner__button--primary:disabled{opacity:.6;cursor:not-allowed}.storage-warning-banner__button--dismiss{padding:.375rem .625rem;background:transparent;color:var(--color-warning-text, #856404);font-size:1rem;line-height:1}.storage-warning-banner__button--dismiss:hover{background:#0000000d}.storage-warning-banner__cleared{font-size:.8125rem;color:var(--color-success, #198754);font-weight:500}[data-theme=dark] .storage-warning-banner{background:var(--color-warning-bg-dark, #332701);border-top-color:var(--color-warning-border-dark, #997404)}[data-theme=dark] .storage-warning-banner__title{color:var(--color-warning-text-dark, #ffda6a)}[data-theme=dark] .storage-warning-banner__message{color:var(--color-warning-text-secondary-dark, #e9c954)}[data-theme=dark] .storage-warning-banner__button--primary{background:var(--color-warning-button-dark, #997404);color:#fff}[data-theme=dark] .storage-warning-banner__button--primary:hover:not(:disabled){background:var(--color-warning-button-hover-dark, #806003)}[data-theme=dark] .storage-warning-banner__button--dismiss{color:var(--color-warning-text-dark, #ffda6a)}[data-theme=dark] .storage-warning-banner__button--dismiss:hover{background:#ffffff1a}@media(max-width:640px){.storage-warning-banner__content{flex-wrap:wrap}.storage-warning-banner__text{flex-basis:calc(100% - 3rem)}.storage-warning-banner__actions{flex-basis:100%;justify-content:flex-end;margin-top:.5rem}}.debug-floating-container{position:fixed;bottom:20px;right:20px;z-index:9999;font-family:system-ui,-apple-system,sans-serif}.debug-floating-btn{width:48px;height:48px;border-radius:50%;background:var(--ds-primary-600);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--ds-shadow-md);transition:all .2s ease;position:relative}.debug-floating-btn:hover{transform:scale(1.05);box-shadow:var(--ds-shadow-lg)}.debug-floating-btn.active{background:var(--ds-primary-700);transform:rotate(180deg)}.debug-icon{font-size:20px;filter:grayscale(0)}.debug-badge{position:absolute;top:-4px;right:-4px;background:var(--ds-error-500);color:var(--ds-text-white);font-size:11px;font-weight:600;min-width:18px;height:18px;border-radius:var(--ds-radius-md);display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 4px #0003}.debug-floating-menu{position:absolute;bottom:56px;right:0;width:260px;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-lg);box-shadow:0 8px 32px #00000026;overflow:hidden;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root[data-theme=dark] .debug-floating-menu{background:var(--ds-bg-elevated);color:var(--ds-text-primary)}.debug-menu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--ds-primary-600);color:var(--ds-text-white);font-weight:600;font-size:14px}.debug-close-btn{background:#fff3;border:none;width:24px;height:24px;border-radius:50%;color:var(--ds-text-white);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.debug-close-btn:hover{background:#ffffff4d}.debug-menu-content{padding:12px 16px}.debug-status-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:13px;border-bottom:1px solid var(--ds-border-subtle)}:root[data-theme=dark] .debug-status-row{border-color:var(--ds-border-subtle)}.debug-status-row:last-of-type{border-bottom:none}.debug-status{font-weight:600;font-size:12px}.debug-status.enabled{color:var(--ds-success-400)}.debug-status.disabled{color:var(--ds-error-500)}.debug-count{font-weight:600;color:var(--ds-text-muted)}.debug-count.has-errors{color:var(--ds-warning-500)}.debug-actions{margin-top:12px;display:flex;flex-direction:column;gap:8px}.debug-action-btn{padding:10px 16px;border:none;border-radius:var(--ds-radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.debug-action-btn.primary{background:var(--ds-primary-600);color:var(--ds-text-white)}.debug-action-btn.primary:hover{opacity:.9;transform:translateY(-1px)}.debug-action-btn.secondary{background:var(--ds-bg-overlay);color:var(--ds-text-primary)}:root[data-theme=dark] .debug-action-btn.secondary{background:var(--ds-bg-overlay);color:var(--ds-text-primary)}.debug-action-btn.secondary:hover{background:var(--ds-bg-hover)}:root[data-theme=dark] .debug-action-btn.secondary:hover{background:var(--ds-bg-active)}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:300px;padding:2rem;background:var(--bg-primary, #f9fafb)}.error-boundary-content{max-width:500px;padding:2rem;background:var(--bg-secondary, #ffffff);border-radius:var(--ds-radius-lg);box-shadow:0 4px 20px #0000001a;text-align:center}.error-boundary-icon{font-size:3rem;margin-bottom:1rem}.error-boundary-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--text-primary, #111827)}.error-boundary-message{margin:0 0 1.5rem;color:var(--text-secondary, #6b7280);line-height:1.5}.error-boundary-details{margin-bottom:1.5rem;padding:1rem;background:var(--bg-tertiary, #f3f4f6);border-radius:var(--ds-radius-md);text-align:left}.error-boundary-details summary{cursor:pointer;font-size:.875rem;color:var(--text-secondary, #6b7280);margin-bottom:.5rem}.error-boundary-details pre{margin:.5rem 0 0;padding:.75rem;background:var(--bg-primary, #f9fafb);border-radius:var(--ds-radius-sm);font-size:.75rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word;color:var(--text-error, #dc2626)}.error-boundary-stack{margin-top:.5rem;color:var(--text-tertiary, #9ca3af)!important;font-size:.65rem!important;max-height:150px;overflow-y:auto}.error-boundary-actions{display:flex;gap:.75rem;justify-content:center}.error-boundary-button{padding:.625rem 1.25rem;border-radius:var(--ds-radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.error-boundary-button--primary{background:var(--color-primary, #3b82f6);color:#fff;border:none}.error-boundary-button--primary:hover{background:var(--color-primary-hover, #2563eb)}.error-boundary-button--secondary{background:transparent;color:var(--text-secondary, #6b7280);border:1px solid var(--border-color, #e5e7eb)}.error-boundary-button--secondary:hover{background:var(--bg-tertiary, #f3f4f6)}.error-boundary-button--success{background:var(--color-success, #059669);color:#fff;border:none}.error-boundary-button--success:hover{background:var(--color-success-hover, #047857)}.error-boundary-draft-notice{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;background:var(--color-success-bg, #ecfdf5);border:1px solid var(--color-success-border, #a7f3d0);border-radius:var(--ds-radius-md);font-size:.875rem;color:var(--color-success, #059669)}.error-boundary-draft-icon{font-size:1.25rem}.form-builder-error-boundary{min-height:400px}.form-builder-error-boundary .error-boundary-content{max-width:600px}.form-builder-error-recovery{margin-top:1rem;padding:1rem;background:var(--color-success-bg, #ecfdf5);border:1px solid var(--color-success-border, #a7f3d0);border-radius:var(--ds-radius-md)}.form-builder-error-recovery-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--color-success, #059669);margin-bottom:.5rem}.form-builder-error-recovery-text{font-size:.8125rem;color:var(--text-secondary, #6b7280);margin:0 0 .75rem}.form-builder-error-recovery-button{padding:.5rem 1rem;background:var(--color-success, #059669);color:#fff;border:none;border-radius:var(--ds-radius-sm);font-size:.8125rem;font-weight:500;cursor:pointer}.form-builder-error-recovery-button:hover{background:var(--color-success-hover, #047857)}.delete-confirm-modal .ds-modal{max-width:420px}.delete-confirm-content{text-align:center;padding:var(--ds-space-4)}.delete-confirm-icon{width:56px;height:56px;margin:0 auto var(--ds-space-4);display:flex;align-items:center;justify-content:center;border-radius:var(--ds-radius-full);background:#f43f5e1a;color:var(--ds-error-400)}.delete-confirm-title{margin:0 0 var(--ds-space-3) 0;font-size:var(--ds-text-lg);font-weight:var(--ds-weight-semibold);color:var(--ds-text-primary)}.delete-confirm-name{font-size:var(--ds-text-base);font-weight:var(--ds-weight-semibold);color:var(--ds-error-400);margin-bottom:var(--ds-space-4);padding:var(--ds-space-2) var(--ds-space-3);background:#f43f5e14;border-radius:var(--ds-radius-lg);display:inline-block}.delete-confirm-warning{text-align:left;font-size:var(--ds-text-sm);color:var(--ds-text-secondary);margin-bottom:var(--ds-space-5);padding:var(--ds-space-3);background:var(--ds-bg-muted);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-subtle)}.delete-confirm-warning p{margin:0 0 var(--ds-space-2) 0}.delete-confirm-warning ul{margin:0;padding-left:var(--ds-space-4)}.delete-confirm-warning li{margin:var(--ds-space-1) 0;color:var(--ds-text-muted)}.delete-confirm-warning strong{color:var(--ds-error-400);font-weight:var(--ds-weight-semibold)}.delete-confirm-instruction{font-size:var(--ds-text-sm);color:var(--ds-text-muted);margin-bottom:var(--ds-space-2)}.delete-confirm-name-target{margin-bottom:var(--ds-space-3)}.delete-confirm-name-target code{font-family:var(--ds-font-mono);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-semibold);color:var(--ds-error-400);background:#f43f5e1a;padding:var(--ds-space-1-5) var(--ds-space-3);border-radius:var(--ds-radius-md);border:1px dashed var(--ds-error-400)}.delete-confirm-input-wrapper{position:relative;margin-bottom:var(--ds-space-2)}.delete-confirm-input{width:100%;padding:var(--ds-space-2-5) var(--ds-space-3);padding-right:var(--ds-space-8);font-family:var(--ds-font-mono);font-size:var(--ds-text-sm);background:var(--ds-bg-base);border:1px solid var(--ds-border-subtle);border-radius:var(--ds-radius-lg);color:var(--ds-text-primary);transition:var(--ds-transition-all);text-align:center}.delete-confirm-input:focus{outline:none;border-color:var(--ds-primary-500);box-shadow:0 0 0 3px var(--ds-glow-violet-soft)}.delete-confirm-input.match{border-color:var(--ds-success-500);box-shadow:0 0 0 3px #10b98126}.delete-confirm-input.error{border-color:var(--ds-error-500);box-shadow:0 0 0 3px #f43f5e26}.delete-confirm-match-icon{position:absolute;right:var(--ds-space-3);top:50%;transform:translateY(-50%);color:var(--ds-success-400);display:flex;align-items:center;animation:scale-in .2s ease}@keyframes scale-in{0%{transform:translateY(-50%) scale(0);opacity:0}to{transform:translateY(-50%) scale(1);opacity:1}}.delete-confirm-error{font-size:var(--ds-text-xs);color:var(--ds-error-400);margin:var(--ds-space-2) 0 0 0}.delete-confirm-actions{display:flex;gap:var(--ds-space-2);justify-content:center;margin-top:var(--ds-space-4)}.delete-confirm-actions .btn{min-width:120px;display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-1-5)}.delete-confirm-actions .btn-danger{background:linear-gradient(135deg,var(--ds-error-500),var(--ds-error-600));color:#fff;border:none}.delete-confirm-actions .btn-danger:hover:not(:disabled){background:linear-gradient(135deg,var(--ds-error-600),var(--ds-error-700))}.delete-confirm-actions .btn-danger:disabled{opacity:.5;cursor:not-allowed}.spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.list-container{max-width:1280px;margin:0 auto;padding:var(--ds-space-6);display:flex;flex-direction:column;gap:var(--ds-space-5)}.list-header{display:flex;flex-direction:column;gap:var(--ds-space-3);padding:var(--ds-space-4) var(--ds-space-5);background:var(--ds-surface-bg);border:1px solid var(--ds-surface-border);border-radius:var(--ds-radius-xl);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.list-header__top-row{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-space-4)}.list-header__filter-row{display:flex;align-items:center;gap:var(--ds-space-2);flex-wrap:nowrap;padding-top:var(--ds-space-2);border-top:1px solid var(--ds-surface-border)}.list-header__filter-group{display:flex;align-items:center;gap:var(--ds-space-2)}.filter-group-label{font-size:var(--ds-text-xs);color:var(--ds-text-tertiary);font-weight:var(--ds-weight-medium);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.filter-group-dot{color:var(--ds-surface-border);font-size:var(--ds-text-sm);margin:0 var(--ds-space-2);-webkit-user-select:none;user-select:none;flex-shrink:0}.list-header__title-group{display:flex;align-items:baseline;gap:var(--ds-space-3)}.list-header__title{margin:0;font-size:var(--ds-text-xl);font-weight:var(--ds-weight-bold);font-family:var(--ds-font-display);color:var(--ds-text-primary);letter-spacing:-.01em}.list-header__count{font-size:var(--ds-text-sm);color:var(--ds-text-muted);font-weight:var(--ds-weight-normal)}.list-header__controls{display:flex;align-items:center;gap:var(--ds-space-3);flex-wrap:wrap}.filter-group{display:flex;align-items:center}.filter-select{padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-surface-bg);border:1px solid var(--ds-surface-border);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:var(--ds-text-sm);font-family:var(--ds-font-body);cursor:pointer;transition:border-color .15s ease,background .15s ease;outline:none;min-width:150px}.filter-select:hover{border-color:var(--ds-border-default);background:var(--ds-bg-hover)}.filter-select:focus{border-color:var(--ds-primary-500);box-shadow:var(--ds-shadow-sm)}.filter-select:disabled{opacity:.5;cursor:not-allowed}.status-chips{display:flex;gap:var(--ds-space-1-5);align-items:center;flex-wrap:wrap}.status-chip{padding:5px var(--ds-space-3);border-radius:var(--ds-radius-full);border:1px solid var(--ds-surface-border);background:var(--ds-surface-bg);color:var(--ds-text-muted);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium);font-family:var(--ds-font-body);cursor:pointer;transition:all .15s ease;white-space:nowrap}.status-chip:hover{border-color:var(--ds-border-default);background:var(--ds-bg-hover);color:var(--ds-text-secondary)}.status-chip--active{border-color:var(--ds-primary-500);background:var(--ds-primary-soft);color:var(--ds-primary-300)}.status-chip--published.status-chip--active{border-color:#10b98166;background:#10b9811f;color:var(--ds-success-400)}.status-chip--ready.status-chip--active{border-color:#f59e0b66;background:#f59e0b1f;color:var(--ds-warning-400)}.status-chip--unpublished.status-chip--active{border-color:#64748b66;background:#64748b1a;color:var(--ds-text-tertiary)}.list-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-20) var(--ds-space-5);text-align:center;border:1px dashed var(--ds-border-default);border-radius:var(--ds-radius-xl);background:var(--ds-bg-muted);gap:var(--ds-space-2)}.list-state__icon-wrap{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--ds-radius-xl);background:var(--ds-surface-bg);border:1px solid var(--ds-surface-border);margin-bottom:var(--ds-space-2)}.list-state__icon{color:var(--ds-text-muted)}.list-state__icon--error{color:var(--ds-error-500)}.list-state__title{margin:0;font-size:var(--ds-text-base);font-weight:var(--ds-weight-semibold);color:var(--ds-text-secondary)}.list-state__hint{margin:0;font-size:var(--ds-text-sm);color:var(--ds-text-muted)}.list-state.error-state{border-color:#f43f5e33;background:#f43f5e08}.error-message{color:var(--ds-error-400);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);margin:0}.list-state__retry-btn{margin-top:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-5);background:var(--ds-gradient-primary);color:#fff;border:none;border-radius:var(--ds-radius-lg);cursor:pointer;font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);transition:filter .15s ease,transform .15s ease}.list-state__retry-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.spinner{width:36px;height:36px;border:3px solid var(--ds-border-subtle);border-top-color:var(--ds-primary-500);border-radius:50%;animation:spin .7s linear infinite;margin-bottom:var(--ds-space-2)}.forms-table-wrapper{background:var(--ds-card-bg);border:1px solid var(--ds-card-border);border-radius:var(--ds-radius-xl);overflow-x:auto;overflow-y:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--ds-card-shadow)}.forms-table{width:100%;border-collapse:collapse;border-spacing:0}.forms-table th,.forms-table td{white-space:nowrap}.forms-table__head{background:var(--ds-table-header-bg);border-bottom:1px solid var(--ds-table-border)}.forms-table__th{padding:var(--ds-space-3) var(--ds-space-4);text-align:left;font-size:var(--ds-text-2xs);font-weight:var(--ds-weight-semibold);color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.forms-table__th--sortable{padding:0}.forms-table__sort-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:var(--ds-space-3) var(--ds-space-4);margin:0;width:100%;color:inherit;font:inherit;font-size:var(--ds-text-2xs);font-weight:var(--ds-weight-semibold);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.forms-table__sort-btn:hover{color:var(--ds-text-primary)}.forms-table__th--sorted .forms-table__sort-btn{color:var(--ds-text-primary);font-weight:600}.forms-table__sort-icon{opacity:.5;transition:opacity .15s ease;flex-shrink:0}.forms-table__th--sorted .forms-table__sort-icon{opacity:1}.forms-table__th.col-form-id,.forms-table td.col-form-id,.forms-table__th.col-ext-key,.forms-table td.col-ext-key{width:110px}.forms-table__th.col-name,.forms-table td.col-name{min-width:200px}.forms-table__th.col-tenant-id,.forms-table td.col-tenant-id{width:110px}.forms-table__th.col-type,.forms-table td.col-type{width:90px}.forms-table__th.col-status,.forms-table td.col-status{width:140px}.forms-table__th.col-updated,.forms-table td.col-updated{width:120px}.forms-table__th.col-actions,.forms-table td.col-actions{width:80px;text-align:right;padding-right:var(--ds-space-4)}.forms-table__row{border-bottom:1px solid var(--ds-row-border);cursor:pointer;transition:background .12s ease}.forms-table__row:last-child{border-bottom:none}.forms-table__row:hover,.forms-table__row--hovered{background:var(--ds-table-row-hover)}.forms-table__cell{padding:var(--ds-space-3) var(--ds-space-4);font-size:var(--ds-text-sm);color:var(--ds-text-primary);vertical-align:middle}.form-name{font-family:var(--ds-font-display);font-weight:var(--ds-weight-semibold);color:var(--ds-text-primary);font-size:var(--ds-text-sm);display:block;transition:color .12s ease}.forms-table__row:hover .form-name{color:var(--ds-primary-300)}.form-type{font-family:var(--ds-font-mono);font-size:var(--ds-text-xs);color:var(--ds-text-tertiary);background:var(--ds-bg-surface);padding:2px 6px;border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border-subtle)}.form-date{font-size:var(--ds-text-sm);color:var(--ds-text-tertiary);white-space:nowrap}.col-actions{width:80px}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--ds-space-1);opacity:.55;transition:opacity .12s ease}.forms-table__row:hover .row-actions,.forms-table__row--hovered .row-actions{opacity:1}.row-action-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--ds-radius-md);border:1px solid transparent;background:transparent;cursor:pointer;color:var(--ds-text-muted);transition:all .12s ease;flex-shrink:0}.row-action-btn--edit:hover{background:var(--ds-primary-soft);border-color:var(--ds-primary-500);color:var(--ds-primary-400)}.row-action-btn--delete:hover:not(:disabled){background:#f43f5e1f;border-color:#f43f5e40;color:var(--ds-error-400)}.row-action-btn--archive:hover:not(:disabled),.row-action-btn--unarchive:hover:not(:disabled){background:var(--ds-primary-soft);border-color:var(--ds-primary-500);color:var(--ds-primary-400)}.forms-table__row--archived{opacity:.6;font-style:italic}.forms-table__row--archived:hover{opacity:.85}.row-action-btn--loading{opacity:.5;cursor:not-allowed}.row-action-btn:active:not(:disabled){transform:scale(.92)}.row-action-btn:disabled{opacity:.35;cursor:not-allowed}.id-badge{display:inline-flex;align-items:center;gap:var(--ds-space-1-5);padding:3px var(--ds-space-2);background:var(--ds-bg-surface);border:1px solid var(--ds-border-subtle);border-radius:var(--ds-radius-md);font-family:var(--ds-font-mono);font-size:var(--ds-text-xs);color:var(--ds-text-muted);cursor:pointer;transition:all .12s ease;white-space:nowrap;max-width:120px;justify-content:space-between}.id-badge:hover{border-color:var(--ds-primary-500);color:var(--ds-primary-400);background:var(--ds-primary-soft)}.id-badge.copied{background:#10b98114;border-color:#10b9814d;color:var(--ds-success-400)}.id-badge .copy-icon{font-size:12px;opacity:.4;flex-shrink:0}.id-badge:hover .copy-icon{opacity:.8}.status-badge{display:inline-flex;align-items:center;padding:3px var(--ds-space-2-5);border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);text-transform:uppercase;letter-spacing:.03em}.status-badge:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:var(--ds-space-1-5);background:currentColor}.status-badge.status-published{background:#10b9811a;color:var(--ds-success-400)}.status-badge.status-ready{background:#f59e0b1a;color:var(--ds-warning-400)}.status-badge.status-unpublished{background:#64748b1a;color:var(--ds-text-muted)}.badge-superadmin{display:inline-flex;align-items:center;padding:3px var(--ds-space-2);background:var(--ds-primary-soft);color:var(--ds-primary-400);border:1px solid var(--ds-primary-500);font-size:var(--ds-text-2xs);font-weight:var(--ds-weight-semibold);border-radius:var(--ds-radius-full);text-transform:uppercase;letter-spacing:.04em}.pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-surface-bg);border:1px solid var(--ds-surface-border);border-radius:var(--ds-radius-lg)}.pagination-btn{display:inline-flex;align-items:center;gap:var(--ds-space-1-5);padding:var(--ds-space-2) var(--ds-space-3-5);background:var(--ds-bg-elevated);color:var(--ds-text-secondary);border:1px solid var(--ds-border-subtle);border-radius:var(--ds-radius-md);cursor:pointer;font-size:var(--ds-text-sm);font-family:var(--ds-font-body);font-weight:var(--ds-weight-medium);transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:var(--ds-bg-hover);border-color:var(--ds-primary-400);color:var(--ds-primary-500)}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-info{display:flex;flex-direction:column;align-items:center;gap:2px}.pagination-info__current{font-size:var(--ds-text-sm);color:var(--ds-text-primary);font-weight:var(--ds-weight-semibold)}.pagination-info__sep{color:var(--ds-text-muted);font-weight:var(--ds-weight-normal);margin:0 2px}.pagination-info__total{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}@media(max-width:768px){.list-container{padding:var(--ds-space-4);gap:var(--ds-space-4)}.list-header{gap:var(--ds-space-3)}.list-header__top-row{flex-direction:column;align-items:flex-start}.list-header__controls{width:100%;flex-direction:column;align-items:flex-start;gap:var(--ds-space-2)}.list-header__filter-row{flex-wrap:wrap}.filter-select,.status-chips{width:100%}.pagination{flex-direction:column;gap:var(--ds-space-3)}.pagination-btn{width:100%;justify-content:center}.row-actions{opacity:1}}[data-theme=light] .status-chip--active,[data-theme=light] .forms-table__row:hover .form-name,[data-theme=light] .id-badge:hover,[data-theme=light] .row-action-btn--edit:hover,[data-theme=light] .badge-superadmin{color:var(--ds-primary-700)}[data-theme=light] .pagination-btn:hover:not(:disabled){color:var(--ds-primary-700)}.forms-table__th.col-visibility,.forms-table td.col-visibility{width:110px}.visibility-indicator{display:inline-flex;align-items:center;gap:var(--ds-space-1-5);color:var(--ds-text-tertiary);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium);white-space:nowrap}.visibility-indicator__label{color:var(--ds-text-tertiary)}.visibility-indicator--hidden,.visibility-indicator--hidden .visibility-indicator__label{color:var(--ds-text-muted)}.form-name-group{display:inline-flex;align-items:center;gap:var(--ds-space-2)}.relationship-badges{display:inline-flex;align-items:center;gap:var(--ds-space-1);flex-shrink:0}.rel-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:var(--ds-radius-full);font-size:var(--ds-text-2xs);font-weight:var(--ds-weight-semibold);font-family:var(--ds-font-body);text-transform:uppercase;letter-spacing:.04em;border:1px solid transparent;cursor:default;white-space:nowrap;transition:opacity .12s ease;line-height:1}.rel-badge--parent{background:#64748b1f;color:var(--ds-text-tertiary);border-color:#64748b33}.rel-badge--child{background:#64748b14;color:var(--ds-text-muted);border-color:#64748b26}.forms-table__row:hover .rel-badge--parent{background:#64748b2e;color:var(--ds-text-secondary)}.forms-table__row:hover .rel-badge--child{background:#64748b24;color:var(--ds-text-tertiary)}[data-theme=light] .visibility-indicator{color:var(--ds-text-secondary)}[data-theme=light] .visibility-indicator--hidden{color:var(--ds-text-tertiary)}[data-theme=light] .rel-badge--parent{color:var(--ds-text-secondary)}[data-theme=light] .rel-badge--child{color:var(--ds-text-tertiary)}.status-chip--visibility-hidden.status-chip--active{border-color:#64748b59;background:#64748b1a;color:var(--ds-text-tertiary)}[data-theme=light] .status-chip--visibility-hidden.status-chip--active{color:var(--ds-text-secondary)}.list-page-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}@layer base{:root{--primary-50: 197 100% 96%;--primary-100: 200 100% 92%;--primary-200: 200 100% 85%;--primary-300: 198 100% 76%;--primary-400: 199 100% 64%;--primary-500: 202 100% 56%;--primary-600: 207 100% 51%;--primary-700: 211 100% 50%;--primary-800: 213 92% 40%;--primary-900: 211 85% 33%;--primary-950: 213 74% 21%;--neutral-0: 0 0% 100%;--neutral-50: 228 33% 97%;--neutral-100: 224 25% 94%;--neutral-200: 220 27% 86%;--neutral-300: 220 28% 74%;--neutral-400: 220 27% 60%;--neutral-500: 221 26% 48%;--neutral-600: 222 28% 39%;--neutral-700: 222 28% 32%;--neutral-800: 222 26% 27%;--neutral-900: 223 23% 24%;--neutral-950: 226 23% 18%;--neutral-1000: 220 13% 14%;--error-50: 355 80% 97%;--error-100: 351 92% 95%;--error-200: 350 84% 90%;--error-300: 349 84% 82%;--error-400: 349 86% 71%;--error-500: 348 79% 60%;--error-600: 345 69% 49%;--error-700: 343 74% 41%;--error-800: 342 71% 35%;--error-900: 340 68% 30%;--error-950: 341 78% 16%;--success-50: 142 76% 97%;--success-100: 138 89% 93%;--success-200: 142 81% 85%;--success-300: 145 80% 73%;--success-400: 146 72% 58%;--success-500: 148 73% 45%;--success-600: 149 78% 39%;--success-700: 150 74% 29%;--success-800: 150 66% 24%;--success-900: 150 63% 20%;--success-950: 152 84% 10%;--warning-50: 41 90% 96%;--warning-100: 39 89% 89%;--warning-200: 38 92% 77%;--warning-300: 36 91% 65%;--warning-400: 33 91% 56%;--warning-500: 27 87% 50%;--warning-600: 23 89% 44%;--warning-700: 16 85% 37%;--warning-800: 14 79% 31%;--warning-900: 14 73% 26%;--warning-950: 12 86% 14%;--brand-principal: var(--primary-700);--brand-neutral-dark: var(--neutral-950);--brand-neutral-white: var(--neutral-50);--color-error: var(--error-500);--color-success: var(--success-500);--color-warning: var(--warning-400);--radius: .5rem;--radius-round: 40px;--text-title: hsl(var(--neutral-950));--text-section: hsl(var(--primary-700));--text-body: hsl(var(--neutral-600));--text-detail: hsl(var(--neutral-400));--text-disabled: hsl(var(--neutral-300));--text-action: hsl(var(--primary-700));--text-active: hsl(var(--neutral-0));--text-reverse: hsl(var(--neutral-50));--text-brand: #343e58;--surface-page: hsl(var(--neutral-50));--surface-card: hsl(var(--neutral-0));--surface-raised: hsl(var(--neutral-0));--surface-border: hsl(var(--neutral-200));--surface-neutral-bg0: hsl(var(--neutral-0));--surface-neutral-bg50: hsl(var(--neutral-50));--surface-neutral-bg100: hsl(var(--neutral-100));--surface-neutral-bg200: hsl(var(--neutral-200));--surface-neutral-bg300: hsl(var(--neutral-300));--surface-neutral-bg400: hsl(var(--neutral-400));--surface-neutral-bg500: hsl(var(--neutral-500));--surface-neutral-bg600: hsl(var(--neutral-600));--surface-neutral-bg800: hsl(var(--neutral-800));--surface-neutral-bg950: hsl(var(--neutral-950));--surface-neutral-bgtn4: rgba(13, 81, 155, .04);--surface-neutral-bgtn7: rgba(13, 81, 155, .07);--surface-primary-bg50: hsl(var(--primary-50));--surface-primary-bg100: hsl(var(--primary-100));--surface-primary-bg200: hsl(var(--primary-200));--surface-primary-bg700: hsl(var(--primary-700));--surface-error-bg100: hsl(var(--error-100));--button-primary-bg-enabled: hsl(var(--primary-700));--button-primary-bg-hovered: hsl(var(--primary-800));--button-primary-bg-activated: hsl(var(--primary-900));--button-primary-bg-disabled: hsl(var(--neutral-100));--button-primary-bg-detached: hsl(var(--error-500));--button-primary-bg-detach-hovered: hsl(var(--error-600));--button-primary-text-enabled: hsl(var(--neutral-50));--button-primary-text-disabled: hsl(var(--neutral-400));--button-secondary-bg-enabled: hsl(var(--neutral-50));--button-secondary-bg-hovered: hsl(var(--primary-100));--button-secondary-bg-activated: hsl(var(--primary-200));--button-secondary-bg-disabled: hsl(var(--neutral-50));--button-secondary-border-enabled: hsl(var(--primary-700));--button-secondary-border-hovered: hsl(var(--primary-800));--button-secondary-border-activated: hsl(var(--primary-900));--button-secondary-border-disabled: hsl(var(--neutral-200));--button-secondary-border-detached: hsl(var(--error-500));--button-secondary-border-detach-hovered: hsl(var(--error-600));--button-secondary-text-enabled: hsl(var(--primary-700));--button-secondary-text-hovered: hsl(var(--primary-800));--button-secondary-text-activated: hsl(var(--primary-900));--button-secondary-text-disabled: hsl(var(--neutral-400));--button-secondary-text-detached: hsl(var(--error-500));--button-secondary-text-detach-hovered: hsl(var(--error-600));--button-tertiary-bg-enabled: hsl(var(--primary-100));--button-tertiary-bg-hovered: hsl(var(--primary-200));--button-tertiary-bg-activated: hsl(var(--primary-300));--button-tertiary-bg-disabled: hsl(var(--neutral-100));--button-tertiary-text-enabled: hsl(var(--primary-700));--button-tertiary-text-hovered: hsl(var(--primary-800));--button-tertiary-text-activated: hsl(var(--primary-900));--button-tertiary-text-disabled: hsl(var(--neutral-400));--input-primary-text-enabled: hsl(var(--neutral-600));--input-primary-text-hovered: hsl(var(--primary-600));--input-primary-text-activated: hsl(var(--primary-700));--input-primary-text-disabled: hsl(var(--neutral-400));--input-primary-text-error: hsl(var(--error-500));--input-primary-border-enabled: hsl(var(--neutral-300));--input-primary-border-hovered: hsl(var(--primary-600));--input-primary-border-activated: hsl(var(--primary-700));--input-primary-border-disabled: hsl(var(--neutral-300));--input-primary-border-error: hsl(var(--error-400));--input-primary-border-error-hovered: hsl(var(--error-500));--input-primary-bg-disabled: rgba(245, 246, 252, .03);--tag-ar-lighter-bg: rgba(0, 123, 255, .11);--tag-ar-lighter-bg-hovered: rgba(0, 123, 255, .18);--tag-ar-lighter-text: hsl(var(--primary-700));--tag-ar-bolder-bg: hsl(var(--primary-700));--tag-ar-bolder-bg-hovered: hsl(var(--primary-800));--tag-ar-bolder-text: hsl(var(--neutral-50));--tag-ec-lighter-bg: hsl(var(--neutral-100));--tag-ec-lighter-bg-hovered: hsl(var(--neutral-200));--tag-ec-lighter-text: hsl(var(--neutral-600));--tag-ec-bolder-bg: hsl(var(--neutral-500));--tag-ec-bolder-bg-hovered: hsl(var(--neutral-600));--tag-ec-bolder-text: hsl(var(--neutral-50));--tag-rm-lighter-bg: rgba(233, 73, 105, .11);--tag-rm-lighter-bg-hovered: rgba(233, 73, 105, .18);--tag-rm-lighter-text: hsl(var(--error-500));--tag-rm-bolder-bg: hsl(var(--error-500));--tag-rm-bolder-bg-hovered: hsl(var(--error-600));--tag-rm-bolder-text: hsl(var(--neutral-50));--tag-cg-lighter-bg: rgba(31, 200, 112, .11);--tag-cg-lighter-bg-hovered: rgba(31, 200, 112, .18);--tag-cg-lighter-text: hsl(var(--success-600));--tag-cg-bolder-bg: hsl(var(--success-500));--tag-cg-bolder-bg-hovered: hsl(var(--success-600));--tag-cg-bolder-text: hsl(var(--neutral-50));--tag-tp-lighter-bg: rgba(239, 121, 17, .12);--tag-tp-lighter-bg-hovered: rgba(239, 121, 17, .18);--tag-tp-lighter-text: hsl(var(--warning-500));--tag-tp-bolder-bg: hsl(var(--warning-400));--tag-tp-bolder-bg-hovered: hsl(var(--warning-500));--tag-tp-bolder-text: hsl(var(--neutral-50));--icon-bolder-default: hsl(var(--neutral-950));--icon-bolder-hovered: hsl(var(--primary-700));--icon-lighter-default: hsl(var(--neutral-600));--icon-lighter-detail: hsl(var(--neutral-400));--icon-lighter-hovered: hsl(var(--primary-700));--icon-lighter-disabled: hsl(var(--neutral-300));--icon-reverse-default: hsl(var(--neutral-0));--popup-success-bg: hsl(var(--success-500));--popup-info-bg: hsl(var(--primary-700));--popup-error-bg: hsl(var(--error-500));--popup-warning-bg: hsl(var(--warning-500));--shadow-xs: 0 2px 4px 0 rgba(0, 0, 0, .08);--shadow-sm: 0 8px 12px -8px rgba(0, 0, 0, .12);--shadow-md: 0 12px 16px -12px rgba(0, 0, 0, .16);--shadow-lg: 0 24px 38px -16px rgba(0, 0, 0, .2);--shadow-xl: 0 -2px 14px -24px rgba(0, 0, 0, .14)}[data-theme=dark]{--text-title: hsl(var(--neutral-50));--text-section: hsl(var(--primary-700));--text-body: hsl(var(--neutral-300));--text-detail: hsl(var(--neutral-400));--text-disabled: hsl(var(--neutral-500));--text-action: hsl(var(--primary-400));--text-active: hsl(var(--neutral-0));--text-reverse: hsl(var(--neutral-950));--text-brand: hsl(var(--neutral-50));--surface-page: hsl(var(--neutral-1000));--surface-card: hsl(var(--neutral-950));--surface-raised: hsl(var(--neutral-900));--surface-border: hsl(var(--neutral-800));--surface-neutral-bg0: hsl(var(--neutral-1000));--surface-neutral-bg50: hsl(var(--neutral-950));--surface-neutral-bg100: hsl(var(--neutral-900));--surface-neutral-bg200: hsl(var(--neutral-800));--surface-neutral-bg300: hsl(var(--neutral-700));--surface-neutral-bg400: hsl(var(--neutral-700));--surface-neutral-bg500: hsl(var(--neutral-700));--surface-neutral-bg600: hsl(var(--neutral-400));--surface-neutral-bg800: hsl(var(--neutral-100));--surface-neutral-bg950: hsl(var(--neutral-50));--surface-neutral-bgtn4: rgba(245, 246, 252, .03);--surface-neutral-bgtn7: rgba(245, 246, 252, .05);--surface-primary-bg50: hsl(var(--primary-900));--button-primary-bg-enabled: hsl(var(--primary-700));--button-primary-bg-hovered: hsl(var(--primary-600));--button-primary-bg-activated: hsl(var(--primary-500));--button-primary-bg-disabled: hsl(var(--neutral-400));--button-primary-bg-detached: hsl(var(--error-500));--button-primary-bg-detach-hovered: hsl(var(--error-400));--button-primary-text-enabled: hsl(var(--neutral-50));--button-primary-text-disabled: hsl(var(--neutral-100));--button-secondary-bg-enabled: rgba(0, 123, 255, .02);--button-secondary-bg-hovered: rgba(0, 123, 255, .05);--button-secondary-bg-activated: rgba(0, 123, 255, .02);--button-secondary-bg-disabled: rgba(245, 246, 252, .03);--button-secondary-border-enabled: hsl(var(--primary-700));--button-secondary-border-hovered: hsl(var(--primary-600));--button-secondary-border-activated: hsl(var(--primary-500));--button-secondary-border-disabled: hsl(var(--neutral-500));--button-secondary-border-detached: hsl(var(--error-500));--button-secondary-border-detach-hovered: hsl(var(--error-400));--button-secondary-text-enabled: hsl(var(--primary-700));--button-secondary-text-hovered: hsl(var(--primary-600));--button-secondary-text-activated: hsl(var(--primary-500));--button-secondary-text-disabled: hsl(var(--neutral-400));--button-secondary-text-detached: hsl(var(--error-500));--button-secondary-text-detach-hovered: hsl(var(--error-400));--button-tertiary-bg-enabled: rgba(0, 123, 255, .05);--button-tertiary-bg-hovered: rgba(0, 123, 255, .18);--button-tertiary-bg-activated: rgba(0, 123, 255, .23);--button-tertiary-bg-disabled: rgba(245, 246, 252, .03);--button-tertiary-text-enabled: hsl(var(--primary-600));--button-tertiary-text-hovered: hsl(var(--primary-600));--button-tertiary-text-activated: hsl(var(--primary-700));--button-tertiary-text-disabled: hsl(var(--neutral-300));--input-primary-text-enabled: hsl(var(--neutral-200));--input-primary-text-hovered: hsl(var(--primary-600));--input-primary-text-activated: hsl(var(--primary-700));--input-primary-text-disabled: hsl(var(--neutral-400));--input-primary-text-error: hsl(var(--error-500));--input-primary-border-enabled: hsl(var(--neutral-300));--input-primary-border-hovered: hsl(var(--primary-600));--input-primary-border-activated: hsl(var(--primary-700));--input-primary-border-disabled: hsl(var(--neutral-400));--input-primary-border-error: hsl(var(--error-400));--input-primary-border-error-hovered: hsl(var(--error-500));--tag-ec-lighter-bg: hsl(var(--neutral-900));--tag-ec-lighter-bg-hovered: hsl(var(--neutral-800));--tag-ec-lighter-text: hsl(var(--neutral-300));--tag-ec-bolder-bg: hsl(var(--neutral-700));--tag-ec-bolder-bg-hovered: hsl(var(--neutral-800));--tag-cg-bolder-bg: hsl(var(--success-600));--tag-cg-bolder-bg-hovered: hsl(var(--success-700));--tag-tp-bolder-bg: hsl(var(--warning-500));--tag-tp-bolder-bg-hovered: hsl(var(--warning-600));--icon-bolder-default: hsl(var(--neutral-50));--icon-lighter-default: hsl(var(--neutral-300));--icon-lighter-disabled: hsl(var(--neutral-700));--shadow-xs: 0 2px 4px 0 rgba(245, 246, 250, .12);--shadow-sm: 0 8px 12px -8px rgba(245, 246, 250, .12);--shadow-md: 0 12px 16px -12px rgba(245, 246, 250, .16);--shadow-lg: 0 24px 38px -16px rgba(245, 246, 250, .2);--shadow-xl: 0 -2px 14px -24px rgba(245, 246, 250, .14)}@media(prefers-color-scheme:dark){[data-theme=system]{--text-title: hsl(var(--neutral-50));--text-section: hsl(var(--primary-700));--text-body: hsl(var(--neutral-300));--text-detail: hsl(var(--neutral-400));--text-disabled: hsl(var(--neutral-500));--text-action: hsl(var(--primary-400));--text-active: hsl(var(--neutral-0));--text-reverse: hsl(var(--neutral-950));--text-brand: hsl(var(--neutral-50));--surface-page: hsl(var(--neutral-1000));--surface-card: hsl(var(--neutral-950));--surface-raised: hsl(var(--neutral-900));--surface-border: hsl(var(--neutral-800));--surface-neutral-bg0: hsl(var(--neutral-1000));--surface-neutral-bg50: hsl(var(--neutral-950));--surface-neutral-bg100: hsl(var(--neutral-900));--surface-neutral-bg200: hsl(var(--neutral-800));--surface-neutral-bg300: hsl(var(--neutral-700));--surface-neutral-bg400: hsl(var(--neutral-700));--surface-neutral-bg500: hsl(var(--neutral-700));--surface-neutral-bg600: hsl(var(--neutral-400));--surface-neutral-bg800: hsl(var(--neutral-100));--surface-neutral-bg950: hsl(var(--neutral-50));--surface-neutral-bgtn4: rgba(245, 246, 252, .03);--surface-neutral-bgtn7: rgba(245, 246, 252, .05);--surface-primary-bg50: hsl(var(--primary-900));--button-primary-bg-enabled: hsl(var(--primary-700));--button-primary-bg-hovered: hsl(var(--primary-600));--button-primary-bg-activated: hsl(var(--primary-500));--button-primary-bg-disabled: hsl(var(--neutral-400));--button-primary-bg-detached: hsl(var(--error-500));--button-primary-bg-detach-hovered: hsl(var(--error-400));--button-primary-text-enabled: hsl(var(--neutral-50));--button-primary-text-disabled: hsl(var(--neutral-100));--button-secondary-bg-enabled: rgba(0, 123, 255, .02);--button-secondary-bg-hovered: rgba(0, 123, 255, .05);--button-secondary-bg-activated: rgba(0, 123, 255, .02);--button-secondary-bg-disabled: rgba(245, 246, 252, .03);--button-secondary-border-enabled: hsl(var(--primary-700));--button-secondary-border-hovered: hsl(var(--primary-600));--button-secondary-border-activated: hsl(var(--primary-500));--button-secondary-border-disabled: hsl(var(--neutral-500));--button-secondary-border-detached: hsl(var(--error-500));--button-secondary-border-detach-hovered: hsl(var(--error-400));--button-secondary-text-enabled: hsl(var(--primary-700));--button-secondary-text-hovered: hsl(var(--primary-600));--button-secondary-text-activated: hsl(var(--primary-500));--button-secondary-text-disabled: hsl(var(--neutral-400));--button-secondary-text-detached: hsl(var(--error-500));--button-secondary-text-detach-hovered: hsl(var(--error-400));--button-tertiary-bg-enabled: rgba(0, 123, 255, .05);--button-tertiary-bg-hovered: rgba(0, 123, 255, .18);--button-tertiary-bg-activated: rgba(0, 123, 255, .23);--button-tertiary-bg-disabled: rgba(245, 246, 252, .03);--button-tertiary-text-enabled: hsl(var(--primary-600));--button-tertiary-text-hovered: hsl(var(--primary-600));--button-tertiary-text-activated: hsl(var(--primary-700));--button-tertiary-text-disabled: hsl(var(--neutral-300));--input-primary-text-enabled: hsl(var(--neutral-200));--input-primary-text-hovered: hsl(var(--primary-600));--input-primary-text-activated: hsl(var(--primary-700));--input-primary-text-disabled: hsl(var(--neutral-400));--input-primary-text-error: hsl(var(--error-500));--input-primary-border-enabled: hsl(var(--neutral-300));--input-primary-border-hovered: hsl(var(--primary-600));--input-primary-border-activated: hsl(var(--primary-700));--input-primary-border-disabled: hsl(var(--neutral-400));--input-primary-border-error: hsl(var(--error-400));--input-primary-border-error-hovered: hsl(var(--error-500));--tag-ec-lighter-bg: hsl(var(--neutral-900));--tag-ec-lighter-bg-hovered: hsl(var(--neutral-800));--tag-ec-lighter-text: hsl(var(--neutral-300));--tag-ec-bolder-bg: hsl(var(--neutral-700));--tag-ec-bolder-bg-hovered: hsl(var(--neutral-800));--tag-cg-bolder-bg: hsl(var(--success-600));--tag-cg-bolder-bg-hovered: hsl(var(--success-700));--tag-tp-bolder-bg: hsl(var(--warning-500));--tag-tp-bolder-bg-hovered: hsl(var(--warning-600));--icon-bolder-default: hsl(var(--neutral-50));--icon-lighter-default: hsl(var(--neutral-300));--icon-lighter-disabled: hsl(var(--neutral-700));--shadow-xs: 0 2px 4px 0 rgba(245, 246, 250, .12);--shadow-sm: 0 8px 12px -8px rgba(245, 246, 250, .12);--shadow-md: 0 12px 16px -12px rgba(245, 246, 250, .16);--shadow-lg: 0 24px 38px -16px rgba(245, 246, 250, .2);--shadow-xl: 0 -2px 14px -24px rgba(245, 246, 250, .14)}}}:root{--brand-primary: 211 100% 50%;--brand-primary-hover: 211 100% 39%;--brand-primary-active: 211 100% 31%;--brand-primary-light: 211 100% 64%;--brand-primary-dark: 211 100% 25%;--neutral-50: 0 0% 98%;--neutral-100: 0 0% 96%;--neutral-200: 0 0% 90%;--neutral-300: 0 0% 83%;--neutral-400: 0 0% 64%;--neutral-500: 0 0% 45%;--neutral-600: 0 0% 32%;--neutral-700: 0 0% 25%;--neutral-800: 0 0% 15%;--neutral-900: 0 0% 9%;--success: 142 71% 45%;--success-light: 142 71% 55%;--success-dark: 142 71% 35%;--warning: 38 92% 50%;--warning-light: 38 92% 60%;--warning-dark: 38 92% 40%;--error: 0 72% 51%;--error-light: 0 72% 61%;--error-dark: 0 72% 41%;--info: 199 89% 48%;--info-light: 199 89% 58%;--info-dark: 199 89% 38%;--violet: 263 70% 50%;--cyan: 188 94% 43%;--rose: 350 89% 60%;--orange: 25 95% 53%;--lime: 84 81% 44%;--teal: 174 72% 40%;--indigo: 239 84% 67%;--pink: 330 81% 60%}:root,[data-theme=light]{--background: var(--neutral-50);--foreground: var(--neutral-900);--card: 0 0% 100%;--card-foreground: var(--neutral-900);--popover: 0 0% 100%;--popover-foreground: var(--neutral-900);--primary: var(--brand-primary);--primary-foreground: 0 0% 100%;--secondary: var(--neutral-100);--secondary-foreground: var(--neutral-900);--muted: var(--neutral-100);--muted-foreground: var(--neutral-500);--accent: var(--neutral-100);--accent-foreground: var(--neutral-900);--destructive: var(--error);--destructive-foreground: 0 0% 100%;--border: var(--neutral-200);--input: var(--neutral-200);--ring: var(--brand-primary);--radius: .5rem;--sidebar-background: 0 0% 100%;--sidebar-foreground: var(--neutral-600);--sidebar-border: var(--neutral-200);--sidebar-hover: var(--neutral-100);--sidebar-active: var(--brand-primary);--sidebar-active-foreground: 0 0% 100%}[data-theme=dark],.dark{--background: var(--neutral-900);--foreground: var(--neutral-50);--card: var(--neutral-800);--card-foreground: var(--neutral-50);--popover: var(--neutral-800);--popover-foreground: var(--neutral-50);--primary: var(--brand-primary);--primary-foreground: 0 0% 100%;--secondary: var(--neutral-800);--secondary-foreground: var(--neutral-50);--muted: var(--neutral-800);--muted-foreground: var(--neutral-400);--accent: var(--neutral-800);--accent-foreground: var(--neutral-50);--destructive: var(--error);--destructive-foreground: 0 0% 100%;--border: var(--neutral-700);--input: var(--neutral-800);--ring: var(--brand-primary);--sidebar-background: var(--neutral-900);--sidebar-foreground: var(--neutral-400);--sidebar-border: var(--neutral-800);--sidebar-hover: var(--neutral-800);--sidebar-active: var(--brand-primary);--sidebar-active-foreground: 0 0% 100%}:root{--ds-brand-primary: hsl(var(--brand-primary));--ds-brand-primary-hover: hsl(var(--brand-primary-hover));--ds-brand-primary-active: hsl(var(--brand-primary-active));--ds-success-new: hsl(var(--success));--ds-warning-new: hsl(var(--warning));--ds-error-new: hsl(var(--error));--ds-info-new: hsl(var(--info))}:root{--ds-primary-50: #edfaff;--ds-primary-100: #d6f2ff;--ds-primary-200: #b5eaff;--ds-primary-300: #83dfff;--ds-primary-400: #48cbff;--ds-primary-500: #1eadff;--ds-primary-600: #068fff;--ds-primary-700: #007bff;--ds-primary-800: #085ec5;--ds-primary-900: #0d519b;--ds-success-50: #f0fdf5;--ds-success-100: #dbfdeb;--ds-success-200: #baf8d7;--ds-success-300: #84f1b8;--ds-success-400: #47e191;--ds-success-500: #1fc870;--ds-success-600: #15b261;--ds-success-700: #13824a;--ds-warning-50: #fef8ec;--ds-warning-100: #fceac9;--ds-warning-200: #fad38d;--ds-warning-300: #f7b652;--ds-warning-400: #f59c29;--ds-warning-500: #ef7911;--ds-warning-600: #d3580c;--ds-error-50: #fef2f3;--ds-error-100: #fee5e8;--ds-error-200: #fbd0d6;--ds-error-300: #f8a9b5;--ds-error-400: #f4788e;--ds-error-500: #ea4969;--ds-error-600: #d32752;--ds-error-700: #b51b46;--ds-info-50: #f0f9ff;--ds-info-100: #e0f2fe;--ds-info-200: #bae6fd;--ds-info-300: #7dd3fc;--ds-info-400: #38bdf8;--ds-info-500: #0ea5e9;--ds-info-600: #0284c7;--ds-violet-50: #f5f3ff;--ds-violet-400: #a78bfa;--ds-violet-500: #8b5cf6;--ds-violet-600: #7c3aed;--ds-cyan-400: #22d3ee;--ds-cyan-500: #06b6d4;--ds-rose-400: #fb7185;--ds-rose-500: #f43f5e;--ds-pink-400: #f472b6;--ds-pink-500: #ec4899;--ds-orange-400: #fb923c;--ds-orange-500: #f97316;--ds-lime-400: #a3e635;--ds-lime-500: #84cc16;--ds-teal-400: #2dd4bf;--ds-teal-500: #14b8a6;--ds-indigo-400: #818cf8;--ds-indigo-500: #6366f1;--ds-indigo-600: #4f46e5}:root{--ds-text-primary: var(--text-title);--ds-text-secondary: var(--text-body);--ds-text-tertiary: var(--text-detail);--ds-text-disabled: var(--text-disabled);--ds-text-muted: var(--text-detail);--ds-text-inverse: var(--text-reverse);--ds-text-white: #ffffff;--ds-bg-base: var(--surface-page);--ds-bg-surface: var(--surface-card);--ds-bg-elevated: var(--surface-raised);--ds-card-bg: var(--surface-card);--ds-surface-0: var(--surface-neutral-bg0);--ds-surface-50: var(--surface-neutral-bg50);--ds-surface-100: var(--surface-neutral-bg100);--ds-surface-200: var(--surface-neutral-bg200);--ds-border-default: var(--surface-border);--ds-border-subtle: var(--surface-neutral-bg200);--ds-border-strong: var(--surface-neutral-bg400);--ds-btn-primary-bg: var(--button-primary-bg-enabled);--ds-btn-primary-bg-hover: var(--button-primary-bg-hovered);--ds-btn-primary-bg-active: var(--button-primary-bg-activated);--ds-btn-primary-bg-disabled: var(--button-primary-bg-disabled);--ds-btn-primary-text: var(--button-primary-text-enabled);--ds-btn-primary-text-disabled: var(--button-primary-text-disabled);--ds-btn-secondary-bg: var(--button-secondary-bg-enabled);--ds-btn-secondary-bg-hover: var(--button-secondary-bg-hovered);--ds-btn-secondary-bg-active: var(--button-secondary-bg-activated);--ds-btn-secondary-bg-disabled: var(--button-secondary-bg-disabled);--ds-btn-secondary-border: var(--button-secondary-border-enabled);--ds-btn-secondary-border-hover: var(--button-secondary-border-hovered);--ds-btn-secondary-border-disabled: var(--button-secondary-border-disabled);--ds-btn-secondary-text: var(--button-secondary-text-enabled);--ds-btn-secondary-text-hover: var(--button-secondary-text-hovered);--ds-btn-secondary-text-disabled: var(--button-secondary-text-disabled);--ds-btn-tertiary-bg: var(--button-tertiary-bg-enabled);--ds-btn-tertiary-bg-hover: var(--button-tertiary-bg-hovered);--ds-btn-tertiary-bg-active: var(--button-tertiary-bg-activated);--ds-btn-tertiary-bg-disabled: var(--button-tertiary-bg-disabled);--ds-btn-tertiary-text: var(--button-tertiary-text-enabled);--ds-btn-tertiary-text-hover: var(--button-tertiary-text-hovered);--ds-btn-tertiary-text-disabled: var(--button-tertiary-text-disabled);--ds-btn-danger-bg: var(--button-primary-bg-detached);--ds-btn-danger-bg-hover: var(--button-primary-bg-detach-hovered);--ds-btn-radius: 40px;--ds-input-border: var(--input-primary-border-enabled);--ds-input-border-hover: var(--input-primary-border-hovered);--ds-input-border-focus: var(--input-primary-border-activated);--ds-input-border-error: var(--input-primary-border-error);--ds-input-text: var(--text-body);--ds-input-placeholder: var(--text-disabled);--ds-input-radius: 40px;--ds-popup-info-bg: var(--popup-info-bg);--ds-popup-success-bg: var(--popup-success-bg);--ds-popup-error-bg: var(--popup-error-bg);--ds-popup-warning-bg: var(--popup-warning-bg);--ds-shadow-sm: var(--shadow-sm);--ds-shadow-md: var(--shadow-md);--ds-shadow-lg: var(--shadow-lg);--ds-shadow-xs: var(--shadow-xs);--ds-shadow-xl: var(--shadow-xl);--ds-shadow-card: var(--shadow-sm);--ds-sidebar-item-active: var(--button-primary-bg-enabled);--ds-sidebar-item-hover: rgba(0, 123, 255, .1);--ds-sidebar-text-active: #ffffff;--ds-border-focus: var(--button-primary-bg-enabled);--ds-input-text-error: var(--popup-error-bg);--ds-input-text-disabled: var(--text-disabled);--ds-input-border-disabled: var(--input-primary-border-disabled);--ds-btn-success-bg: hsl(var(--success-500));--ds-btn-primary-bg-hover-alt: var(--button-primary-bg-hovered);--ds-radius-xs: 2px;--ds-radius-sm: 4px;--ds-radius-md: 6px;--ds-radius-lg: 8px;--ds-radius-xl: 12px;--ds-radius-2xl: 16px;--ds-radius-full: 9999px;--ds-font-sans: "Figtree", "Inter", ui-sans-serif, system-ui, sans-serif;--ds-font-display: "Outfit", "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--ds-font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--ds-text-xs: 11px;--ds-text-sm: 12px;--ds-text-base: 14px;--ds-text-md: 14px;--ds-text-lg: 16px;--ds-text-xl: 20px;--ds-text-2xl: 24px;--ds-text-3xl: 30px;--ds-font-normal: 400;--ds-font-medium: 500;--ds-font-semibold: 600;--ds-font-bold: 700;--ds-leading-tight: 1.25;--ds-leading-normal: 1.5;--ds-leading-relaxed: 1.75;--ds-space-0: 0px;--ds-space-px: 1px;--ds-space-0-5: 2px;--ds-space-1: 4px;--ds-space-1-5: 6px;--ds-space-2: 8px;--ds-space-2-5: 10px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-8: 32px;--ds-space-10: 40px;--ds-space-12: 48px;--ds-space-16: 64px;--ds-height-xs: 24px;--ds-height-sm: 32px;--ds-height-md: 40px;--ds-height-lg: 48px;--ds-height-xl: 56px;--ds-z-base: 0;--ds-z-raised: 10;--ds-z-dropdown: 100;--ds-z-sticky: 200;--ds-z-overlay: 300;--ds-z-modal: 400;--ds-z-popover: 500;--ds-z-tooltip: 600;--ds-z-toast: 700;--ds-duration-fast: .1s;--ds-duration-base: .15s;--ds-duration-slow: .25s;--ds-duration-slower: .35s;--ds-ease-in: cubic-bezier(.4, 0, 1, 1);--ds-ease-out: cubic-bezier(0, 0, .2, 1);--ds-ease-in-out: cubic-bezier(.4, 0, .2, 1);--ds-ease-spring: cubic-bezier(.34, 1.56, .64, 1)}:root,[data-theme=dark]{--ds-sidebar-bg: var(--surface-page);--ds-sidebar-text: var(--text-body);--ds-sidebar-section: var(--text-detail);--ds-bg-overlay: var(--surface-neutral-bg300);--ds-bg-muted: var(--surface-neutral-bg50);--ds-bg-subtle: var(--surface-neutral-bg100);--ds-bg-hover: var(--surface-neutral-bgtn7);--ds-bg-active: var(--surface-neutral-bg300);--ds-input-bg: var(--surface-page);--ds-card-border: var(--surface-neutral-bgtn7);--ds-card-shadow: none;--ds-table-header-bg: var(--surface-page);--ds-table-row-hover: rgba(0, 123, 255, .08);--ds-table-border: var(--surface-neutral-bgtn4);--ds-badge-bg: var(--surface-neutral-bg100);--ds-badge-text: var(--text-body);--ds-badge-select-bg: rgba(6, 182, 212, .2);--ds-badge-select-text: #22d3ee;--ds-badge-select-border: rgba(6, 182, 212, .4);--ds-badge-text-bg: rgba(0, 123, 255, .2);--ds-badge-text-text: #48cbff;--ds-badge-text-border: rgba(0, 123, 255, .4);--ds-badge-datetime-bg: rgba(245, 156, 41, .2);--ds-badge-datetime-text: #f59c29;--ds-badge-datetime-border: rgba(245, 156, 41, .4);--ds-badge-number-bg: rgba(31, 200, 112, .2);--ds-badge-number-text: #47e191;--ds-badge-number-border: rgba(31, 200, 112, .4);--ds-badge-multiselect-bg: rgba(139, 92, 246, .2);--ds-badge-multiselect-text: #a78bfa;--ds-badge-multiselect-border: rgba(139, 92, 246, .4);--ds-badge-geo-bg: rgba(236, 72, 153, .2);--ds-badge-geo-text: #f472b6;--ds-badge-geo-border: rgba(236, 72, 153, .4);--ds-badge-attachment-bg: rgba(249, 115, 22, .2);--ds-badge-attachment-text: #fb923c;--ds-badge-attachment-border: rgba(249, 115, 22, .4);--ds-json-key: #48cbff;--ds-json-string: #47e191;--ds-json-number: #f59c29;--ds-json-boolean: #f472b6;--ds-json-null: #7c8fb4;--ds-json-brace: #7c8fb4;--ds-success-soft: rgba(31, 200, 112, .15);--ds-error-soft: rgba(234, 73, 105, .15);--ds-warning-soft: rgba(239, 121, 17, .15);--ds-info-soft: rgba(0, 123, 255, .15);--ds-primary-soft: rgba(0, 123, 255, .15);--ds-gradient-primary: linear-gradient(135deg, #007bff 0%, #068fff 100%);--ds-gradient-surface: linear-gradient(180deg, #1e2127 0%, #232838 100%);--ds-gradient-page: linear-gradient(135deg, #1e2127 0%, #232838 50%, #1e2127 100%);--ds-gradient-glow: linear-gradient( 135deg, rgba(0, 123, 255, .2) 0%, rgba(6, 143, 255, .1) 100% );--ds-glow-violet: #8b5cf6;--ds-glow-violet-soft: rgba(139, 92, 246, .15);--ds-glow-cyan: #22d3ee;--ds-glow-cyan-soft: rgba(34, 211, 238, .15);--ds-glow-blue: #007bff;--ds-glow-blue-soft: rgba(0, 123, 255, .2);--ds-shadow-glow: 0 0 32px rgba(0, 123, 255, .2);--ds-overlay-light: rgba(0, 0, 0, .4);--ds-overlay-medium: rgba(0, 0, 0, .6);--ds-overlay-heavy: rgba(0, 0, 0, .8);--ds-overlay-blur: rgba(30, 33, 39, .9);--ds-scrollbar-track: var(--surface-neutral-bg50);--ds-scrollbar-thumb: var(--surface-neutral-bg300);--ds-scrollbar-thumb-hover: var(--surface-neutral-bg500);--ds-glass-bg: rgba(35, 40, 56, .6);--ds-glass-bg-strong: rgba(35, 40, 56, .75);--ds-glass-border: rgba(170, 182, 207, .1);--ds-glass-border-strong: rgba(170, 182, 207, .18);--ds-glass-blur: blur(16px);--ds-glass-shadow: 0 8px 32px rgba(0, 0, 0, .45), 0 1px 0 rgba(170, 182, 207, .06) inset;--ds-surface-border: var(--surface-neutral-bgtn4);--ds-surface-bg: var(--surface-neutral-bgtn4);--ds-row-border: rgba(245, 246, 252, .04);--ds-btn-success-bg-hover: #34d680;--ds-primary-50: #edfaff;--ds-primary-100: #d6f2ff;--ds-primary-200: #b5eaff;--ds-primary-300: #83dfff;--ds-primary-400: #48cbff;--ds-primary-500: #1eadff;--ds-primary-600: #068fff;--ds-primary-700: #007bff;--ds-primary-800: #085ec5;--ds-primary-900: #0d519b;--ds-theme-mode: dark}[data-theme=light]{--ds-sidebar-bg: var(--surface-card);--ds-sidebar-text: var(--text-body);--ds-sidebar-section: var(--text-detail);--ds-bg-overlay: var(--surface-neutral-bg200);--ds-bg-muted: var(--surface-neutral-bg50);--ds-bg-subtle: var(--surface-neutral-bg100);--ds-bg-hover: var(--surface-neutral-bg100);--ds-bg-active: var(--surface-neutral-bg200);--ds-input-bg: var(--surface-card);--ds-card-border: var(--surface-border);--ds-card-shadow: var(--shadow-xs);--ds-table-header-bg: var(--surface-neutral-bg50);--ds-table-row-hover: rgba(0, 123, 255, .05);--ds-table-border: var(--surface-neutral-bg100);--ds-badge-bg: var(--surface-neutral-bg100);--ds-badge-text: var(--text-body);--ds-badge-select-bg: #0891b2;--ds-badge-select-text: #ffffff;--ds-badge-select-border: transparent;--ds-badge-text-bg: #007bff;--ds-badge-text-text: #ffffff;--ds-badge-text-border: transparent;--ds-badge-datetime-bg: #ef7911;--ds-badge-datetime-text: #ffffff;--ds-badge-datetime-border: transparent;--ds-badge-number-bg: #1fc870;--ds-badge-number-text: #ffffff;--ds-badge-number-border: transparent;--ds-badge-multiselect-bg: #8b5cf6;--ds-badge-multiselect-text: #ffffff;--ds-badge-multiselect-border: transparent;--ds-badge-geo-bg: #ec4899;--ds-badge-geo-text: #ffffff;--ds-badge-geo-border: transparent;--ds-badge-attachment-bg: #f97316;--ds-badge-attachment-text: #ffffff;--ds-badge-attachment-border: transparent;--ds-json-key: #085ec5;--ds-json-string: #13824a;--ds-json-number: #d3580c;--ds-json-boolean: #be185d;--ds-json-null: #71717a;--ds-json-brace: #52525b;--ds-success-soft: rgba(31, 200, 112, .1);--ds-error-soft: rgba(234, 73, 105, .1);--ds-warning-soft: rgba(239, 121, 17, .1);--ds-info-soft: rgba(0, 123, 255, .1);--ds-primary-soft: rgba(0, 123, 255, .1);--ds-gradient-primary: linear-gradient(135deg, #007bff 0%, #085ec5 100%);--ds-gradient-surface: linear-gradient(180deg, #f5f6fa 0%, #ffffff 100%);--ds-gradient-page: linear-gradient(135deg, #f5f6fa 0%, #ffffff 40%, #edfaff 100%);--ds-gradient-glow: linear-gradient( 135deg, rgba(0, 123, 255, .1) 0%, rgba(6, 143, 255, .05) 100% );--ds-glow-violet: #8b5cf6;--ds-glow-violet-soft: rgba(139, 92, 246, .1);--ds-glow-cyan: #06b6d4;--ds-glow-cyan-soft: rgba(6, 182, 212, .1);--ds-glow-blue: #007bff;--ds-glow-blue-soft: rgba(0, 123, 255, .1);--ds-shadow-glow: 0 0 32px rgba(0, 123, 255, .15);--ds-overlay-light: rgba(0, 0, 0, .1);--ds-overlay-medium: rgba(0, 0, 0, .3);--ds-overlay-heavy: rgba(0, 0, 0, .5);--ds-overlay-blur: rgba(245, 246, 250, .9);--ds-scrollbar-track: var(--surface-neutral-bg50);--ds-scrollbar-thumb: var(--surface-neutral-bg200);--ds-scrollbar-thumb-hover: var(--surface-neutral-bg300);--ds-glass-bg: rgba(255, 255, 255, .75);--ds-glass-bg-strong: rgba(255, 255, 255, .92);--ds-glass-border: rgba(35, 40, 56, .1);--ds-glass-border-strong: rgba(35, 40, 56, .18);--ds-glass-blur: blur(16px);--ds-glass-shadow: 0 8px 32px rgba(0, 0, 0, .08), 0 1px 0 rgba(255, 255, 255, .8) inset;--ds-surface-border: var(--surface-border);--ds-surface-bg: rgba(0, 0, 0, .02);--ds-row-border: var(--surface-neutral-bg100);--ds-btn-success-bg-hover: #18a85c;--ds-primary-50: #edfaff;--ds-primary-100: #d6f2ff;--ds-primary-200: #b5eaff;--ds-primary-300: #83dfff;--ds-primary-400: #48cbff;--ds-primary-500: #1eadff;--ds-primary-600: #068fff;--ds-primary-700: #007bff;--ds-primary-800: #085ec5;--ds-primary-900: #0d519b;--ds-theme-mode: light}@media(prefers-color-scheme:light){[data-theme=system]{--ds-sidebar-bg: var(--surface-card);--ds-sidebar-text: var(--text-body);--ds-sidebar-section: var(--text-detail);--ds-bg-overlay: var(--surface-neutral-bg200);--ds-bg-muted: var(--surface-neutral-bg50);--ds-bg-subtle: var(--surface-neutral-bg100);--ds-bg-hover: var(--surface-neutral-bg100);--ds-bg-active: var(--surface-neutral-bg200);--ds-input-bg: var(--surface-card);--ds-card-bg: var(--surface-card);--ds-card-border: var(--surface-border);--ds-card-shadow: var(--shadow-xs);--ds-table-header-bg: var(--surface-neutral-bg50);--ds-table-row-hover: rgba(0, 123, 255, .05);--ds-table-border: var(--surface-neutral-bg100);--ds-badge-bg: var(--surface-neutral-bg100);--ds-badge-text: var(--text-body);--ds-badge-select-bg: #0891b2;--ds-badge-select-text: #ffffff;--ds-badge-text-bg: #007bff;--ds-badge-text-text: #ffffff;--ds-badge-datetime-bg: #ef7911;--ds-badge-datetime-text: #ffffff;--ds-badge-number-bg: #1fc870;--ds-badge-number-text: #ffffff;--ds-badge-multiselect-bg: #8b5cf6;--ds-badge-multiselect-text: #ffffff;--ds-badge-geo-bg: #ec4899;--ds-badge-geo-text: #ffffff;--ds-badge-attachment-bg: #f97316;--ds-badge-attachment-text: #ffffff;--ds-json-key: #085ec5;--ds-json-string: #13824a;--ds-json-number: #d3580c;--ds-json-boolean: #be185d;--ds-json-null: #71717a;--ds-json-brace: #52525b;--ds-shadow-xs: var(--shadow-xs);--ds-shadow-sm: var(--shadow-sm);--ds-shadow-md: var(--shadow-md);--ds-shadow-lg: var(--shadow-lg);--ds-shadow-xl: var(--shadow-xl);--ds-shadow-glow: 0 0 32px rgba(0, 123, 255, .15);--ds-overlay-light: rgba(0, 0, 0, .1);--ds-overlay-medium: rgba(0, 0, 0, .3);--ds-overlay-blur: rgba(245, 246, 250, .9);--ds-scrollbar-track: var(--surface-neutral-bg50);--ds-scrollbar-thumb: var(--surface-neutral-bg200);--ds-gradient-primary: linear-gradient(135deg, #007bff 0%, #085ec5 100%);--ds-gradient-page: linear-gradient(135deg, #f5f6fa 0%, #ffffff 40%, #edfaff 100%);--ds-primary-soft: rgba(0, 123, 255, .1);--ds-success-soft: rgba(31, 200, 112, .1);--ds-error-soft: rgba(234, 73, 105, .1);--ds-warning-soft: rgba(239, 121, 17, .1);--ds-info-soft: rgba(0, 123, 255, .1);--ds-surface-border: var(--surface-border);--ds-surface-bg: rgba(0, 0, 0, .02);--ds-row-border: var(--surface-neutral-bg100);--ds-surface-0: var(--surface-neutral-bg0);--ds-surface-50: var(--surface-neutral-bg50);--ds-surface-100: var(--surface-neutral-bg100);--ds-surface-200: var(--surface-neutral-bg200);--ds-btn-primary-bg: var(--button-primary-bg-enabled);--ds-btn-primary-bg-hover: var(--button-primary-bg-hovered);--ds-btn-primary-bg-disabled: var(--button-primary-bg-disabled);--ds-btn-primary-text: var(--button-primary-text-enabled);--ds-btn-secondary-bg: var(--button-secondary-bg-enabled);--ds-btn-secondary-bg-hover: var(--button-secondary-bg-hovered);--ds-btn-secondary-bg-active: var(--button-secondary-bg-activated);--ds-btn-secondary-border: var(--button-secondary-border-enabled);--ds-btn-secondary-text: var(--button-secondary-text-enabled);--ds-btn-tertiary-bg: var(--button-tertiary-bg-enabled);--ds-btn-tertiary-bg-hover: var(--button-tertiary-bg-hovered);--ds-btn-tertiary-bg-active: var(--button-tertiary-bg-activated);--ds-btn-tertiary-text: var(--button-tertiary-text-enabled);--ds-btn-tertiary-text-hover: var(--button-tertiary-text-hovered);--ds-btn-danger-bg: var(--button-primary-bg-detached);--ds-btn-danger-bg-hover: var(--button-primary-bg-detach-hovered);--ds-btn-success-bg: hsl(var(--success-500));--ds-btn-success-bg-hover: #18a85c;--ds-input-border: var(--input-primary-border-enabled);--ds-input-border-hover: var(--input-primary-border-hovered);--ds-input-border-focus: var(--input-primary-border-activated);--ds-input-border-error: var(--input-primary-border-error);--ds-input-text: var(--text-body);--ds-input-placeholder: var(--text-disabled);--ds-input-text-error: var(--popup-error-bg);--ds-input-border-disabled: var(--input-primary-border-disabled);--ds-popup-info-bg: var(--popup-info-bg);--ds-popup-success-bg: var(--popup-success-bg);--ds-popup-error-bg: var(--popup-error-bg);--ds-popup-warning-bg: var(--popup-warning-bg);--ds-text-primary: var(--text-title);--ds-text-secondary: var(--text-body);--ds-text-tertiary: var(--text-detail);--ds-text-disabled: var(--text-disabled);--ds-text-inverse: var(--text-reverse);--ds-glass-bg: rgba(255, 255, 255, .75);--ds-glass-bg-strong: rgba(255, 255, 255, .92);--ds-glass-border: rgba(35, 40, 56, .1);--ds-theme-mode: light}}@media(prefers-color-scheme:dark){[data-theme=system]{--ds-sidebar-bg: var(--surface-page);--ds-sidebar-text: var(--text-body);--ds-sidebar-section: var(--text-detail);--ds-bg-overlay: var(--surface-neutral-bg300);--ds-bg-muted: var(--surface-neutral-bg50);--ds-bg-subtle: var(--surface-neutral-bg100);--ds-bg-hover: var(--surface-neutral-bgtn7);--ds-bg-active: var(--surface-neutral-bg300);--ds-input-bg: var(--surface-page);--ds-card-border: var(--surface-neutral-bgtn7);--ds-card-shadow: none;--ds-table-header-bg: var(--surface-page);--ds-table-row-hover: rgba(0, 123, 255, .08);--ds-table-border: var(--surface-neutral-bgtn4);--ds-badge-bg: var(--surface-neutral-bg100);--ds-badge-text: var(--text-body);--ds-badge-select-bg: rgba(6, 182, 212, .2);--ds-badge-select-text: #22d3ee;--ds-badge-select-border: rgba(6, 182, 212, .4);--ds-badge-text-bg: rgba(0, 123, 255, .2);--ds-badge-text-text: #48cbff;--ds-badge-text-border: rgba(0, 123, 255, .4);--ds-badge-datetime-bg: rgba(245, 156, 41, .2);--ds-badge-datetime-text: #f59c29;--ds-badge-datetime-border: rgba(245, 156, 41, .4);--ds-badge-number-bg: rgba(31, 200, 112, .2);--ds-badge-number-text: #47e191;--ds-badge-number-border: rgba(31, 200, 112, .4);--ds-badge-multiselect-bg: rgba(139, 92, 246, .2);--ds-badge-multiselect-text: #a78bfa;--ds-badge-multiselect-border: rgba(139, 92, 246, .4);--ds-badge-geo-bg: rgba(236, 72, 153, .2);--ds-badge-geo-text: #f472b6;--ds-badge-geo-border: rgba(236, 72, 153, .4);--ds-badge-attachment-bg: rgba(249, 115, 22, .2);--ds-badge-attachment-text: #fb923c;--ds-badge-attachment-border: rgba(249, 115, 22, .4);--ds-json-key: #48cbff;--ds-json-string: #47e191;--ds-json-number: #f59c29;--ds-json-boolean: #f472b6;--ds-json-null: #7c8fb4;--ds-json-brace: #7c8fb4;--ds-success-soft: rgba(31, 200, 112, .15);--ds-error-soft: rgba(234, 73, 105, .15);--ds-warning-soft: rgba(239, 121, 17, .15);--ds-info-soft: rgba(0, 123, 255, .15);--ds-primary-soft: rgba(0, 123, 255, .15);--ds-gradient-primary: linear-gradient(135deg, #007bff 0%, #068fff 100%);--ds-gradient-surface: linear-gradient(180deg, #1e2127 0%, #232838 100%);--ds-gradient-page: linear-gradient(135deg, #1e2127 0%, #232838 50%, #1e2127 100%);--ds-gradient-glow: linear-gradient( 135deg, rgba(0, 123, 255, .2) 0%, rgba(6, 143, 255, .1) 100% );--ds-glow-violet: #8b5cf6;--ds-glow-violet-soft: rgba(139, 92, 246, .15);--ds-glow-cyan: #22d3ee;--ds-glow-cyan-soft: rgba(34, 211, 238, .15);--ds-glow-blue: #007bff;--ds-glow-blue-soft: rgba(0, 123, 255, .2);--ds-shadow-glow: 0 0 32px rgba(0, 123, 255, .2);--ds-overlay-light: rgba(0, 0, 0, .4);--ds-overlay-medium: rgba(0, 0, 0, .6);--ds-overlay-heavy: rgba(0, 0, 0, .8);--ds-overlay-blur: rgba(30, 33, 39, .9);--ds-scrollbar-track: var(--surface-neutral-bg50);--ds-scrollbar-thumb: var(--surface-neutral-bg300);--ds-scrollbar-thumb-hover: var(--surface-neutral-bg500);--ds-glass-bg: rgba(35, 40, 56, .6);--ds-glass-bg-strong: rgba(35, 40, 56, .75);--ds-glass-border: rgba(170, 182, 207, .1);--ds-glass-border-strong: rgba(170, 182, 207, .18);--ds-glass-blur: blur(16px);--ds-glass-shadow: 0 8px 32px rgba(0, 0, 0, .45), 0 1px 0 rgba(170, 182, 207, .06) inset;--ds-surface-border: var(--surface-neutral-bgtn4);--ds-surface-bg: var(--surface-neutral-bgtn4);--ds-row-border: rgba(245, 246, 252, .04);--ds-btn-success-bg-hover: #34d680;--ds-primary-50: #edfaff;--ds-primary-100: #d6f2ff;--ds-primary-200: #b5eaff;--ds-primary-300: #83dfff;--ds-primary-400: #48cbff;--ds-primary-500: #1eadff;--ds-primary-600: #068fff;--ds-primary-700: #007bff;--ds-primary-800: #085ec5;--ds-primary-900: #0d519b;--ds-theme-mode: dark}}:root{--ds-space-0: 0;--ds-space-px: 1px;--ds-space-0-5: 2px;--ds-space-1: 4px;--ds-space-1-5: 6px;--ds-space-2: 8px;--ds-space-2-5: 10px;--ds-space-3: 12px;--ds-space-3-5: 14px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-7: 28px;--ds-space-8: 32px;--ds-space-9: 36px;--ds-space-10: 40px;--ds-space-12: 48px;--ds-space-14: 56px;--ds-space-16: 64px;--ds-space-20: 80px;--ds-space-24: 96px;--ds-radius-none: 0;--ds-radius-sm: 4px;--ds-radius-md: 8px;--ds-radius-lg: 12px;--ds-radius-xl: 16px;--ds-radius-2xl: 20px;--ds-radius-3xl: 24px;--ds-radius-full: 40px;--ds-height-xs: 24px;--ds-height-sm: 32px;--ds-height-md: 40px;--ds-height-lg: 48px;--ds-height-xl: 56px;--ds-icon-xs: 12px;--ds-icon-sm: 16px;--ds-icon-md: 20px;--ds-icon-lg: 24px;--ds-icon-xl: 32px;--ds-z-base: 0;--ds-z-dropdown: 100;--ds-z-sticky: 200;--ds-z-overlay: 300;--ds-z-modal: 400;--ds-z-popover: 500;--ds-z-toast: 600;--ds-z-tooltip: 700;--ds-z-max: 9999;--ds-duration-instant: 50ms;--ds-duration-fast: .1s;--ds-duration-normal: .2s;--ds-duration-slow: .3s;--ds-duration-slower: .5s;--ds-ease-default: cubic-bezier(.4, 0, .2, 1);--ds-ease-in: cubic-bezier(.4, 0, 1, 1);--ds-ease-out: cubic-bezier(0, 0, .2, 1);--ds-ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ds-transition-colors: color var(--ds-duration-fast) var(--ds-ease-default), background-color var(--ds-duration-fast) var(--ds-ease-default), border-color var(--ds-duration-fast) var(--ds-ease-default);--ds-transition-transform: transform var(--ds-duration-fast) var(--ds-ease-default);--ds-transition-opacity: opacity var(--ds-duration-normal) var(--ds-ease-default);--ds-transition-all: all var(--ds-duration-normal) var(--ds-ease-default)}:root{--ds-font-sans: "Figtree", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ds-font-display: "Outfit", "Figtree", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ds-font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--ds-text-3xs: 9px;--ds-text-2xs: 10px;--ds-text-xs: 11px;--ds-text-sm: 13px;--ds-text-base: 14px;--ds-text-md: 15px;--ds-text-lg: 16px;--ds-text-xl: 18px;--ds-text-2xl: 22px;--ds-text-3xl: 26px;--ds-text-4xl: 32px;--ds-text-5xl: 40px;--ds-text-input: 13.5px;--ds-leading-none: 1;--ds-leading-tight: 1.2;--ds-leading-snug: 1.35;--ds-leading-normal: 1.5;--ds-leading-relaxed: 1.65;--ds-weight-normal: 400;--ds-weight-medium: 500;--ds-weight-semibold: 600;--ds-weight-bold: 700;--ds-tracking-tighter: -.03em;--ds-tracking-tight: -.02em;--ds-tracking-normal: 0;--ds-tracking-wide: .02em;--ds-tracking-wider: .05em;--ds-tracking-widest: .1em}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--ds-font-sans);font-size:var(--ds-text-base);line-height:var(--ds-leading-normal);color:var(--ds-text-primary);background:var(--ds-bg-base)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea,select{font:inherit;color:inherit;background:none;border:none}input:focus,textarea:focus,select:focus,button:focus{outline:none}ul,ol{list-style:none}a{color:inherit;text-decoration:none}img,video,svg{display:block;max-width:100%}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}body{background:var(--ds-surface-0);min-height:100vh;transition:background-color .3s ease,color .3s ease}*,*:before,*:after{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}input,textarea,select,button,a{transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease,opacity .15s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--ds-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--ds-scrollbar-thumb);border-radius:var(--ds-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--ds-scrollbar-thumb-hover)}::selection{background:var(--ds-primary-500);color:#fff}:focus-visible{outline:2px solid var(--ds-primary-500);outline-offset:2px}html{scroll-behavior:smooth;color-scheme:var(--ds-theme-mode)}code,pre{font-family:var(--ds-font-mono);font-size:var(--ds-text-sm)}pre{background:var(--ds-bg-base);border:1px solid var(--ds-border-subtle);border-radius:var(--ds-radius-md);padding:var(--ds-space-4);overflow-x:auto}code{background:var(--ds-bg-muted);padding:var(--ds-space-0-5) var(--ds-space-1-5);border-radius:var(--ds-radius-sm)}pre code{background:none;padding:0}.ds-error-flash{animation:ds-error-pulse 1s ease-out}@keyframes ds-error-pulse{0%,to{background-color:transparent}30%,70%{background-color:color-mix(in srgb,var(--ds-error-500, #ea4969) 15%,transparent)}}@media(prefers-reduced-motion:reduce){.ds-error-flash{animation:none}}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-1-5);height:var(--ds-height-sm);padding:0 var(--ds-space-3);font-family:var(--ds-font-sans);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium);line-height:1;white-space:nowrap;border-radius:var(--ds-btn-radius);border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--ds-transition-all)}.ds-btn:disabled{cursor:not-allowed;pointer-events:none;background:var(--ds-btn-primary-bg-disabled);background-image:none;color:var(--ds-btn-primary-text-disabled);border-color:var(--ds-btn-secondary-border-disabled)}.ds-btn:focus-visible{outline:2px solid var(--ds-border-focus);outline-offset:2px}.ds-btn svg{width:var(--ds-icon-sm);height:var(--ds-icon-sm);flex-shrink:0}.ds-btn-primary{background:var(--ds-btn-primary-bg);color:var(--ds-btn-primary-text)}.ds-btn-primary:hover{background:var(--ds-btn-primary-bg-hover);box-shadow:var(--ds-shadow-md)}.ds-btn-primary:active{background:var(--ds-btn-primary-bg-active);transform:translateY(0)}.ds-btn-secondary{background:var(--ds-btn-secondary-bg);color:var(--ds-btn-secondary-text);border-color:var(--ds-btn-secondary-border)}.ds-btn-secondary:hover{background:var(--ds-btn-secondary-bg-hover);color:var(--ds-btn-secondary-text-hover);border-color:var(--ds-btn-secondary-border-hover)}.ds-btn-secondary:active{background:var(--ds-btn-secondary-bg-active)}.ds-btn-ghost{background:transparent;color:var(--ds-text-secondary)}.ds-btn-ghost:hover{background:var(--ds-bg-muted);color:var(--ds-text-primary)}.ds-btn-ghost:active{background:var(--ds-bg-subtle)}.ds-btn-danger{background:var(--ds-btn-danger-bg);color:var(--ds-btn-primary-text)}.ds-btn-danger:hover{background:var(--ds-btn-danger-bg-hover);transform:translateY(-1px)}.ds-btn-success{background:var(--ds-btn-success-bg);color:var(--ds-btn-primary-text)}.ds-btn-success:hover{background:var(--ds-btn-success-bg-hover);transform:translateY(-1px)}.ds-btn-outline{background:transparent;color:var(--ds-btn-secondary-text);border-color:var(--ds-btn-secondary-border)}.ds-btn-outline:hover{background:var(--ds-btn-secondary-bg-hover)}.ds-btn-tertiary{background:var(--ds-btn-tertiary-bg);color:var(--ds-btn-tertiary-text);border:none}.ds-btn-tertiary:hover{background:var(--ds-btn-tertiary-bg-hover);color:var(--ds-btn-tertiary-text-hover)}.ds-btn-tertiary:active{background:var(--ds-btn-tertiary-bg-active)}.ds-btn-xs{height:var(--ds-height-xs);padding:0 var(--ds-space-2);font-size:var(--ds-text-xs);border-radius:var(--ds-radius-md)}.ds-btn-sm{height:var(--ds-height-sm);padding:0 var(--ds-space-3);font-size:var(--ds-text-sm)}.ds-btn-lg{height:var(--ds-height-lg);padding:0 var(--ds-space-6);font-size:var(--ds-text-md);border-radius:var(--ds-radius-xl)}.ds-btn-xl{height:var(--ds-height-xl);padding:0 var(--ds-space-8);font-size:var(--ds-text-lg);border-radius:var(--ds-radius-xl)}.ds-btn-icon{width:var(--ds-height-md);padding:0}.ds-btn-icon.ds-btn-xs{width:var(--ds-height-xs)}.ds-btn-icon.ds-btn-sm{width:var(--ds-height-sm)}.ds-btn-icon.ds-btn-lg{width:var(--ds-height-lg)}.ds-btn-full{width:100%}.ds-btn-loading{position:relative;color:transparent!important;pointer-events:none}.ds-btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:ds-spin .6s linear infinite}.ds-btn-primary.ds-btn-loading:after,.ds-btn-danger.ds-btn-loading:after,.ds-btn-success.ds-btn-loading:after{border-top-color:var(--ds-btn-primary-text)}.ds-btn-group{display:inline-flex}.ds-btn-group .ds-btn{border-radius:0}.ds-btn-group .ds-btn:first-child{border-top-left-radius:var(--ds-radius-lg);border-bottom-left-radius:var(--ds-radius-lg)}.ds-btn-group .ds-btn:last-child{border-top-right-radius:var(--ds-radius-lg);border-bottom-right-radius:var(--ds-radius-lg)}.ds-btn-group .ds-btn:not(:last-child){border-right-color:transparent}[data-theme=light] .ds-btn-outline{color:var(--ds-btn-secondary-text);border-color:var(--ds-btn-secondary-border)}.ds-input{display:block;width:100%;height:var(--ds-height-sm);padding:0 var(--ds-space-2-5);font-family:var(--ds-font-sans);font-size:var(--ds-text-xs);color:var(--ds-input-text);background:var(--ds-input-bg);border:1px solid var(--ds-input-border);border-radius:var(--ds-input-radius);transition:var(--ds-transition-all)}.ds-input::placeholder{color:var(--ds-input-placeholder)}.ds-input:hover{border-color:var(--ds-input-border-hover)}.ds-input:focus{border-color:var(--ds-input-border-focus);box-shadow:0 0 0 3px var(--ds-glow-blue-soft)}.ds-input:disabled{opacity:.7;cursor:not-allowed;background:var(--ds-bg-muted);color:var(--ds-input-text-disabled);border-color:var(--ds-input-border-disabled)}.ds-input-error{border-color:var(--ds-input-border-error)}.ds-input-error:focus{border-color:var(--ds-error-500);box-shadow:0 0 0 3px #f43f5e26}.ds-input-success{border-color:var(--ds-success-500)}.ds-input-success:focus{border-color:var(--ds-success-500);box-shadow:0 0 0 3px #10b98126}.ds-input-sm{height:var(--ds-height-sm);font-size:var(--ds-text-xs);padding:0 var(--ds-space-2-5)}.ds-input-lg{height:var(--ds-height-lg);font-size:var(--ds-text-md);padding:0 var(--ds-space-4)}.ds-textarea{height:auto;min-height:70px;padding:var(--ds-space-2);resize:vertical;line-height:var(--ds-leading-normal)}.ds-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='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--ds-space-3) center;padding-right:var(--ds-space-10);cursor:pointer}.ds-select:hover{background-color:var(--ds-bg-surface)}.ds-input-group{display:flex;align-items:stretch}.ds-input-group .ds-input{border-radius:0}.ds-input-group .ds-input:first-child{border-top-left-radius:var(--ds-radius-lg);border-bottom-left-radius:var(--ds-radius-lg)}.ds-input-group .ds-input:last-child{border-top-right-radius:var(--ds-radius-lg);border-bottom-right-radius:var(--ds-radius-lg)}.ds-input-addon{display:flex;align-items:center;padding:0 var(--ds-space-3);background:var(--ds-bg-muted);border:1px solid var(--ds-border-default);color:var(--ds-text-tertiary);font-size:var(--ds-text-sm)}.ds-input-addon:first-child{border-right:none;border-top-left-radius:var(--ds-radius-lg);border-bottom-left-radius:var(--ds-radius-lg)}.ds-input-addon:last-child{border-left:none;border-top-right-radius:var(--ds-radius-lg);border-bottom-right-radius:var(--ds-radius-lg)}.ds-field{display:flex;flex-direction:column;gap:var(--ds-space-1-5)}.ds-label{font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);color:var(--ds-text-secondary)}.ds-label-required:after{content:" *";color:var(--ds-error-400)}.ds-field-hint{font-size:var(--ds-text-xs);color:var(--ds-text-tertiary)}.ds-field-error{font-size:var(--ds-text-xs);color:var(--ds-error-400)}.ds-checkbox,.ds-radio{display:inline-flex;align-items:center;gap:var(--ds-space-2);cursor:pointer;-webkit-user-select:none;user-select:none}.ds-checkbox input,.ds-radio input{appearance:none;width:18px;height:18px;border:1px solid var(--ds-border-strong);background:var(--ds-bg-elevated);cursor:pointer;transition:var(--ds-transition-all)}.ds-checkbox input{border-radius:var(--ds-radius-sm)}.ds-radio input{border-radius:var(--ds-radius-full)}.ds-checkbox input:hover,.ds-radio input:hover{border-color:var(--ds-input-border-hover)}.ds-checkbox input:checked,.ds-radio input:checked{background:var(--ds-btn-primary-bg);border-color:var(--ds-btn-primary-bg)}.ds-checkbox input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.ds-radio input:checked{background-image:url("data:image/svg+xml,%3Ccircle xmlns='http://www.w3.org/2000/svg' cx='12' cy='12' r='4' fill='white'/%3E");background-repeat:no-repeat;background-position:center}.ds-switch{display:inline-flex;align-items:center;gap:var(--ds-space-2);cursor:pointer}.ds-switch input{appearance:none;width:40px;height:22px;border-radius:var(--ds-radius-full);background:var(--ds-bg-subtle);cursor:pointer;transition:var(--ds-transition-all);position:relative}.ds-switch input:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:var(--ds-radius-full);background:#fff;box-shadow:var(--ds-shadow-sm);transition:var(--ds-transition-transform)}.ds-switch input:checked{background:var(--ds-btn-primary-bg)}.ds-switch input:checked:before{transform:translate(18px)}.ds-switch input:focus-visible{outline:2px solid var(--ds-input-border-hover);outline-offset:2px}:root .ds-switch input:not(:checked),[data-theme=dark] .ds-switch input:not(:checked){background:var(--ds-border-strong)}[data-theme=light] .ds-switch input:not(:checked){background:var(--ds-bg-subtle)}.ds-badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-1);height:22px;padding:0 var(--ds-space-2-5);font-family:var(--ds-font-display);font-size:10px;font-weight:var(--ds-weight-semibold);line-height:1;white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;border-radius:var(--ds-radius-md);border:1px solid transparent;transition:var(--ds-transition-all)}.ds-badge svg{width:12px;height:12px;flex-shrink:0}.ds-badge-default{background:linear-gradient(135deg,#64748b1f,#47556914);color:var(--ds-slate-400);border-color:#64748b26}.ds-badge-primary{background:linear-gradient(135deg,#6366f133,#4f46e526);color:#a5b4fc;border-color:#6366f14d}.ds-badge-success{background:linear-gradient(135deg,#10b98133,#05966926);color:#6ee7b7;border-color:#10b9814d}.ds-badge-warning{background:linear-gradient(135deg,#f59e0b33,#d9770626);color:#fcd34d;border-color:#f59e0b4d}.ds-badge-error{background:linear-gradient(135deg,#f43f5e33,#e11d4826);color:#fda4af;border-color:#f43f5e4d}.ds-badge-info{background:linear-gradient(135deg,#0ea5e933,#0284c726);color:#7dd3fc;border-color:#0ea5e94d}.ds-badge-select{background:var(--ds-badge-select-bg);color:var(--ds-badge-select-text);border-color:transparent}.ds-badge-multiselect{background:var(--ds-badge-multiselect-bg);color:var(--ds-badge-multiselect-text);border-color:transparent}.ds-badge-datetime{background:var(--ds-badge-datetime-bg);color:var(--ds-badge-datetime-text);border-color:transparent}.ds-badge-text,.ds-badge-textarea{background:var(--ds-badge-text-bg);color:var(--ds-badge-text-text);border-color:transparent}.ds-badge-number{background:var(--ds-badge-number-bg);color:var(--ds-badge-number-text);border-color:transparent}.ds-badge-geo{background:var(--ds-badge-geo-bg);color:var(--ds-badge-geo-text);border-color:transparent}.ds-badge-attachment{background:var(--ds-badge-attachment-bg);color:var(--ds-badge-attachment-text);border-color:transparent}.ds-badge-date,.ds-badge-time{background:var(--ds-badge-datetime-bg);color:var(--ds-badge-datetime-text);border-color:transparent}.ds-badge-published{background:linear-gradient(135deg,#10b98133,#0596691f);color:#34d399;border-color:#10b9814d}.ds-badge-draft{background:linear-gradient(135deg,#64748b26,#4755691a);color:#94a3b8;border-color:#64748b33}.ds-badge-ready_to_test{background:linear-gradient(135deg,#fbbf2433,#f59e0b1f);color:#fbbf24;border-color:#fbbf244d}.ds-badge-sm{height:18px;padding:0 var(--ds-space-1-5);font-size:var(--ds-text-2xs)}.ds-badge-lg{height:28px;padding:0 var(--ds-space-3);font-size:var(--ds-text-sm)}.ds-badge-dot{padding-left:var(--ds-space-1-5)}.ds-badge-dot:before{content:"";width:6px;height:6px;border-radius:var(--ds-radius-full);background:currentColor;flex-shrink:0}.ds-badge-outline{background:transparent;border:1px solid currentColor}.ds-badge-pill{border-radius:var(--ds-radius-full);padding:0 var(--ds-space-2-5)}.ds-badge-status{padding-left:var(--ds-space-1-5)}.ds-badge-status:before{content:"";width:8px;height:8px;border-radius:var(--ds-radius-full);background:currentColor;flex-shrink:0}.ds-badge-status-live:before{animation:ds-pulse 2s infinite}@keyframes ds-pulse{0%,to{opacity:1}50%{opacity:.5}}.ds-badge-counter{min-width:20px;height:20px;padding:0 var(--ds-space-1-5);border-radius:var(--ds-radius-full);font-size:var(--ds-text-2xs);font-weight:var(--ds-weight-semibold);background:var(--ds-btn-primary-bg);color:#fff;justify-content:center}.ds-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-4);animation:ds-banner-enter var(--ds-duration-normal) var(--ds-ease-out);box-shadow:var(--ds-shadow-md)}@keyframes ds-banner-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ds-banner--warning{background:linear-gradient(135deg,var(--ds-warning-100) 0%,var(--ds-warning-50) 100%);border:1px solid var(--ds-warning-300);color:var(--ds-warning-600)}.ds-banner--info{background:linear-gradient(135deg,var(--ds-info-100) 0%,var(--ds-info-50) 100%);border:1px solid var(--ds-info-300);color:var(--ds-info-600)}.ds-banner--error{background:linear-gradient(135deg,var(--ds-error-100) 0%,var(--ds-error-50) 100%);border:1px solid var(--ds-error-300);color:var(--ds-error-600)}.ds-banner--success{background:linear-gradient(135deg,var(--ds-success-100) 0%,var(--ds-success-50) 100%);border:1px solid var(--ds-success-300);color:var(--ds-success-600)}.ds-banner__content{display:flex;align-items:center;gap:var(--ds-space-3);flex:1;min-width:0}.ds-banner__icon{flex-shrink:0;width:var(--ds-icon-md);height:var(--ds-icon-md)}.ds-banner--warning .ds-banner__icon{color:var(--ds-warning-500)}.ds-banner--info .ds-banner__icon{color:var(--ds-info-500)}.ds-banner--error .ds-banner__icon{color:var(--ds-error-500)}.ds-banner--success .ds-banner__icon{color:var(--ds-success-500)}.ds-banner__text{display:flex;flex-direction:column;gap:var(--ds-space-0-5);min-width:0}.ds-banner__title{font-weight:600;font-size:var(--ds-text-sm);line-height:var(--ds-leading-snug)}.ds-banner__message{font-size:var(--ds-text-xs);line-height:var(--ds-leading-normal);opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768px){.ds-banner__message{white-space:normal}}.ds-banner__actions{display:flex;align-items:center;gap:var(--ds-space-2);flex-shrink:0}.ds-banner__btn{display:inline-flex;align-items:center;gap:var(--ds-space-1-5);padding:var(--ds-space-1-5) var(--ds-space-3);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-xs);font-weight:500;cursor:pointer;transition:var(--ds-transition-colors);border:none;white-space:nowrap}.ds-banner__btn--primary{background:var(--ds-bg-primary);color:var(--ds-text-secondary);border:1px solid var(--ds-border-default)}.ds-banner__btn--primary:hover{background:var(--ds-bg-secondary);border-color:var(--ds-border-strong);color:var(--ds-text-primary)}.ds-banner__btn--secondary{background:transparent;color:inherit;text-decoration:underline;text-underline-offset:2px;padding:var(--ds-space-1-5) var(--ds-space-2);opacity:.8}.ds-banner__btn--secondary:hover{opacity:1}.ds-banner__btn--dismiss{background:transparent;color:inherit;opacity:.6;padding:var(--ds-space-1);border-radius:var(--ds-radius-sm)}.ds-banner__btn--dismiss:hover{opacity:1;background:#0000000d}@media(max-width:640px){.ds-banner{flex-direction:column;align-items:flex-start;gap:var(--ds-space-3)}.ds-banner__actions{width:100%;justify-content:flex-end}.ds-banner__btn--secondary span{display:none}.ds-banner__btn--secondary:after{content:"Continue"}}.ds-banner--dismissing{animation:ds-banner-exit var(--ds-duration-fast) var(--ds-ease-in) forwards}@keyframes ds-banner-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.ds-card{background:var(--ds-surface-0);border:1px solid var(--ds-card-border);border-radius:var(--ds-radius-lg);overflow:hidden;transition:var(--ds-transition-all)}.ds-card-elevated{box-shadow:var(--ds-card-shadow)}.ds-card-interactive{cursor:pointer}.ds-card-interactive:hover{border-color:var(--ds-border-strong);background:var(--ds-bg-hover);transform:translateY(-2px);box-shadow:var(--ds-shadow-lg)}.ds-card-interactive:active{transform:translateY(0)}.ds-card-ghost{background:transparent;border-color:var(--ds-border-default)}.ds-card-glow{background:var(--ds-gradient-glow);border-color:#3b82f64d}.ds-card-glow:hover{box-shadow:var(--ds-shadow-glow)}.ds-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);border-bottom:1px solid var(--ds-border-default)}.ds-card-title{font-size:var(--ds-text-sm);font-weight:var(--ds-weight-semibold);color:var(--ds-text-primary);margin:0}.ds-card-subtitle{font-size:var(--ds-text-xs);color:var(--ds-text-tertiary);margin-top:2px}.ds-card-body{padding:var(--ds-space-4)}.ds-card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-4);border-top:1px solid var(--ds-border-default);background:var(--ds-surface-50)}.ds-card-compact .ds-card-header,.ds-card-compact .ds-card-body,.ds-card-compact .ds-card-footer{padding:var(--ds-space-3) var(--ds-space-4)}.ds-card-spacious .ds-card-header,.ds-card-spacious .ds-card-body,.ds-card-spacious .ds-card-footer{padding:var(--ds-space-6) var(--ds-space-8)}.ds-card-selected{border-color:var(--ds-primary-500);box-shadow:0 0 0 1px var(--ds-primary-500)}.ds-card-error{border-color:var(--ds-error-500)}.ds-card-success{border-color:var(--ds-success-500)}.ds-card-inline{display:flex;align-items:center}.ds-card-inline .ds-card-body{flex:1;border-bottom:none}.ds-card-inline .ds-card-header{border-bottom:none;border-right:1px solid var(--ds-border-subtle)}.ds-modal-overlay{position:fixed;inset:0;z-index:var(--ds-z-modal);display:flex;align-items:center;justify-content:center;padding:var(--ds-space-6);background:var(--ds-overlay-blur);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:ds-fade-in var(--ds-duration-normal) var(--ds-ease-out)}@keyframes ds-fade-in{0%{opacity:0}to{opacity:1}}.ds-modal{position:relative;width:100%;max-width:480px;max-height:calc(100vh - var(--ds-space-12));display:flex;flex-direction:column;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-subtle);border-radius:var(--ds-radius-2xl);box-shadow:var(--ds-shadow-xl);animation:ds-modal-enter var(--ds-duration-normal) var(--ds-ease-out)}@keyframes ds-modal-enter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.ds-modal-sm{max-width:360px}.ds-modal-md{max-width:480px}.ds-modal-lg{max-width:640px}.ds-modal-xl{max-width:800px}.ds-modal-full{max-width:calc(100vw - var(--ds-space-12))}.ds-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);padding:var(--ds-space-5) var(--ds-space-6);border-bottom:1px solid var(--ds-border-subtle);flex-shrink:0}.ds-modal-title{font-size:var(--ds-text-lg);font-weight:var(--ds-weight-semibold);color:var(--ds-text-primary);margin:0}.ds-modal-description{font-size:var(--ds-text-sm);color:var(--ds-text-tertiary);margin-top:var(--ds-space-1)}.ds-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--ds-radius-md);color:var(--ds-text-tertiary);transition:var(--ds-transition-colors)}.ds-modal-close:hover{background:var(--ds-bg-muted);color:var(--ds-text-primary)}.ds-modal-close svg{width:18px;height:18px}.ds-modal-body{flex:1;padding:var(--ds-space-6);overflow-y:auto}.ds-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ds-space-3);padding:var(--ds-space-4) var(--ds-space-6);border-top:1px solid var(--ds-border-subtle);background:var(--ds-surface-50);border-radius:0 0 var(--ds-radius-2xl) var(--ds-radius-2xl);flex-shrink:0}.ds-modal-footer-between{justify-content:space-between}.ds-modal-footer-start{justify-content:flex-start}.ds-modal-centered .ds-modal-body{text-align:center}.ds-modal-alert .ds-modal-header{border-bottom:none;padding-bottom:0}.ds-modal-alert .ds-modal-body{padding-top:var(--ds-space-2)}.ds-modal-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--ds-radius-lg);margin:0 auto var(--ds-space-4)}.ds-modal-icon-success{background:#10b98126;color:var(--ds-success-400)}.ds-modal-icon-error{background:#f43f5e26;color:var(--ds-error-400)}.ds-modal-icon-warning{background:#f59e0b26;color:var(--ds-warning-400)}.ds-modal-icon-info{background:#6366f126;color:var(--ds-primary-400)}.ds-modal-icon svg{width:24px;height:24px}.ds-drawer-overlay{position:fixed;inset:0;z-index:var(--ds-z-modal);background:var(--ds-overlay-blur);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ds-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:400px;z-index:calc(var(--ds-z-modal) + 1);display:flex;flex-direction:column;background:var(--ds-surface-100);border-left:1px solid var(--ds-border-subtle);box-shadow:var(--ds-shadow-xl);animation:ds-drawer-enter var(--ds-duration-slow) var(--ds-ease-out)}@keyframes ds-drawer-enter{0%{transform:translate(100%)}to{transform:translate(0)}}[data-theme=light] .ds-modal-icon-info{color:var(--ds-primary-700)}.ds-tooltip{position:relative;display:inline-flex}.ds-tooltip-content{position:absolute;z-index:var(--ds-z-tooltip);padding:var(--ds-space-2) var(--ds-space-3);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium);color:var(--ds-text-primary);white-space:nowrap;background:var(--ds-bg-overlay);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-lg);opacity:0;pointer-events:none;transition:opacity var(--ds-duration-fast) var(--ds-ease-default),transform var(--ds-duration-fast) var(--ds-ease-default)}.ds-tooltip:hover .ds-tooltip-content{opacity:1;pointer-events:auto}.ds-tooltip-top .ds-tooltip-content{bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px)}.ds-tooltip-top:hover .ds-tooltip-content{transform:translate(-50%) translateY(0)}.ds-tooltip-bottom .ds-tooltip-content{top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px)}.ds-tooltip-bottom:hover .ds-tooltip-content{transform:translate(-50%) translateY(0)}.ds-tooltip-left .ds-tooltip-content{right:calc(100% + 8px);top:50%;transform:translateY(-50%) translate(4px)}.ds-tooltip-left:hover .ds-tooltip-content{transform:translateY(-50%) translate(0)}.ds-tooltip-right .ds-tooltip-content{left:calc(100% + 8px);top:50%;transform:translateY(-50%) translate(-4px)}.ds-tooltip-right:hover .ds-tooltip-content{transform:translateY(-50%) translate(0)}.ds-tooltip-arrow .ds-tooltip-content:after{content:"";position:absolute;width:8px;height:8px;background:var(--ds-bg-overlay);border:1px solid var(--ds-border-default);transform:rotate(45deg)}.ds-tooltip-arrow.ds-tooltip-top .ds-tooltip-content:after{bottom:-5px;left:50%;margin-left:-4px;border-top:none;border-left:none}.ds-tooltip-arrow.ds-tooltip-bottom .ds-tooltip-content:after{top:-5px;left:50%;margin-left:-4px;border-bottom:none;border-right:none}.ds-tooltip-arrow.ds-tooltip-left .ds-tooltip-content:after{right:-5px;top:50%;margin-top:-4px;border-bottom:none;border-left:none}.ds-tooltip-arrow.ds-tooltip-right .ds-tooltip-content:after{left:-5px;top:50%;margin-top:-4px;border-top:none;border-right:none}.ds-tooltip-dark .ds-tooltip-content{background:var(--ds-text-primary);color:var(--ds-bg-base);border-color:transparent}.ds-tooltip-error .ds-tooltip-content{background:var(--ds-error-600);color:#fff;border-color:transparent}.ds-tooltip-success .ds-tooltip-content{background:var(--ds-success-600);color:#fff;border-color:transparent}.ds-tooltip-multiline .ds-tooltip-content{white-space:normal;max-width:240px;text-align:center;line-height:var(--ds-leading-snug)}.ds-tooltip-kbd{display:inline-flex;gap:var(--ds-space-1);margin-left:var(--ds-space-2)}.ds-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--ds-space-1);font-family:var(--ds-font-sans);font-size:var(--ds-text-2xs);font-weight:var(--ds-weight-medium);background:var(--ds-bg-subtle);border-radius:var(--ds-radius-sm);color:var(--ds-text-secondary)}.ds-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--ds-border-default);border-top-color:var(--ds-btn-primary-bg);border-radius:50%;animation:ds-spin .6s linear infinite}.ds-spinner-xs{width:12px;height:12px;border-width:1.5px}.ds-spinner-sm{width:16px;height:16px;border-width:2px}.ds-spinner-md{width:24px;height:24px;border-width:2px}.ds-spinner-lg{width:32px;height:32px;border-width:3px}.ds-spinner-xl{width:48px;height:48px;border-width:3px}.ds-spinner-white{border-color:#fff3;border-top-color:#fff}.ds-spinner-success{border-top-color:var(--ds-success-500)}.ds-spinner-error{border-top-color:var(--ds-error-500)}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-dots{display:inline-flex;gap:var(--ds-space-1)}.ds-dots span{width:6px;height:6px;border-radius:50%;background:var(--ds-btn-primary-bg);animation:ds-bounce .6s infinite alternate}.ds-dots span:nth-child(2){animation-delay:.2s}.ds-dots span:nth-child(3){animation-delay:.4s}@keyframes ds-bounce{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.ds-skeleton{background:linear-gradient(90deg,var(--ds-bg-muted) 25%,var(--ds-bg-subtle) 50%,var(--ds-bg-muted) 75%);background-size:200% 100%;animation:ds-shimmer 1.5s infinite;border-radius:var(--ds-radius-md)}.ds-skeleton-text{height:14px;width:100%}.ds-skeleton-title{height:20px;width:60%}.ds-skeleton-avatar{width:40px;height:40px;border-radius:50%}.ds-skeleton-button{height:var(--ds-height-md);width:100px;border-radius:var(--ds-radius-lg)}.ds-skeleton-card{height:120px;border-radius:var(--ds-radius-xl)}@keyframes ds-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ds-progress{width:100%;height:6px;background:var(--ds-bg-muted);border-radius:var(--ds-radius-full);overflow:hidden}.ds-progress-bar{height:100%;background:var(--ds-btn-primary-bg);border-radius:var(--ds-radius-full);transition:width var(--ds-duration-slow) var(--ds-ease-out)}.ds-progress-indeterminate .ds-progress-bar{width:40%;animation:ds-progress-slide 1s infinite}@keyframes ds-progress-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.ds-progress-sm{height:4px}.ds-progress-lg{height:8px}.ds-progress-success .ds-progress-bar{background:var(--ds-gradient-success)}.ds-progress-error .ds-progress-bar{background:linear-gradient(135deg,var(--ds-error-500) 0%,var(--ds-error-600) 100%)}.ds-page-loader{position:fixed;inset:0;z-index:var(--ds-z-overlay);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ds-space-4);background:var(--ds-overlay-blur);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ds-page-loader-text{font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.ds-pulse{animation:ds-pulse-anim 2s infinite}@keyframes ds-pulse-anim{0%,to{opacity:1}50%{opacity:.5}}.ds-toast-container{position:fixed;bottom:var(--ds-space-6);right:var(--ds-space-6);z-index:var(--ds-z-toast);display:flex;flex-direction:column;gap:var(--ds-space-3);pointer-events:none}.ds-toast{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);min-width:280px;max-width:400px;background:var(--ds-bg-overlay);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-lg);pointer-events:auto;animation:ds-toast-enter var(--ds-duration-normal) var(--ds-ease-out)}@keyframes ds-toast-enter{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.ds-toast-icon{flex-shrink:0;width:20px;height:20px}.ds-toast-icon svg{width:100%;height:100%}.ds-toast-message{flex:1;font-size:var(--ds-text-sm);color:var(--ds-text-primary);line-height:var(--ds-leading-snug)}.ds-toast-close{flex-shrink:0;width:20px;height:20px;padding:0;color:var(--ds-text-muted);transition:var(--ds-transition-colors)}.ds-toast-close:hover{color:var(--ds-text-primary)}.ds-toast-close svg{width:100%;height:100%}.ds-toast-success{border-color:#10b9814d;background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,var(--ds-bg-overlay) 100%)}.ds-toast-success .ds-toast-icon{color:var(--ds-success-400)}.ds-toast-error{border-color:#f43f5e4d;background:linear-gradient(135deg,rgba(244,63,94,.1) 0%,var(--ds-bg-overlay) 100%)}.ds-toast-error .ds-toast-icon{color:var(--ds-error-400)}.ds-toast-warning{border-color:#f59e0b4d;background:linear-gradient(135deg,rgba(245,158,11,.1) 0%,var(--ds-bg-overlay) 100%)}.ds-toast-warning .ds-toast-icon{color:var(--ds-warning-400)}.ds-toast-info{border-color:#6366f14d;background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,var(--ds-bg-overlay) 100%)}.ds-toast-info .ds-toast-icon{color:var(--ds-primary-400)}[data-theme=light] .ds-toast-info .ds-toast-icon{color:var(--ds-primary-700)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-default);background:transparent;color:var(--ds-text-tertiary);cursor:pointer;transition:all .15s ease}.theme-toggle:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary);border-color:var(--ds-border-strong)}.theme-toggle__icon{display:flex;align-items:center;justify-content:center}.theme-toggle__icon svg{width:14px;height:14px}.theme-toggle-animated{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--ds-radius-full);border:1px solid var(--ds-border-default);background:var(--ds-bg-elevated);cursor:pointer;overflow:hidden;transition:all .2s ease}.theme-toggle-animated:hover{background:var(--ds-bg-muted);border-color:var(--ds-border-strong);box-shadow:0 0 16px var(--ds-glow-blue-soft)}.theme-toggle-animated__sun,.theme-toggle-animated__moon{position:absolute;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.theme-toggle-animated--dark .theme-toggle-animated__sun{transform:translateY(0) rotate(0);opacity:1;color:var(--ds-warning-400)}.theme-toggle-animated--dark .theme-toggle-animated__moon{transform:translateY(40px) rotate(90deg);opacity:0;color:var(--ds-primary-400)}.theme-toggle-animated--light .theme-toggle-animated__sun{transform:translateY(-40px) rotate(-90deg);opacity:0;color:var(--ds-warning-400)}.theme-toggle-animated--light .theme-toggle-animated__moon{transform:translateY(0) rotate(0);opacity:1;color:var(--ds-primary-500)}.theme-toggle-animated:hover .theme-toggle-animated__sun,.theme-toggle-animated:hover .theme-toggle-animated__moon{transform:scale(1.1)}.theme-toggle-animated--dark:hover .theme-toggle-animated__sun{transform:rotate(15deg) scale(1.1)}.theme-toggle-animated--light:hover .theme-toggle-animated__moon{transform:rotate(-15deg) scale(1.1)}[data-theme=light] .theme-toggle-animated--light .theme-toggle-animated__moon{color:var(--ds-primary-700)}.ds-flex{display:flex}.ds-inline-flex{display:inline-flex}.ds-grid{display:grid}.ds-hidden{display:none}.ds-block{display:block}.ds-flex-row{flex-direction:row}.ds-flex-col{flex-direction:column}.ds-flex-wrap{flex-wrap:wrap}.ds-flex-nowrap{flex-wrap:nowrap}.ds-justify-start{justify-content:flex-start}.ds-justify-end{justify-content:flex-end}.ds-justify-center{justify-content:center}.ds-justify-between{justify-content:space-between}.ds-items-start{align-items:flex-start}.ds-items-end{align-items:flex-end}.ds-items-center{align-items:center}.ds-items-stretch{align-items:stretch}.ds-gap-0{gap:0}.ds-gap-1{gap:var(--ds-space-1)}.ds-gap-2{gap:var(--ds-space-2)}.ds-gap-3{gap:var(--ds-space-3)}.ds-gap-4{gap:var(--ds-space-4)}.ds-gap-5{gap:var(--ds-space-5)}.ds-gap-6{gap:var(--ds-space-6)}.ds-gap-8{gap:var(--ds-space-8)}.ds-p-0{padding:0}.ds-p-1{padding:var(--ds-space-1)}.ds-p-2{padding:var(--ds-space-2)}.ds-p-3{padding:var(--ds-space-3)}.ds-p-4{padding:var(--ds-space-4)}.ds-p-5{padding:var(--ds-space-5)}.ds-p-6{padding:var(--ds-space-6)}.ds-p-8{padding:var(--ds-space-8)}.ds-px-2{padding-left:var(--ds-space-2);padding-right:var(--ds-space-2)}.ds-px-3{padding-left:var(--ds-space-3);padding-right:var(--ds-space-3)}.ds-px-4{padding-left:var(--ds-space-4);padding-right:var(--ds-space-4)}.ds-px-6{padding-left:var(--ds-space-6);padding-right:var(--ds-space-6)}.ds-py-2{padding-top:var(--ds-space-2);padding-bottom:var(--ds-space-2)}.ds-py-3{padding-top:var(--ds-space-3);padding-bottom:var(--ds-space-3)}.ds-py-4{padding-top:var(--ds-space-4);padding-bottom:var(--ds-space-4)}.ds-py-6{padding-top:var(--ds-space-6);padding-bottom:var(--ds-space-6)}.ds-m-0{margin:0}.ds-m-auto{margin:auto}.ds-mx-auto{margin-left:auto;margin-right:auto}.ds-ml-auto{margin-left:auto}.ds-mr-auto{margin-right:auto}.ds-mt-1{margin-top:var(--ds-space-1)}.ds-mt-2{margin-top:var(--ds-space-2)}.ds-mt-3{margin-top:var(--ds-space-3)}.ds-mt-4{margin-top:var(--ds-space-4)}.ds-mt-6{margin-top:var(--ds-space-6)}.ds-mt-8{margin-top:var(--ds-space-8)}.ds-mb-1{margin-bottom:var(--ds-space-1)}.ds-mb-2{margin-bottom:var(--ds-space-2)}.ds-mb-3{margin-bottom:var(--ds-space-3)}.ds-mb-4{margin-bottom:var(--ds-space-4)}.ds-mb-6{margin-bottom:var(--ds-space-6)}.ds-text-xs{font-size:var(--ds-text-xs)}.ds-text-sm{font-size:var(--ds-text-sm)}.ds-text-base{font-size:var(--ds-text-base)}.ds-text-md{font-size:var(--ds-text-md)}.ds-text-lg{font-size:var(--ds-text-lg)}.ds-text-xl{font-size:var(--ds-text-xl)}.ds-text-2xl{font-size:var(--ds-text-2xl)}.ds-text-3xl{font-size:var(--ds-text-3xl)}.ds-font-normal{font-weight:var(--ds-weight-normal)}.ds-font-medium{font-weight:var(--ds-weight-medium)}.ds-font-semibold{font-weight:var(--ds-weight-semibold)}.ds-font-bold{font-weight:var(--ds-weight-bold)}.ds-text-primary{color:var(--ds-text-primary)}.ds-text-secondary{color:var(--ds-text-secondary)}.ds-text-tertiary{color:var(--ds-text-tertiary)}.ds-text-muted{color:var(--ds-text-muted)}.ds-text-success{color:var(--ds-success-400)}.ds-text-error{color:var(--ds-error-400)}.ds-text-warning{color:var(--ds-warning-400)}.ds-text-info{color:var(--ds-info-400)}.ds-text-accent{color:var(--ds-primary-400)}.ds-text-left{text-align:left}.ds-text-center{text-align:center}.ds-text-right{text-align:right}.ds-uppercase{text-transform:uppercase}.ds-lowercase{text-transform:lowercase}.ds-capitalize{text-transform:capitalize}.ds-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ds-w-full{width:100%}.ds-h-full{height:100%}.ds-min-w-0{min-width:0}.ds-min-h-0{min-height:0}.ds-max-w-full{max-width:100%}.ds-border{border:1px solid var(--ds-border-default)}.ds-border-t{border-top:1px solid var(--ds-border-default)}.ds-border-b{border-bottom:1px solid var(--ds-border-default)}.ds-border-l{border-left:1px solid var(--ds-border-default)}.ds-border-r{border-right:1px solid var(--ds-border-default)}.ds-rounded-none{border-radius:0}.ds-rounded-sm{border-radius:var(--ds-radius-sm)}.ds-rounded-md{border-radius:var(--ds-radius-md)}.ds-rounded-lg{border-radius:var(--ds-radius-lg)}.ds-rounded-xl{border-radius:var(--ds-radius-xl)}.ds-rounded-full{border-radius:var(--ds-radius-full)}.ds-bg-base{background:var(--ds-bg-base)}.ds-bg-elevated{background:var(--ds-bg-elevated)}.ds-bg-surface{background:var(--ds-bg-surface)}.ds-bg-muted{background:var(--ds-bg-muted)}.ds-bg-subtle{background:var(--ds-bg-subtle)}.ds-bg-transparent{background:transparent}.ds-shadow-sm{box-shadow:var(--ds-shadow-sm)}.ds-shadow-md{box-shadow:var(--ds-shadow-md)}.ds-shadow-lg{box-shadow:var(--ds-shadow-lg)}.ds-shadow-xl{box-shadow:var(--ds-shadow-xl)}.ds-shadow-glow{box-shadow:var(--ds-shadow-glow)}.ds-opacity-0{opacity:0}.ds-opacity-50{opacity:.5}.ds-opacity-75{opacity:.75}.ds-opacity-100{opacity:1}.ds-relative{position:relative}.ds-absolute{position:absolute}.ds-fixed{position:fixed}.ds-sticky{position:sticky}.ds-inset-0{inset:0}.ds-top-0{top:0}.ds-right-0{right:0}.ds-bottom-0{bottom:0}.ds-left-0{left:0}.ds-cursor-pointer{cursor:pointer}.ds-cursor-default{cursor:default}.ds-cursor-not-allowed{cursor:not-allowed}.ds-select-none{-webkit-user-select:none;user-select:none}.ds-select-all{-webkit-user-select:all;user-select:all}.ds-pointer-events-none{pointer-events:none}.ds-pointer-events-auto{pointer-events:auto}.ds-overflow-hidden{overflow:hidden}.ds-overflow-auto{overflow:auto}.ds-overflow-scroll{overflow:scroll}.ds-overflow-x-auto{overflow-x:auto}.ds-overflow-y-auto{overflow-y:auto}.ds-transition{transition:var(--ds-transition-all)}.ds-transition-colors{transition:var(--ds-transition-colors)}.ds-transition-transform{transition:var(--ds-transition-transform)}.ds-transition-opacity{transition:var(--ds-transition-opacity)}.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-width:0}.ds-divider{height:1px;background:var(--ds-border-subtle);border:none;margin:var(--ds-space-4) 0}.ds-divider-vertical{width:1px;height:auto;align-self:stretch;background:var(--ds-border-subtle);margin:0 var(--ds-space-4)}.bg-brand-primary{background-color:hsl(var(--brand-primary))}.bg-brand-primary\/10{background-color:hsl(var(--brand-primary) / .1)}.bg-brand-primary\/20{background-color:hsl(var(--brand-primary) / .2)}.text-brand-primary{color:hsl(var(--brand-primary))}.border-brand-primary{border-color:hsl(var(--brand-primary))}.ring-brand-primary{--tw-ring-color: hsl(var(--brand-primary))}.bg-success{background-color:hsl(var(--success))}.bg-success\/10{background-color:hsl(var(--success) / .1)}.bg-warning{background-color:hsl(var(--warning))}.bg-warning\/10{background-color:hsl(var(--warning) / .1)}.bg-error{background-color:hsl(var(--error))}.bg-error\/10{background-color:hsl(var(--error) / .1)}.bg-info{background-color:hsl(var(--info))}.bg-info\/10{background-color:hsl(var(--info) / .1)}.text-success{color:hsl(var(--success))}.text-warning{color:hsl(var(--warning))}.text-error{color:hsl(var(--error))}.text-info{color:hsl(var(--info))}.bg-background{background-color:hsl(var(--background))}.bg-foreground{background-color:hsl(var(--foreground))}.bg-card{background-color:hsl(var(--card))}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-muted{background-color:hsl(var(--muted))}.bg-accent{background-color:hsl(var(--accent))}.bg-destructive{background-color:hsl(var(--destructive))}.text-foreground{color:hsl(var(--foreground))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.border-border{border-color:hsl(var(--border))}.border-input{border-color:hsl(var(--input))}.border-primary{border-color:hsl(var(--primary))}.border-destructive{border-color:hsl(var(--destructive))}.bg-sidebar{background-color:hsl(var(--sidebar-background))}.text-sidebar{color:hsl(var(--sidebar-foreground))}.border-sidebar{border-color:hsl(var(--sidebar-border))}.bg-sidebar-hover{background-color:hsl(var(--sidebar-hover))}.bg-sidebar-active{background-color:hsl(var(--sidebar-active))}.text-sidebar-active{color:hsl(var(--sidebar-active-foreground))}.hover\:bg-brand-primary-hover:hover{background-color:hsl(var(--brand-primary-hover))}.hover\:bg-brand-primary\/10:hover{background-color:hsl(var(--brand-primary) / .1)}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus\:ring-brand-primary:focus{--tw-ring-color: hsl(var(--brand-primary))}.focus-brand:focus{outline:2px solid hsl(var(--brand-primary));outline-offset:2px}.bg-neutral-50{background-color:hsl(var(--neutral-50))}.bg-neutral-100{background-color:hsl(var(--neutral-100))}.bg-neutral-200{background-color:hsl(var(--neutral-200))}.bg-neutral-300{background-color:hsl(var(--neutral-300))}.bg-neutral-400{background-color:hsl(var(--neutral-400))}.bg-neutral-500{background-color:hsl(var(--neutral-500))}.bg-neutral-600{background-color:hsl(var(--neutral-600))}.bg-neutral-700{background-color:hsl(var(--neutral-700))}.bg-neutral-800{background-color:hsl(var(--neutral-800))}.bg-neutral-900{background-color:hsl(var(--neutral-900))}.text-neutral-50{color:hsl(var(--neutral-50))}.text-neutral-100{color:hsl(var(--neutral-100))}.text-neutral-200{color:hsl(var(--neutral-200))}.text-neutral-300{color:hsl(var(--neutral-300))}.text-neutral-400{color:hsl(var(--neutral-400))}.text-neutral-500{color:hsl(var(--neutral-500))}.text-neutral-600{color:hsl(var(--neutral-600))}.text-neutral-700{color:hsl(var(--neutral-700))}.text-neutral-800{color:hsl(var(--neutral-800))}.text-neutral-900{color:hsl(var(--neutral-900))}.border-neutral-200{border-color:hsl(var(--neutral-200))}.border-neutral-300{border-color:hsl(var(--neutral-300))}.border-neutral-700{border-color:hsl(var(--neutral-700))}.border-neutral-800{border-color:hsl(var(--neutral-800))}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/plus-jakarta-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/plus-jakarta-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: var(--ds-bg-base, #09090b);--bg-elev: var(--ds-bg-elevated, #0c0c0f);--panel: var(--ds-bg-surface, #111114);--muted: var(--ds-text-tertiary, #71717a);--text: var(--ds-text-primary, #fafafa);--text-dim: var(--ds-text-secondary, #a1a1aa);--primary: var(--ds-primary-500, #6366f1);--primary-600: var(--ds-primary-600, #4f46e5);--accent: var(--ds-glow-violet, #8b5cf6);--success: var(--ds-success-500, #10b981);--danger: var(--ds-error-500, #f43f5e);--warning: var(--ds-warning-500, #f59e0b);--border: var(--ds-border-default, #27272a);--chip-bg: var(--ds-bg-muted, #1f1f23);--code-bg: var(--ds-bg-base, #09090b);--shadow: var(--ds-shadow-lg, 0 8px 24px rgba(0, 0, 0, .5));--radius: var(--ds-radius-xl, 16px);--header-offset: 110px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var( --ds-font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif );background:var(--ds-surface-0);color:var(--ds-text-primary)}.container{max-width:100%;margin:0 auto;padding:0 var(--ds-space-4);display:flex;flex-direction:column;height:100vh;overflow:hidden}.create-form-grid{display:grid;grid-template-columns:minmax(480px,1fr) 400px;grid-template-rows:auto 1fr;grid-template-areas:"builder json" "review  json";gap:var(--ds-space-4);align-items:stretch;padding:var(--ds-space-4);padding-top:0;height:100%;overflow-x:hidden;overflow-y:visible}.create-form-grid.builder-hidden{grid-template-columns:1fr 400px;grid-template-areas:"review json" "review json"}#panel-editor,#panel-list{flex:1;min-height:0;display:flex;flex-direction:column}#panel-fill{flex:1;min-height:0;overflow-y:auto}.panel{background:var(--ds-card-bg);border:1px solid var(--ds-card-border);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4)}.panel h2,.panel h3{color:var(--ds-text-primary);font-weight:var(--ds-weight-semibold)}.muted{color:var(--ds-text-tertiary)}@media(max-width:1400px){.create-form-grid{grid-template-columns:1fr 380px}}@media(max-width:1100px){.create-form-grid{grid-template-columns:1fr;grid-template-areas:"builder" "review" "json"}.create-form-grid.builder-hidden{grid-template-columns:1fr;grid-template-areas:"review" "json"}}.header{position:sticky;top:0;z-index:100;background:var(--ds-card-bg);border-bottom:1px solid var(--ds-neutral-800);padding:var(--ds-space-2) var(--ds-space-4);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.header h1{font-family:var(--ds-font-display);font-size:var(--ds-text-base);font-weight:var(--ds-weight-semibold);color:var(--ds-text-primary);display:flex;align-items:center;gap:var(--ds-space-2);margin:0}.header h1 svg{color:var(--ds-primary-500);width:18px;height:18px}.header-logo-text{cursor:default;-webkit-user-select:none;user-select:none}.devmode-indicator{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ds-primary-500);opacity:.8;flex-shrink:0;align-self:center}.header-actions{display:flex;align-items:center;gap:var(--ds-space-2)}[data-embedded] .header{padding-right:var(--ds-space-14)}.header-nav{display:flex;gap:2px;background:var(--ds-bg-muted);padding:3px;border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-subtle)}.header-nav-item{padding:var(--ds-space-1-5) var(--ds-space-3);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium);color:var(--ds-text-tertiary);border-radius:var(--ds-radius-sm);transition:var(--ds-transition-all);cursor:pointer;border:none;background:transparent}.header-nav-item:hover{color:var(--ds-text-primary)}.header-nav-item.active{color:var(--ds-text-white);background:var(--ds-primary-500)}.loading-banner{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-5);background:var(--ds-glow-violet-soft);border:1px solid rgba(99,102,241,.2);border-radius:var(--ds-radius-xl);margin-bottom:var(--ds-space-4);color:var(--ds-text-secondary);font-size:var(--ds-text-sm)}.loading-banner .spinner{width:18px;height:18px;border:2px solid var(--ds-border-default);border-top-color:var(--ds-primary-500);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[data-embedded] .header{padding-top:var(--ds-space-1);padding-bottom:var(--ds-space-1)}[data-embedded] .header h1 svg{width:15px;height:15px}[data-embedded] .header-nav{padding:2px}[data-embedded] .header-nav-item{padding-top:var(--ds-space-1);padding-bottom:var(--ds-space-1)}[data-theme=light] .header h1 svg{color:var(--ds-primary-700)}.btn{padding:var(--ds-space-1-5) var(--ds-space-3);border:1px solid var(--ds-border-default);background:var(--ds-bg-elevated);color:var(--ds-text-primary);border-radius:var(--ds-radius-md);cursor:pointer;font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium);transition:var(--ds-transition-all)}.btn:hover{background:var(--ds-bg-surface);border-color:var(--ds-border-strong)}.btn-primary{background:var(--ds-gradient-primary);border-color:transparent;color:#fff;box-shadow:var(--ds-shadow-sm)}.btn-primary:hover{filter:brightness(1.1);box-shadow:var(--ds-shadow-md)}.btn-danger{background:linear-gradient(135deg,var(--ds-error-500),var(--ds-error-600));border-color:transparent;color:#fff}.btn-danger:hover{filter:brightness(1.1)}.btn-small{padding:var(--ds-space-1) var(--ds-space-2);font-size:var(--ds-text-xs)}.btn:disabled,.btn[disabled]{opacity:.6;cursor:not-allowed;background:var(--ds-bg-muted);background-image:none;color:var(--ds-text-muted);border-color:var(--ds-border-subtle)}.title-icon{opacity:.7;flex-shrink:0}.header-icon{opacity:.8;color:var(--ds-primary-400)}[data-theme=light] .header-icon{color:var(--ds-primary-700)}.form-group{margin-bottom:var(--ds-space-2)}.form-group label{display:flex;align-items:center;gap:var(--ds-space-1);margin-bottom:var(--ds-space-1);color:var(--ds-text-muted);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium);text-transform:uppercase;letter-spacing:.04em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--ds-space-1-5) var(--ds-space-2);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-sm);background:var(--ds-bg-elevated);color:var(--ds-text-primary);font-size:var(--ds-text-xs);font-family:var(--ds-font-sans);outline:none;transition:var(--ds-transition-all)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--ds-text-muted)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--ds-border-strong)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--ds-primary-500);box-shadow:0 0 0 3px var(--ds-glow-violet-soft)}.form-group 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='%2371717a' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--ds-space-3) center;padding-right:var(--ds-space-10);cursor:pointer}.form-group textarea{resize:vertical;min-height:60px;line-height:var(--ds-leading-relaxed)}.required-asterisk,.required-asterisk-simple{color:var(--ds-error-400);font-weight:var(--ds-weight-normal)}.optional-text,.locked-text{font-size:var(--ds-text-xs);color:var(--ds-text-muted);font-weight:var(--ds-weight-normal)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--ds-bg-muted)}.tenant-select-locked{opacity:.7;cursor:not-allowed}.alert{padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-md);font-size:var(--ds-text-xs);margin-top:var(--ds-space-2)}.alert-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:var(--ds-warning-400)}.tenant-warning{margin-top:var(--ds-space-2)}.geo-preview-chip{font-family:var(--ds-font-mono);background:var(--ds-bg-base);border:1px solid var(--ds-border-subtle);padding:var(--ds-space-1-5) var(--ds-space-2);border-radius:var(--ds-radius-md);font-size:var(--ds-text-xs);line-height:1.4;color:var(--ds-text-tertiary);white-space:nowrap;overflow-x:auto;transition:var(--ds-transition-colors)}.geo-preview-chip:hover{color:var(--ds-text-secondary);border-color:var(--ds-primary-600)}.geo-preview-chip::-webkit-scrollbar{height:4px}.geo-preview-chip::-webkit-scrollbar-thumb{background:var(--ds-bg-subtle);border-radius:var(--ds-radius-full)}.btn-icon-action{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:var(--ds-radius-lg);transition:var(--ds-transition-all)}.btn-icon-action svg{flex-shrink:0}.btn-icon-action:hover:not(:disabled){transform:translateY(-1px)}.btn-icon-action:active:not(:disabled){transform:translateY(0)}.btn-icon-action:disabled{opacity:.3;cursor:not-allowed}.btn-icon-action:disabled svg{opacity:.5}.row{display:flex;gap:var(--ds-space-2);align-items:center}.space-between{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-space-3)}.help-text{color:var(--ds-text-muted);font-size:var(--ds-text-xs);margin-top:var(--ds-space-1)}.required{color:var(--ds-error-500)}.field-type-badge{display:inline-flex;align-items:center;gap:var(--ds-space-1);padding:3px var(--ds-space-2);border-radius:var(--ds-radius-sm);font-family:var(--ds-font-display);font-size:var(--ds-text-2xs);font-weight:var(--ds-weight-bold);text-transform:uppercase;letter-spacing:.03em;background:var(--ds-badge-bg);color:var(--ds-badge-text)}.field-type-badge[data-type=select]{background:var(--ds-badge-select-bg);color:var(--ds-badge-select-text)}.field-type-badge[data-type=multiselect]{background:var(--ds-badge-multiselect-bg);color:var(--ds-badge-multiselect-text)}.field-type-badge[data-type=datetime],.field-type-badge[data-type=date],.field-type-badge[data-type=time]{background:var(--ds-badge-datetime-bg);color:var(--ds-badge-datetime-text)}.field-type-badge[data-type=text],.field-type-badge[data-type=textarea]{background:var(--ds-badge-text-bg);color:var(--ds-badge-text-text)}.field-type-badge[data-type=number]{background:var(--ds-badge-number-bg);color:var(--ds-badge-number-text)}.field-type-badge[data-type=geo]{background:var(--ds-badge-geo-bg);color:var(--ds-badge-geo-text)}.field-type-badge[data-geo-format=object]{background:var(--ds-badge-select-bg);color:var(--ds-badge-select-text)}.field-type-badge[data-geo-format=array]{background:var(--ds-badge-number-bg);color:var(--ds-badge-number-text)}.field-type-badge[data-geo-format=string]{background:var(--ds-badge-geo-bg);color:var(--ds-badge-geo-text)}.preset-badge{background:#6366f11f;color:var(--ds-primary-400);padding:var(--ds-space-0-5) var(--ds-space-2);border-radius:var(--ds-radius-md);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);border:1px solid rgba(99,102,241,.25);text-transform:lowercase;letter-spacing:.02em}.preset-badge[data-type=text],.preset-badge[data-type=textarea]{background:#a78bfa26;border-color:#a78bfa4d;color:var(--ds-violet-400)}.preset-badge[data-type=number]{background:#fb923c26;border-color:#fb923c4d;color:var(--ds-orange-400)}.preset-badge[data-type=select],.preset-badge[data-type=multiselect]{background:#22d3ee26;border-color:#22d3ee4d;color:var(--ds-cyan-400)}.preset-badge[data-type=checkbox],.preset-badge[data-type=boolean]{background:#f472b626;border-color:#f472b64d;color:var(--ds-pink-400)}.preset-badge[data-type=date],.preset-badge[data-type=datetime]{background:#10b98126;border-color:#10b9814d;color:var(--ds-success-400)}.preset-badge[data-type=unknown]{background:var(--ds-bg-subtle);border-color:var(--ds-border-subtle);color:var(--ds-text-muted)}.geo-format-badge{background:var(--ds-bg-muted);border:1px solid var(--ds-border-subtle);color:var(--ds-text-tertiary);padding:var(--ds-space-0-5) var(--ds-space-2);border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);letter-spacing:.05em;text-transform:uppercase;display:inline-flex;align-items:center;line-height:1;height:20px}.geo-format-badge[data-fmt=object]{background:#22d3ee1f;color:var(--ds-cyan-400);border-color:#22d3ee40}.geo-format-badge[data-fmt=array]{background:#a3e6351f;color:var(--ds-lime-400);border-color:#a3e63540}.geo-format-badge[data-fmt=string]{background:#f472b61f;color:var(--ds-pink-400);border-color:#f472b640}.field-item{background:var(--ds-bg-elevated);border:1px solid var(--ds-border-subtle);border-radius:var(--ds-radius-xl);padding:var(--ds-space-3);transition:var(--ds-transition-all)}.field-item:hover{border-color:var(--ds-primary-600);transform:translateY(-1px);box-shadow:var(--ds-shadow-md)}.field-item.selected{border-color:var(--ds-primary-500);box-shadow:0 0 0 3px var(--ds-glow-violet-soft) inset}[data-theme=light] .preset-badge{color:var(--ds-primary-700)}.conditions-editor-root{--cond-gap: var(--ds-space-3);--control-height: 34px;--control-padding-y: var(--ds-space-1-5);--control-padding-x: var(--ds-space-2-5);display:flex;flex-direction:column;gap:var(--ds-space-3);background:linear-gradient(180deg,var(--ds-bg-base),color-mix(in srgb,var(--ds-bg-base) 95%,transparent));padding:var(--ds-space-5) var(--ds-space-5) var(--ds-space-6);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-2xl);position:relative}.conditions-editor-root:before{content:"";position:absolute;inset:0;border-radius:var(--ds-radius-xl);padding:1px;background:var(--ds-border-subtle);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.conditions-editor-root-collapsible{background:linear-gradient(180deg,color-mix(in srgb,var(--ds-bg-base) 60%,transparent),color-mix(in srgb,var(--ds-bg-base) 40%,transparent));border:1px solid var(--ds-glass-border);border-radius:var(--ds-radius-xl);position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.conditions-editor-root-collapsible:before{content:"";position:absolute;inset:0;border-radius:var(--ds-radius-lg);padding:1px;background:linear-gradient(135deg,color-mix(in srgb,var(--ds-text-tertiary) 12%,transparent),color-mix(in srgb,var(--ds-text-tertiary) 4%,transparent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.conditions-editor-inner{display:flex;flex-direction:column;gap:var(--ds-space-4)}.cond-subsection{background:color-mix(in srgb,var(--ds-glass-bg) 30%,transparent);border:1px solid color-mix(in srgb,var(--ds-text-tertiary) 6%,transparent);border-radius:var(--ds-radius-md);transition:all .2s ease}.cond-subsection:hover{background:color-mix(in srgb,var(--ds-glass-bg) 40%,transparent);border-color:var(--ds-glass-border)}.cond-subsection-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cond-subsection-icon{display:inline-flex;align-items:center;flex-shrink:0;color:var(--ds-text-muted);width:16px;height:16px}.cond-subsection-icon-warning{color:var(--ds-warning-400)}[data-theme=light] .cond-subsection-icon-warning{color:var(--ds-warning-600)}.cond-subsection-icon-dynamic{color:var(--ds-indigo-400)}[data-theme=light] .cond-subsection-icon-dynamic{color:var(--ds-indigo-600)}.cond-subsection-title{font-size:12px;font-weight:600;color:var(--ds-text-secondary);letter-spacing:.02em;margin-right:auto}.collapsible-section{border:1px solid color-mix(in srgb,var(--ds-text-tertiary) 6%,transparent);border-radius:var(--ds-radius-lg);transition:all .2s ease;background:transparent;overflow:hidden}.collapsible-section .collapsible-section.expanded{overflow:visible}.collapsible-section:hover{border-color:var(--ds-glass-border)}.collapsible-section.expanded{border-color:color-mix(in srgb,var(--ds-text-tertiary) 12%,transparent);background:color-mix(in srgb,var(--ds-glass-bg) 20%,transparent)}.collapsible-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;background:transparent;border:none;cursor:pointer;transition:all .2s ease;position:relative}.collapsible-header:hover{background:color-mix(in srgb,var(--ds-text-tertiary) 5%,transparent)}.collapsible-header:focus-visible{outline:2px solid var(--ds-primary-500);outline-offset:2px}.collapsible-header-left{display:flex;align-items:center;gap:var(--ds-space-3)}.collapsible-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:color-mix(in srgb,var(--ds-text-tertiary) 6%,transparent);border-radius:var(--ds-radius-md);color:var(--ds-text-muted);transition:all .2s ease}.collapsible-section.expanded .collapsible-icon{background:color-mix(in srgb,var(--ds-text-tertiary) 10%,transparent);color:var(--ds-text-secondary)}.collapsible-title{font-size:var(--ds-text-sm);font-weight:600;color:var(--ds-text-secondary);letter-spacing:.02em;transition:color .2s ease}.collapsible-section.expanded .collapsible-title{color:var(--ds-text-primary)}.collapsible-badge{font-size:var(--ds-text-2xs);font-weight:600;padding:3px var(--ds-space-2);border-radius:var(--ds-radius-md);letter-spacing:.02em;transition:all .2s ease}.collapsible-badge-default{background:color-mix(in srgb,var(--ds-text-tertiary) 8%,transparent);color:var(--ds-text-muted)}.collapsible-badge-active{background:color-mix(in srgb,var(--ds-text-tertiary) 12%,transparent);color:var(--ds-text-secondary)}.collapsible-badge-warning{background:color-mix(in srgb,var(--ds-warning-400) 10%,transparent);color:color-mix(in srgb,var(--ds-warning-400) 80%,transparent)}.collapsible-header-right{display:flex;align-items:center}.collapsible-chevron{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--ds-radius-md);color:var(--ds-text-muted);transition:all .2s ease}.collapsible-header:hover .collapsible-chevron{background:color-mix(in srgb,var(--ds-text-tertiary) 10%,transparent);color:var(--ds-text-secondary)}.collapsible-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.collapsible-content.open{grid-template-rows:1fr}.collapsible-content-inner{overflow:hidden}.collapsible-content.open>.collapsible-content-inner{padding:0 18px 18px}.conditions-depth-error-banner{display:flex;align-items:flex-start;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-sm);background:color-mix(in srgb,var(--ds-warning-500) 12%,transparent);border:1px solid color-mix(in srgb,var(--ds-warning-500) 40%,transparent);color:var(--ds-warning-400);font-size:var(--ds-text-xs);line-height:1.4}.conditions-depth-error-banner svg{flex-shrink:0;margin-top:1px}.cond-section-h3--inline{font-size:var(--ds-text-2xs);margin:0;text-transform:uppercase;letter-spacing:.06em;color:var(--ds-text-secondary)}.cond-section-h3--standard{font-size:var(--ds-text-sm);margin:0;margin-right:var(--ds-space-4)}.cond-conditional-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.cond-conditional-wrap.open{grid-template-rows:1fr}.cond-conditional-inner{overflow:hidden}.cond-section-header{display:flex;align-items:center;gap:var(--ds-space-3);margin-bottom:0;padding:var(--ds-space-2-5) var(--ds-space-3-5);background:color-mix(in srgb,var(--ds-bg-elevated) 30%,transparent);border-radius:var(--ds-radius-md);border:1px solid color-mix(in srgb,var(--ds-text-tertiary) 6%,transparent);position:relative}.cond-section-header:before{display:none}.cond-section-header h3{font-family:var(--ds-font-display);font-size:var(--ds-text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin:0;color:var(--ds-text-secondary);display:flex;align-items:center;gap:6px;min-width:fit-content}.cond-section-header h3:before{display:none}.cond-mode-switch{display:flex;gap:var(--ds-space-1);flex-wrap:wrap;padding:3px;background:color-mix(in srgb,var(--ds-bg-base) 40%,transparent);border-radius:var(--ds-radius-md);border:1px solid color-mix(in srgb,var(--ds-text-tertiary) 5%,transparent)}.cond-chip-btn,.cond-logic-select,.cond-value-input,.cond-field-select{font-size:var(--ds-text-sm)}.cond-chip-btn{font-family:var(--ds-font-display);background:transparent;border:1px solid color-mix(in srgb,var(--ds-text-tertiary) 10%,transparent);color:var(--ds-text-secondary);padding:6px var(--ds-space-3);border-radius:var(--ds-radius-md);cursor:pointer;line-height:1.2;font-weight:500;font-size:var(--ds-text-xs);letter-spacing:.02em;transition:all .15s ease;position:relative;display:inline-flex;align-items:center;gap:5px}.cond-chip-btn:hover{background:color-mix(in srgb,var(--ds-text-tertiary) 8%,transparent);border-color:color-mix(in srgb,var(--ds-text-tertiary) 15%,transparent);color:var(--ds-text-secondary)}.cond-chip-btn:focus-visible{outline:2px solid var(--ds-primary-500);outline-offset:2px}.cond-chip-btn.active{background:color-mix(in srgb,var(--ds-text-tertiary) 12%,transparent);color:var(--ds-text-primary);border-color:color-mix(in srgb,var(--ds-text-tertiary) 20%,transparent);font-weight:600}.cond-tier-toggle{background:none;border:none;color:var(--ds-text-secondary);font-size:var(--ds-text-xs);cursor:pointer;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);transition:color .15s ease,background .15s ease;margin-left:auto;white-space:nowrap;font-family:var(--ds-font-body)}.cond-tier-toggle:hover{color:var(--ds-primary-500);background:var(--ds-bg-hover)}.cond-tier-toggle:focus-visible{outline:2px solid var(--ds-primary-500);outline-offset:2px}.cond-tier-toggle[aria-pressed=true]{color:var(--ds-primary-500)}[data-theme=light] .cond-tier-toggle:hover,[data-theme=light] .cond-tier-toggle[aria-pressed=true]{color:var(--ds-primary-700)}.cond-block{background:color-mix(in srgb,var(--ds-bg-elevated) 25%,transparent);border:1px solid color-mix(in srgb,var(--ds-text-tertiary) 6%,transparent);border-radius:var(--ds-radius-md);padding:var(--ds-space-3-5);display:flex;flex-direction:column;gap:var(--ds-space-3);position:relative;margin-top:10px}.cond-block:before{content:"";position:absolute;top:var(--ds-space-3-5);bottom:var(--ds-space-3-5);left:0;width:2px;background:color-mix(in srgb,var(--ds-text-tertiary) 15%,transparent);border-radius:0 var(--ds-radius-sm) var(--ds-radius-sm) 0}.cond-block>.row:first-child{padding-bottom:var(--ds-space-2);border-bottom:1px solid var(--ds-border-subtle);margin-bottom:var(--ds-space-1)}.cond-block-header{padding-bottom:var(--ds-space-3-5);border-bottom:1px solid color-mix(in srgb,var(--ds-text-tertiary) 10%,transparent);margin-bottom:var(--ds-space-2)}.cond-logic-label{font-size:var(--ds-text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text-muted);display:flex;align-items:center;gap:6px}.cond-logic-label svg{opacity:.6}.cond-add-rule-btn{display:inline-flex;align-items:center;gap:6px;padding:var(--ds-space-2) var(--ds-space-3-5);font-size:12px;font-weight:500;border:none;border-radius:var(--ds-radius-md);background:color-mix(in srgb,var(--ds-text-tertiary) 8%,transparent);color:var(--ds-text-secondary);cursor:pointer;transition:all .15s ease;margin-left:auto;border:1px solid color-mix(in srgb,var(--ds-text-tertiary) 10%,transparent)}.cond-add-rule-btn:hover{background:color-mix(in srgb,var(--ds-text-tertiary) 12%,transparent);border-color:color-mix(in srgb,var(--ds-text-tertiary) 15%,transparent);color:var(--ds-text-primary)}.cond-add-rule-btn:focus-visible{outline:2px solid var(--ds-primary-500);outline-offset:2px}.cond-add-rule-btn:active{background:color-mix(in srgb,var(--ds-text-tertiary) 15%,transparent)}.cond-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-5) var(--ds-space-4);text-align:center;background:color-mix(in srgb,var(--ds-bg-elevated) 20%,transparent);border-radius:var(--ds-radius-md);border:1px dashed color-mix(in srgb,var(--ds-text-tertiary) 10%,transparent)}.cond-empty-state svg{color:var(--ds-text-muted);opacity:.4}.cond-empty-state span{font-size:var(--ds-text-xs);color:var(--ds-text-muted);line-height:1.5;max-width:260px;opacity:.8}.cond-empty-state strong{color:var(--ds-text-secondary)}.cond-rule-row{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);align-items:center;padding:10px var(--ds-space-3);background:color-mix(in srgb,var(--ds-bg-elevated) 25%,transparent);border:1px solid color-mix(in srgb,var(--ds-text-tertiary) 6%,transparent);border-radius:var(--ds-radius-md);transition:all .15s ease;position:relative;max-width:100%;overflow:hidden}.cond-rule-row:hover{border-color:color-mix(in srgb,var(--ds-text-tertiary) 12%,transparent);background:color-mix(in srgb,var(--ds-bg-elevated) 35%,transparent)}.cond-rule-number{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:var(--ds-text-2xs);font-weight:600;color:var(--ds-text-muted);background:color-mix(in srgb,var(--ds-text-tertiary) 10%,transparent);border-radius:var(--ds-radius-full);flex-shrink:0}.cond-rule-row select,.cond-rule-row input{background:color-mix(in srgb,var(--ds-bg-base) 50%,transparent);border:1px solid color-mix(in srgb,var(--ds-text-tertiary) 10%,transparent);color:var(--ds-text-primary);border-radius:var(--ds-radius-md);padding:var(--ds-space-2) 10px;outline:none;line-height:1.4;font-size:12px;font-family:var(--ds-font-sans);min-height:34px;transition:all .15s ease}.cond-rule-row select:focus,.cond-rule-row input:focus{border-color:color-mix(in srgb,var(--ds-text-tertiary) 25%,transparent);background:color-mix(in srgb,var(--ds-bg-base) 60%,transparent)}.cond-rule-row select:hover,.cond-rule-row input:hover{border-color:color-mix(in srgb,var(--ds-text-tertiary) 15%,transparent)}.cond-rule-row select:focus-visible,.cond-rule-row input:focus-visible{outline:2px solid var(--ds-primary-500);outline-offset:2px}.cond-rule-row .cond-field-select{min-width:160px;flex:1}.cond-rule-row .cond-cmp-select{min-width:100px}.cond-rule-row .cond-value-input{flex:1;min-width:80px}.cond-remove-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid color-mix(in srgb,var(--ds-text-tertiary) 8%,transparent);border-radius:var(--ds-radius-md);color:var(--ds-text-muted);cursor:pointer;transition:all .15s ease;flex-shrink:0;opacity:.6}.cond-remove-btn:hover{background:color-mix(in srgb,var(--ds-error-500) 8%,transparent);border-color:color-mix(in srgb,var(--ds-error-500) 15%,transparent);color:color-mix(in srgb,var(--ds-error-500) 80%,transparent);opacity:1}.cond-remove-btn:focus-visible{outline:2px solid var(--ds-primary-500);outline-offset:2px}.cond-remove-btn:active{background:color-mix(in srgb,var(--ds-error-500) 12%,transparent)}.cond-rule-row .cond-remove-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--ds-radius-md);color:var(--ds-text-muted);cursor:pointer;transition:var(--ds-transition-all);flex-shrink:0}.cond-rule-row .cond-remove-btn:hover{background:color-mix(in srgb,var(--ds-error-500) 10%,transparent);border-color:color-mix(in srgb,var(--ds-error-500) 20%,transparent);color:var(--ds-error-400)}.cond-rule-row .cond-remove-btn:focus-visible{outline:2px solid var(--ds-primary-500);outline-offset:2px}.cond-logic-select{background:color-mix(in srgb,var(--ds-bg-base) 80%,transparent);border:1px solid color-mix(in srgb,var(--ds-text-tertiary) 20%,transparent);color:var(--ds-text-primary);padding:10px 36px 10px 14px;border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);font-weight:500;cursor:pointer;min-width:160px;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.cond-logic-select:hover{border-color:color-mix(in srgb,var(--ds-indigo-500) 40%,transparent);background-color:color-mix(in srgb,var(--ds-bg-base) 90%,transparent)}.cond-logic-select:focus-visible{outline:2px solid var(--ds-primary-500);outline-offset:2px}.cond-logic-select:focus{border-color:var(--ds-primary-400);box-shadow:0 0 0 3px color-mix(in srgb,var(--ds-indigo-500) 15%,transparent);outline:none}.separator-label{font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium);color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.05em}.cond-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-left:var(--ds-space-1);padding-top:var(--ds-space-2)}.cond-suggestion-btn{font-family:var(--ds-font-sans);font-size:var(--ds-text-xs);padding:6px 10px;border:1px solid color-mix(in srgb,var(--ds-text-tertiary) 15%,transparent);background:color-mix(in srgb,var(--ds-bg-elevated) 60%,transparent);border-radius:var(--ds-radius-md);cursor:pointer;color:var(--ds-text-secondary);display:inline-flex;align-items:center;gap:var(--ds-space-1);transition:all .15s ease}.cond-suggestion-btn:hover{background:color-mix(in srgb,var(--ds-indigo-500) 15%,transparent);color:var(--ds-text-primary);border-color:color-mix(in srgb,var(--ds-indigo-500) 40%,transparent);transform:translateY(-1px)}.cond-suggestion-btn:active{transform:translateY(0)}.cond-suggestion-badge-dyn{background:linear-gradient(135deg,var(--ds-cyan-500),var(--ds-teal-500));color:var(--ds-text-white);padding:2px 5px;border-radius:var(--ds-radius-sm);font-size:8px;font-weight:600;letter-spacing:.5px;box-shadow:0 1px 3px color-mix(in srgb,var(--ds-cyan-500) 30%,transparent)}.cond-warning{color:var(--ds-warning-400);font-size:var(--ds-text-xs);line-height:1.4;padding:6px 10px;background:color-mix(in srgb,var(--ds-warning-500) 10%,transparent);border-radius:var(--ds-radius-md);border-left:3px solid var(--ds-warning-400);margin-top:var(--ds-space-1)}.dynamic-rule-card{border:1px solid var(--ds-primary-500);border-left:3px solid var(--ds-primary-500);border-radius:var(--ds-radius-xl);background:var(--ds-primary-soft);padding:14px var(--ds-space-4) var(--ds-space-4);display:flex;flex-direction:column;gap:10px;position:relative;transition:border-color .2s,background .25s;box-shadow:var(--ds-shadow-card),0 0 0 1px var(--ds-primary-500)}.dynamic-rule-card:before{content:"";position:absolute;inset:0;border-radius:var(--ds-radius-xl);padding:1px;background:linear-gradient(150deg,var(--ds-primary-soft),var(--ds-primary-soft));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.dynamic-rule-header{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);align-items:center}.dynamic-rule-header-grid{display:grid;grid-template-columns:auto auto 90px auto 90px 1fr auto;gap:var(--ds-space-2) 10px;align-items:center}.dynamic-rule-card input[type=text],.dynamic-rule-card input:not([type]){background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);color:var(--ds-text-primary);border-radius:var(--ds-radius-lg);padding:var(--ds-space-1-5) var(--ds-space-2-5);font-size:var(--ds-text-xs);line-height:1.35;min-height:var(--control-height, 32px);transition:var(--ds-transition-all)}.dynamic-rule-card select{background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);color:var(--ds-text-primary);border-radius:var(--ds-radius-lg);padding:var(--ds-space-1-5) var(--ds-space-2-5);font-size:var(--ds-text-xs);line-height:1.3;min-height:var(--control-height, 32px);transition:var(--ds-transition-all)}.dynamic-rule-card select:focus,.dynamic-rule-card input:focus{border-color:var(--ds-primary-500);box-shadow:0 0 0 3px var(--ds-glow-violet-soft);outline:none}.cond-ghost-btn{background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);color:var(--ds-text-muted);padding:var(--ds-space-1) var(--ds-space-2);font-size:var(--ds-text-xs);border-radius:var(--ds-radius-lg);cursor:pointer;line-height:1;display:inline-flex;align-items:center;gap:var(--ds-space-1);transition:var(--ds-transition-all)}.cond-ghost-btn:hover{background:var(--ds-bg-muted);color:var(--ds-text-primary);border-color:var(--ds-primary-500)}.cond-ghost-btn:focus-visible{outline:2px solid var(--ds-primary-500);outline-offset:2px}.cond-ghost-btn.danger{background:color-mix(in srgb,var(--ds-error-500) 10%,transparent);border-color:color-mix(in srgb,var(--ds-error-500) 25%,transparent);color:var(--ds-error-400)}.cond-ghost-btn.danger:hover{background:color-mix(in srgb,var(--ds-error-500) 20%,transparent);border-color:var(--ds-error-400);color:var(--ds-text-white)}.rule-collapse-btn{padding:var(--ds-space-1) 6px;font-size:var(--ds-text-xs)}.rule-badge-index{cursor:default}.dynamic-rule-card.collapsed{padding:var(--ds-space-3) 14px}.dynamic-rule-card.collapsed .dynamic-options-list,.dynamic-rule-card.collapsed .cond-rule-row,.dynamic-rule-card.collapsed .cond-suggestions,.dynamic-rule-card.collapsed .cond-warning{display:none}.dynamic-rule-card.collapsed:before{opacity:.5}.dynamic-rule-card.rule-highlight{animation:ruleHighlight 2s ease-out}@keyframes ruleHighlight{0%{box-shadow:0 0 0 3px var(--ds-warning-500),0 0 20px var(--ds-warning-500);border-color:var(--ds-warning-500)}to{box-shadow:none;border-color:var(--ds-border-subtle)}}.collapsed-summary{font-size:var(--ds-text-xs);color:var(--ds-text-muted);margin-left:var(--ds-space-1)}.mini-label{font-size:var(--ds-text-2xs);font-weight:var(--ds-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--ds-text-muted)}.cond-suggestion-btn{background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);color:var(--ds-text-tertiary)}.cond-suggestion-btn:hover{background:var(--ds-bg-muted);color:var(--ds-text-primary);border-color:var(--ds-primary-500)}.cond-suggestion-btn:focus-visible{outline:2px solid var(--ds-primary-500);outline-offset:2px}.rule-badge-index{background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);color:var(--ds-text-muted);font-size:var(--ds-text-xs);padding:var(--ds-space-0-5) var(--ds-space-2);border-radius:var(--ds-radius-lg);font-weight:var(--ds-weight-semibold);letter-spacing:.04em}.cond-empty-hint{font-size:var(--ds-text-xs);color:var(--ds-text-muted);margin-top:var(--ds-space-1-5)}.options-head-row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:var(--ds-space-2)}.options-head-left{display:flex;flex-direction:column;gap:var(--ds-space-1)}.options-head-title{font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);letter-spacing:.04em;color:var(--ds-text-muted);display:inline-flex;align-items:center;gap:var(--ds-space-2)}.options-count-badge{background:var(--ds-primary-soft);color:var(--ds-primary-500);font-size:var(--ds-text-2xs);font-weight:var(--ds-weight-bold);padding:2px 6px;border-radius:var(--ds-radius-full);min-width:20px;text-align:center}.options-server-badge{background:var(--ds-warning-soft, #fef3cd);color:var(--ds-warning-700, #856404);border:1px solid var(--ds-warning-300, #ffc107)}.options-unified-search{position:relative;margin-bottom:var(--ds-space-2);display:flex;align-items:center}.options-unified-search-icon{position:absolute;left:var(--ds-space-3);color:var(--ds-text-muted);pointer-events:none;flex-shrink:0}.options-unified-search-input{width:100%;padding:var(--ds-space-2) var(--ds-space-3);padding-left:calc(var(--ds-space-3) + 14px + var(--ds-space-2));padding-right:var(--ds-space-20);font-size:var(--ds-text-sm);background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);color:var(--ds-text-primary);transition:var(--ds-transition-all)}.options-unified-search-input:focus{outline:none;border-color:var(--ds-primary-500);box-shadow:0 0 0 3px var(--ds-glow-violet-soft),0 4px 12px #0000001a;background:var(--ds-bg-default)}.options-unified-search-input::placeholder{color:var(--ds-text-muted)}.options-unified-search-clear{position:absolute;right:var(--ds-space-2);top:50%;transform:translateY(-50%);background:var(--ds-bg-muted);border:none;color:var(--ds-text-muted);cursor:pointer;font-size:var(--ds-text-xs);width:20px;height:20px;border-radius:var(--ds-radius-full);display:flex;align-items:center;justify-content:center;transition:var(--ds-transition-colors)}.options-unified-search-clear:hover{background:var(--ds-bg-subtle);color:var(--ds-text-primary)}.options-unified-search-result-count,.options-search-result-count{position:absolute;right:var(--ds-space-8);top:50%;transform:translateY(-50%);font-size:var(--ds-text-2xs);color:var(--ds-success-500);font-weight:var(--ds-weight-medium);white-space:nowrap;padding-right:var(--ds-space-6)}.options-unified-search-loading{position:absolute;right:var(--ds-space-10);top:50%;transform:translateY(-50%);font-size:var(--ds-text-sm);animation:cond-spin 1s linear infinite}@keyframes cond-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.options-issues-bar{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3);background:color-mix(in srgb,var(--ds-warning-400) 10%,transparent);border:1px solid color-mix(in srgb,var(--ds-warning-400) 30%,transparent);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-2)}.options-issues-icon{font-size:var(--ds-text-base)}.options-issues-text{font-size:var(--ds-text-xs);color:var(--ds-warning-600)}.options-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-bg-elevated);border:1px solid var(--ds-border-subtle);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-2)}.options-pagination-bottom{margin-top:var(--ds-space-2);margin-bottom:0}.options-pagination-info{display:flex;align-items:center;gap:var(--ds-space-1);font-size:var(--ds-text-xs)}.options-pagination-range{font-weight:var(--ds-weight-semibold);color:var(--ds-text-primary);font-variant-numeric:tabular-nums}.options-pagination-total{color:var(--ds-text-muted)}.options-pagination-filtered{color:var(--ds-info-500);font-style:italic}.options-pagination-controls{display:flex;align-items:center;gap:var(--ds-space-1)}.options-page-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:var(--ds-text-2xs);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-sm);background:var(--ds-bg-default);color:var(--ds-text-secondary);cursor:pointer;transition:var(--ds-transition-colors)}.options-page-btn:hover:not(:disabled){background:var(--ds-bg-surface);border-color:var(--ds-primary-400);color:var(--ds-primary-500)}.options-page-btn:focus-visible{outline:2px solid var(--ds-primary-500);outline-offset:2px}.options-page-btn:disabled{opacity:.3;cursor:not-allowed}.options-page-indicator{min-width:50px;text-align:center;font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium);color:var(--ds-text-secondary);font-variant-numeric:tabular-nums}.options-empty-search{padding:var(--ds-space-4);text-align:center;color:var(--ds-text-muted);font-size:var(--ds-text-sm);font-style:italic;background:var(--ds-bg-elevated);border:1px dashed var(--ds-border-default);border-radius:var(--ds-radius-md)}.options-empty-state{padding:var(--ds-space-4);text-align:center;color:var(--ds-text-muted);font-size:var(--ds-text-sm);background:var(--ds-bg-elevated);border:1px dashed var(--ds-border-default);border-radius:var(--ds-radius-md)}.options-unified-list{display:flex;flex-direction:column}.virtualized-options-container{border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);overflow:hidden;background:var(--ds-bg-default)}.virtualized-options-scroll{scrollbar-width:thin;scrollbar-color:var(--ds-bg-muted) transparent}.virtualized-options-scroll::-webkit-scrollbar{width:8px}.virtualized-options-scroll::-webkit-scrollbar-track{background:transparent}.virtualized-options-scroll::-webkit-scrollbar-thumb{background:var(--ds-bg-muted);border-radius:var(--ds-radius-sm)}.virtualized-options-scroll::-webkit-scrollbar-thumb:hover{background:var(--ds-text-muted)}.virtualized-options-footer{padding:var(--ds-space-2) var(--ds-space-3);font-size:12px;color:var(--ds-text-muted);background:var(--ds-bg-subtle);border-top:1px solid var(--ds-border-subtle);text-align:center}.virtualized-options-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-6) var(--ds-space-4);color:var(--ds-text-muted);font-size:var(--ds-text-sm)}.options-section-divider{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) 0;margin:var(--ds-space-1) 0}.options-section-divider .divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--ds-border-default),transparent)}.options-section-divider .divider-label{font-size:var(--ds-text-2xs);color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.server-options-integrated{display:flex;flex-direction:column}.server-options-scroll{max-height:280px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--ds-border-default) transparent}.server-options-scroll::-webkit-scrollbar{width:6px}.server-options-scroll::-webkit-scrollbar-track{background:transparent}.server-options-scroll::-webkit-scrollbar-thumb{background:var(--ds-border-default);border-radius:var(--ds-radius-sm)}.server-options-scroll::-webkit-scrollbar-thumb:hover{background:var(--ds-text-muted)}.option-row-server{position:relative;padding-left:var(--ds-space-6);animation:cond-fadeIn .2s ease-out}@keyframes cond-fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.option-row-server.saving{opacity:.85}.option-row-server.saving:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--ds-primary-500),transparent);animation:savingPulse 1s ease-in-out infinite}@keyframes savingPulse{0%,to{opacity:.3}50%{opacity:1}}.option-row-server.deleting{opacity:.5;transform:scale(.98);transition:all .2s ease}.option-cloud-indicator{position:absolute;left:var(--ds-space-1-5);top:50%;transform:translateY(-50%);color:var(--ds-primary-400);opacity:.6;transition:opacity .15s}.option-row-server:hover .option-cloud-indicator{opacity:1}.server-options-skeleton{display:flex;flex-direction:column;gap:var(--ds-space-2);padding:var(--ds-space-2) 0}.skeleton-row{display:flex;gap:var(--ds-space-2);animation:shimmer 1.5s infinite}.skeleton-input{flex:1;height:32px;background:linear-gradient(90deg,var(--ds-bg-muted) 25%,var(--ds-bg-elevated) 50%,var(--ds-bg-muted) 75%);background-size:200% 100%;border-radius:var(--ds-radius-md)}.skeleton-short{flex:0 0 120px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.server-options-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-6);color:var(--ds-text-muted);font-size:var(--ds-text-sm);gap:var(--ds-space-2)}.server-options-empty-state .empty-icon{font-size:24px;opacity:.5}.options-empty-search{padding:var(--ds-space-3);text-align:center;color:var(--ds-text-muted);font-size:var(--ds-text-xs);font-style:italic}.server-options-loading-more{display:flex;justify-content:center;padding:var(--ds-space-3)}.loading-dots{display:flex;gap:var(--ds-space-1)}.loading-dots span{width:6px;height:6px;background:var(--ds-primary-500);border-radius:var(--ds-radius-full);animation:dotBounce .6s infinite alternate}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.server-options-load-trigger{width:100%;padding:var(--ds-space-2);background:transparent;border:1px dashed var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-muted);font-size:var(--ds-text-xs);cursor:pointer;transition:var(--ds-transition-all);margin-top:var(--ds-space-1)}.server-options-load-trigger:hover{border-color:var(--ds-primary-500);color:var(--ds-primary-500);background:var(--ds-primary-soft)}.server-options-footer{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-1);padding:var(--ds-space-1) 0;font-size:var(--ds-text-2xs);color:var(--ds-text-muted);border-top:1px solid var(--ds-border-subtle);margin-top:var(--ds-space-1)}.server-options-footer .footer-cloud{color:var(--ds-primary-400)}.server-options-save-status{display:flex;align-items:center;gap:var(--ds-space-1);margin-left:auto;padding:2px var(--ds-space-2);border-radius:var(--ds-radius-md);font-size:var(--ds-text-2xs);font-weight:500}.server-options-save-status.saving{background:var(--ds-warning-100);color:var(--ds-warning-700)}.server-options-save-status.pending{background:var(--ds-primary-100);color:var(--ds-primary-700)}.server-options-save-status .save-dot{width:6px;height:6px;border-radius:var(--ds-radius-full);background:var(--ds-warning-500);animation:cond-pulse 1s ease-in-out infinite}.server-options-save-status .pending-dot{width:6px;height:6px;border-radius:var(--ds-radius-full);background:var(--ds-primary-500)}@keyframes cond-pulse{0%,to{opacity:1}50%{opacity:.4}}.server-options-loading,.server-options-empty{padding:var(--ds-space-3);text-align:center;font-size:var(--ds-text-xs);color:var(--ds-text-muted);background:var(--ds-bg-default);border-radius:var(--ds-radius-sm)}.server-options-load-more{width:100%;padding:var(--ds-space-1-5);background:var(--ds-bg-muted);border:none;color:var(--ds-primary-500);font-size:var(--ds-text-xs);cursor:pointer;transition:var(--ds-transition-colors)}.server-options-load-more:hover:not(:disabled){background:var(--ds-primary-soft)}.server-options-load-more:focus-visible{outline:2px solid var(--ds-primary-500);outline-offset:2px}.server-options-load-more:disabled{color:var(--ds-text-muted);cursor:wait}.options-head-hint{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.options-head-actions{display:flex;gap:var(--ds-space-2);align-items:center}.options-order-select{background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);color:var(--ds-text-primary);border-radius:var(--ds-radius-lg);padding:var(--control-padding-y) var(--control-padding-x);font-size:var(--ds-text-xs);line-height:1.3;min-height:var(--control-height);transition:var(--ds-transition-all)}@media(max-width:900px){.conditions-editor-root{--control-height: 32px;--control-padding-y: var(--ds-space-1)}}@media(max-width:600px){.conditions-editor-root{--control-height: 31px;--control-padding-y: var(--ds-space-1)}}.options-order-select:focus{border-color:var(--ds-primary-500);box-shadow:0 0 0 3px var(--ds-glow-violet-soft);outline:none}.options-columns-head{display:flex;font-size:var(--ds-text-2xs);font-weight:var(--ds-weight-semibold);color:var(--ds-text-muted);padding:var(--ds-space-1) var(--ds-space-1-5) var(--ds-space-0-5);letter-spacing:.04em;text-transform:uppercase;margin-top:var(--ds-space-1)}.options-columns-head .col-lbl,.options-columns-head .col-val{flex:1}.options-columns-head .col-act{width:110px;text-align:right}.options-toggle-container{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-2) var(--ds-space-1);margin-top:var(--ds-space-1);border-top:1px dashed var(--ds-border-subtle)}.options-toggle-btn{background:transparent;border:none;color:var(--ds-primary-500);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium);cursor:pointer;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-md);transition:var(--ds-transition-all)}.options-toggle-btn:hover{background:var(--ds-primary-soft)}.options-toggle-btn:focus-visible{outline:2px solid var(--ds-primary-500);outline-offset:2px}.options-toggle-hint{font-size:var(--ds-text-xs);color:var(--ds-text-muted);font-style:italic}.options-overflow-hint{padding:var(--ds-space-2) var(--ds-space-1);margin-top:var(--ds-space-1);border-top:1px dashed var(--ds-border-subtle)}.options-overflow-hint .options-overflow-count{font-size:var(--ds-text-xs);color:var(--ds-text-muted);font-style:italic}.options-actions-row{display:flex;align-items:flex-start;gap:var(--ds-space-2);padding:var(--ds-space-2) 0;margin-top:var(--ds-space-2);flex-wrap:wrap}.bulk-import-inline{flex:1;min-width:280px;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);overflow:hidden}.bulk-import-inline-header{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-1-5) var(--ds-space-2);background:var(--ds-bg-muted);border-bottom:1px solid var(--ds-border-default)}.bulk-import-inline-title{font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium);color:var(--ds-text-primary)}.bulk-import-inline-tabs{display:flex;gap:2px;margin-left:auto}.bulk-import-tab{padding:var(--ds-space-0-5) var(--ds-space-1-5);font-size:var(--ds-text-2xs);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-sm);background:var(--ds-bg-default);color:var(--ds-text-muted);cursor:pointer;transition:var(--ds-transition-colors)}.bulk-import-tab:hover{background:var(--ds-bg-elevated);color:var(--ds-text-secondary)}.bulk-import-tab:focus-visible{outline:2px solid var(--ds-primary-500);outline-offset:2px}.bulk-import-tab.active{background:var(--ds-primary-500);color:var(--ds-text-on-primary);border-color:var(--ds-primary-600)}.bulk-import-close{padding:2px 6px;background:transparent;border:none;color:var(--ds-text-muted);cursor:pointer;font-size:12px;line-height:1;border-radius:var(--ds-radius-sm);margin-left:var(--ds-space-1)}.bulk-import-close:hover{background:var(--ds-error-soft);color:var(--ds-error-500)}.bulk-import-close:focus-visible{outline:2px solid var(--ds-primary-500);outline-offset:2px}.bulk-import-hint{padding:var(--ds-space-1) var(--ds-space-2);font-size:var(--ds-text-2xs);color:var(--ds-text-muted);background:var(--ds-bg-default);border-bottom:1px solid var(--ds-border-subtle)}.bulk-import-textarea{width:100%;min-height:60px;padding:var(--ds-space-1-5);font-size:var(--ds-text-xs);font-family:var(--ds-font-mono);background:var(--ds-bg-default);border:none;border-bottom:1px solid var(--ds-border-subtle);color:var(--ds-text-primary);resize:vertical}.bulk-import-textarea:focus{outline:none;background:var(--ds-bg-elevated)}.bulk-import-textarea::placeholder{color:var(--ds-text-muted);opacity:.6}.bulk-import-error{padding:var(--ds-space-1) var(--ds-space-2);font-size:var(--ds-text-xs);color:var(--ds-error-500);background:color-mix(in srgb,var(--ds-error-500) 10%,transparent)}.bulk-import-warnings{padding:var(--ds-space-2);background:color-mix(in srgb,var(--ds-warning-500) 10%,transparent)}.bulk-import-warnings-header{font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium);color:var(--ds-warning-600);margin-bottom:var(--ds-space-1)}.bulk-import-warnings-list{margin:0;padding-left:var(--ds-space-4);font-size:var(--ds-text-2xs);color:var(--ds-warning-700)}.bulk-import-warnings-list li{margin-bottom:2px}.bulk-import-footer{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-1-5) var(--ds-space-2);background:var(--ds-bg-muted)}.bulk-import-note{font-size:var(--ds-text-2xs);color:var(--ds-text-muted);margin-left:auto}.bulk-import-confirm-overlay{position:absolute;inset:0;background:var(--ds-overlay-medium);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:var(--ds-radius-md)}.bulk-import-confirm-dialog{background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md);padding:var(--ds-space-4);max-width:320px;box-shadow:var(--ds-shadow-lg)}.bulk-import-confirm-header{display:flex;align-items:center;gap:var(--ds-space-2);margin-bottom:var(--ds-space-2)}.bulk-import-confirm-icon{font-size:var(--ds-text-lg)}.bulk-import-confirm-title{font-size:var(--ds-text-sm);font-weight:var(--ds-weight-semibold);color:var(--ds-text-primary)}.bulk-import-confirm-message{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);margin-bottom:var(--ds-space-3);line-height:1.5}.bulk-import-confirm-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-2)}.bulk-import-progress{padding:var(--ds-space-4);text-align:center}.bulk-import-progress-header{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-2);margin-bottom:var(--ds-space-3)}.bulk-import-progress-icon{font-size:var(--ds-text-lg);animation:cond-pulse 1s infinite}.bulk-import-progress-title{font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);color:var(--ds-text-primary)}.bulk-import-progress-bar-container{height:8px;background:var(--ds-bg-muted);border-radius:var(--ds-radius-full);overflow:hidden;margin-bottom:var(--ds-space-2)}.bulk-import-progress-bar{height:100%;background:var(--ds-primary-500);border-radius:var(--ds-radius-full);transition:width .1s ease-out}.bulk-import-progress-text{font-size:var(--ds-text-xs);color:var(--ds-text-muted);margin-bottom:var(--ds-space-3)}.cond-flex-grow{flex:1}.cond-w-field,.cond-w-cmp{flex:2}.cond-w-value{flex:3}.validation-panel{border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);overflow:hidden;margin-bottom:var(--ds-space-3)}.validation-all-clear{background:linear-gradient(135deg,color-mix(in srgb,var(--ds-success-500) 20%,transparent),color-mix(in srgb,var(--ds-info-500) 20%,transparent));border-color:var(--ds-success-500)}.validation-all-clear .validation-header{color:var(--ds-success-500);font-weight:var(--ds-weight-semibold);font-size:var(--ds-text-xs);padding:var(--ds-space-2) var(--ds-space-3);text-align:center}.validation-section{border-bottom:1px solid var(--ds-border-default)}.validation-section:last-child{border-bottom:none}.validation-critical{background:linear-gradient(135deg,color-mix(in srgb,var(--ds-error-600) 20%,transparent),color-mix(in srgb,var(--ds-error-700) 20%,transparent))}.validation-critical .validation-header{background:var(--ds-error-500);color:var(--ds-text-white);font-weight:var(--ds-weight-semibold);font-size:var(--ds-text-xs);padding:var(--ds-space-2) var(--ds-space-3);border-bottom:1px solid color-mix(in srgb,var(--ds-error-700) 50%,transparent)}.validation-warnings{background:linear-gradient(135deg,color-mix(in srgb,var(--ds-warning-500) 20%,transparent),color-mix(in srgb,var(--ds-warning-600) 20%,transparent))}.validation-warnings .validation-header{background:var(--ds-warning-500);color:var(--ds-text-white);font-weight:var(--ds-weight-semibold);font-size:var(--ds-text-xs);padding:var(--ds-space-2) var(--ds-space-3);border-bottom:1px solid color-mix(in srgb,var(--ds-warning-600) 50%,transparent)}.validation-body{padding:var(--ds-space-2) var(--ds-space-3);display:flex;flex-direction:column;gap:var(--ds-space-1-5)}.validation-item{display:flex;align-items:flex-start;gap:var(--ds-space-2);padding:var(--ds-space-1-5) var(--ds-space-2);border-radius:var(--ds-radius-md);font-size:var(--ds-text-xs);line-height:1.5}.validation-error{background:color-mix(in srgb,var(--ds-error-700) 20%,transparent);border:1px solid var(--ds-error-500)}.validation-warning{background:color-mix(in srgb,var(--ds-warning-600) 20%,transparent);border:1px solid var(--ds-warning-500)}.validation-icon{font-size:var(--ds-text-base);flex-shrink:0}.validation-content{flex:1;display:flex;flex-direction:column;gap:var(--ds-space-1)}.validation-message{color:var(--ds-text-primary)}.validation-message strong{font-weight:var(--ds-weight-semibold);text-transform:uppercase;font-size:var(--ds-text-2xs);letter-spacing:.04em}.validation-field-ref{color:var(--ds-text-muted);font-size:var(--ds-text-xs);font-family:var(--ds-font-mono)}.validation-location{color:var(--ds-text-muted);font-size:var(--ds-text-xs);margin-top:var(--ds-space-1);font-style:italic}.validation-item.navigable{transition:var(--ds-transition-all);cursor:pointer}.validation-item.navigable:hover{background:color-mix(in srgb,var(--ds-text-white) 5%,transparent);transform:translate(4px);border-left:3px solid currentColor;padding-left:9px}.validation-item.navigable:active{transform:translate(2px)}.dynamic-options-section{margin-top:var(--ds-space-3)}.dyn-options-section{margin-top:var(--ds-space-3);padding-top:var(--ds-space-2);border-top:1px dashed var(--ds-border-subtle)}.dyn-options-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-2)}.dyn-options-actions{display:flex;gap:var(--ds-space-1)}.dyn-bulk-import-panel{background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);padding:var(--ds-space-3);margin-bottom:var(--ds-space-3);display:flex;flex-direction:column;gap:var(--ds-space-2)}.dyn-bulk-format-tabs{display:flex;gap:var(--ds-space-1)}.dyn-bulk-tab{padding:var(--ds-space-1) var(--ds-space-2);font-size:var(--ds-text-xs);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-sm);background:var(--ds-bg-muted);color:var(--ds-text-muted);cursor:pointer;transition:var(--ds-transition-colors)}.dyn-bulk-tab:focus-visible{outline:2px solid var(--ds-primary-500);outline-offset:2px}.dyn-bulk-tab.active{background:var(--ds-primary-500);color:var(--ds-text-on-primary);border-color:var(--ds-primary-600)}.dyn-bulk-textarea{width:100%;min-height:80px;padding:var(--ds-space-2);font-size:var(--ds-text-xs);font-family:var(--ds-font-mono);background:var(--ds-bg-default);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-sm);color:var(--ds-text-primary);resize:vertical}.dyn-bulk-textarea:focus{outline:none;border-color:var(--ds-primary-500);box-shadow:0 0 0 2px var(--ds-primary-100)}.dyn-bulk-textarea::placeholder{color:var(--ds-text-muted);opacity:.7}.dyn-bulk-error{color:var(--ds-error-500);font-size:var(--ds-text-xs);padding:var(--ds-space-1) var(--ds-space-2);background:color-mix(in srgb,var(--ds-error-500) 10%,transparent);border-radius:var(--ds-radius-sm)}.dyn-bulk-warnings{background:color-mix(in srgb,var(--ds-warning-500) 10%,transparent);border:1px solid color-mix(in srgb,var(--ds-warning-500) 30%,transparent);border-radius:var(--ds-radius-md);padding:var(--ds-space-3);margin-top:var(--ds-space-2)}.dyn-bulk-warnings-header{font-size:var(--ds-text-sm);font-weight:var(--ds-weight-semibold);color:var(--ds-warning-600);margin-bottom:var(--ds-space-2)}.dyn-bulk-warnings-list{margin:0;padding-left:var(--ds-space-4);font-size:var(--ds-text-xs);color:var(--ds-warning-700)}.dyn-bulk-warnings-list li{margin-bottom:var(--ds-space-1)}.dyn-bulk-warnings-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-2);margin-top:var(--ds-space-3);padding-top:var(--ds-space-2);border-top:1px solid color-mix(in srgb,var(--ds-warning-500) 20%,transparent)}.btn-warning{background:var(--ds-warning-500);color:var(--ds-text-white);border:none}.btn-warning:hover{background:var(--ds-warning-600)}.btn-warning:focus-visible{outline:2px solid var(--ds-primary-500);outline-offset:2px}.btn-outline{background:transparent;border:1px solid var(--ds-border-default);color:var(--ds-text-secondary)}.btn-outline:hover{background:var(--ds-bg-muted)}.btn-outline:focus-visible{outline:2px solid var(--ds-primary-500);outline-offset:2px}.dyn-bulk-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-space-2)}.dyn-bulk-hint{font-size:var(--ds-text-2xs);color:var(--ds-text-muted)}.dyn-empty-options{font-size:var(--ds-text-xs);color:var(--ds-text-muted);padding:var(--ds-space-3);text-align:center;background:var(--ds-bg-muted);border-radius:var(--ds-radius-sm);border:1px dashed var(--ds-border-default)}.dyn-empty-options strong{color:var(--ds-text-secondary)}.dynamic-rule-card.collapsed .dyn-options-section{display:none}.dyn-options-table{display:flex;flex-direction:column;gap:0;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);overflow:hidden;background:var(--ds-bg-default)}.dyn-options-quick-search{display:flex;align-items:center;gap:var(--ds-space-2);margin:var(--ds-space-2) 0;padding:var(--ds-space-1) var(--ds-space-3);position:relative}.dyn-options-quick-search .dyn-search{position:relative;flex:1;display:flex;align-items:center}.dyn-options-quick-search .dyn-search-icon{position:absolute;left:var(--ds-space-2);color:var(--ds-text-muted);pointer-events:none;flex-shrink:0}.dyn-options-quick-search .dyn-search-input,.dyn-options-quick-search .dyn-options-search-input{flex:1;width:100%;padding:var(--ds-space-1-5) var(--ds-space-2-5);padding-left:calc(var(--ds-space-2) + 14px + var(--ds-space-1-5));padding-right:var(--ds-space-20);font-size:var(--ds-text-xs);background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);transition:var(--ds-transition-all)}.dyn-options-quick-search .dyn-search-input:focus,.dyn-options-quick-search .dyn-options-search-input:focus{outline:none;border-color:var(--ds-primary-500);box-shadow:0 0 0 2px var(--ds-glow-violet-soft)}.dyn-options-quick-search .dyn-search-clear,.dyn-options-quick-search .dyn-options-search-clear{position:absolute;right:var(--ds-space-2);top:50%;transform:translateY(-50%);background:var(--ds-bg-muted);border:none;color:var(--ds-text-muted);cursor:pointer;font-size:var(--ds-text-xs);width:18px;height:18px;border-radius:var(--ds-radius-full);display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.dyn-options-quick-search .dyn-search-clear:hover,.dyn-options-quick-search .dyn-options-search-clear:hover{background:var(--ds-bg-subtle);color:var(--ds-text-primary)}.dyn-options-quick-search .dyn-search-result-count,.dyn-options-search-result{position:absolute;right:var(--ds-space-7);top:50%;transform:translateY(-50%);font-size:var(--ds-text-2xs);color:var(--ds-success-500);font-weight:var(--ds-weight-medium);white-space:nowrap;padding-right:var(--ds-space-2)}.dyn-options-no-results{padding:var(--ds-space-3);font-size:var(--ds-text-xs);color:var(--ds-text-muted);text-align:center;font-style:italic}.dyn-options-search{display:flex;align-items:center;position:relative}.dyn-options-search-input{width:140px;padding:var(--ds-space-1) var(--ds-space-2);padding-right:var(--ds-space-6);font-size:var(--ds-text-xs);background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);transition:var(--ds-transition-all)}.dyn-options-search-input:focus{outline:none;border-color:var(--ds-primary-500);box-shadow:0 0 0 2px var(--ds-glow-violet-soft);width:180px}.dyn-options-search-input::placeholder{color:var(--ds-text-muted)}.dyn-options-search-clear{position:absolute;right:6px;background:none;border:none;color:var(--ds-text-muted);cursor:pointer;font-size:var(--ds-text-base);line-height:1;padding:2px}.dyn-options-search-clear:hover{color:var(--ds-text-primary)}.dyn-options-hidden-hint{padding:var(--ds-space-2) var(--ds-space-3);font-size:var(--ds-text-xs);color:var(--ds-text-muted);font-style:italic;background:var(--ds-bg-elevated);border-bottom:1px dashed var(--ds-border-subtle);text-align:center}.dyn-options-search-results{padding:var(--ds-space-2) var(--ds-space-3);font-size:var(--ds-text-xs);color:var(--ds-success-400);font-weight:var(--ds-weight-medium);background:color-mix(in srgb,var(--ds-success-500) 10%,transparent);border-bottom:1px solid var(--ds-border-default);text-align:center}.dyn-options-table-header{display:grid;grid-template-columns:32px 1fr 1fr 40px;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-bg-elevated);border-bottom:1px solid var(--ds-border-default);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted)}.dyn-col-number{text-align:center;color:var(--ds-text-tertiary)}.dyn-col-label,.dyn-col-value{display:flex;align-items:center;gap:var(--ds-space-1)}.dyn-col-icon{font-size:12px;opacity:.8}.dyn-col-label .dyn-col-icon{filter:hue-rotate(180deg)}.dyn-col-actions{width:40px}.dyn-option-row{display:grid;grid-template-columns:32px 1fr 1fr 40px;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3);align-items:center;border-bottom:1px solid var(--ds-border-subtle);transition:background var(--ds-transition-colors)}.dyn-option-row:hover{background:var(--ds-bg-muted)}.dyn-row-number{text-align:center;font-size:var(--ds-text-2xs);font-weight:var(--ds-weight-semibold);color:var(--ds-text-tertiary);background:var(--ds-bg-elevated);width:20px;height:20px;border-radius:var(--ds-radius-full);display:flex;align-items:center;justify-content:center}.dyn-input-wrapper{position:relative}.dyn-input-wrapper input{width:100%;padding:var(--ds-space-1-5) var(--ds-space-2-5);font-size:var(--ds-text-sm);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);background:var(--ds-bg-elevated);color:var(--ds-text-primary);transition:var(--ds-transition-all)}.dyn-input-wrapper input:focus{outline:none;border-color:var(--ds-primary-500);box-shadow:0 0 0 2px var(--ds-glow-violet-soft)}.dyn-input-wrapper input::placeholder{color:var(--ds-text-muted);font-style:italic;opacity:.7}.dyn-input-label input{border-left:3px solid var(--ds-info-400)}.dyn-input-label input:focus{border-left-color:var(--ds-info-500)}.dyn-input-value input{border-left:3px solid var(--ds-primary-400);font-family:var(--ds-font-mono);font-size:var(--ds-text-xs)}.dyn-input-value input:focus{border-left-color:var(--ds-primary-500)}.dyn-delete-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--ds-text-tertiary);border-radius:var(--ds-radius-sm);cursor:pointer;transition:var(--ds-transition-colors)}.dyn-delete-btn:hover{background:var(--ds-error-100);color:var(--ds-error-500)}.dyn-delete-btn:active{transform:scale(.95)}.dyn-option-row-error{background:color-mix(in srgb,var(--ds-error-500) 8%,transparent);border-left:3px solid var(--ds-error-400)}.dyn-input-error.dyn-input-error input{border-color:var(--ds-error-400);background:color-mix(in srgb,var(--ds-error-500) 5%,transparent)}.dyn-input-error.dyn-input-error input:focus{border-color:var(--ds-error-500);box-shadow:0 0 0 2px var(--ds-error-100)}.dyn-input-error-icon{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:12px;cursor:help;animation:pulse-warning 1.5s infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.5}}.dyn-options-issues-bar{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3);background:color-mix(in srgb,var(--ds-warning-400) 10%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ds-warning-400) 30%,transparent)}.dyn-options-issues-icon{font-size:var(--ds-text-base)}.dyn-options-issues-text{font-size:var(--ds-text-xs);color:var(--ds-warning-600)}.dyn-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-bg-elevated);border-bottom:1px solid var(--ds-border-subtle)}.dyn-pagination-bottom{border-top:1px solid var(--ds-border-subtle);border-bottom:none}.dyn-pagination-info{display:flex;align-items:center;gap:var(--ds-space-1);font-size:var(--ds-text-xs)}.dyn-pagination-range{font-weight:var(--ds-weight-semibold);color:var(--ds-text-primary);font-variant-numeric:tabular-nums}.dyn-pagination-total{color:var(--ds-text-muted)}.dyn-pagination-filtered{color:var(--ds-info-500);font-style:italic}.dyn-pagination-controls{display:flex;align-items:center;gap:var(--ds-space-1)}.dyn-page-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--ds-text-2xs);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-sm);background:var(--ds-bg-default);color:var(--ds-text-secondary);cursor:pointer;transition:var(--ds-transition-colors)}.dyn-page-btn:hover:not(:disabled){background:var(--ds-bg-surface);border-color:var(--ds-primary-400);color:var(--ds-primary-500)}.dyn-page-btn:focus-visible{outline:2px solid var(--ds-primary-500);outline-offset:2px}.dyn-page-btn:disabled{opacity:.3;cursor:not-allowed}.dyn-page-indicator{min-width:45px;text-align:center;font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium);color:var(--ds-text-secondary);font-variant-numeric:tabular-nums}.dyn-btn{display:inline-flex;align-items:center;gap:6px;padding:6px var(--ds-space-3);font-size:var(--ds-text-xs);font-weight:500;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);background:var(--ds-bg-elevated);color:var(--ds-text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.dyn-btn:hover{background:var(--ds-bg-surface);border-color:var(--ds-primary-400);transform:translateY(-1px);box-shadow:0 2px 8px color-mix(in srgb,var(--ds-indigo-500) 15%,transparent)}.dyn-btn:focus-visible{outline:2px solid var(--ds-primary-500);outline-offset:2px}.dyn-btn:active{transform:translateY(0)}.dyn-btn-bulk{background:linear-gradient(135deg,color-mix(in srgb,var(--ds-info-400) 10%,transparent),color-mix(in srgb,var(--ds-indigo-500) 10%,transparent));border-color:color-mix(in srgb,var(--ds-info-400) 40%,transparent);color:var(--ds-info-500)}.dyn-btn-bulk:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--ds-info-400) 20%,transparent),color-mix(in srgb,var(--ds-indigo-500) 20%,transparent));border-color:var(--ds-info-400);color:var(--ds-info-400)}.dyn-btn-add{background:linear-gradient(135deg,color-mix(in srgb,var(--ds-success-500) 10%,transparent),color-mix(in srgb,var(--ds-success-400) 10%,transparent));border-color:color-mix(in srgb,var(--ds-success-500) 40%,transparent);color:var(--ds-success-500)}.dyn-btn-add:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--ds-success-500) 20%,transparent),color-mix(in srgb,var(--ds-success-400) 20%,transparent));border-color:var(--ds-success-400);color:var(--ds-success-400)}.dyn-bulk-header{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--ds-space-1)}.dyn-bulk-title{font-size:var(--ds-text-sm);font-weight:600;color:var(--ds-text-primary);display:flex;align-items:center;gap:var(--ds-space-2)}.dyn-bulk-subtitle{font-size:var(--ds-text-xs);color:var(--ds-text-muted);padding-left:22px}.dyn-bulk-format-tabs{display:flex;gap:var(--ds-space-1);padding:3px;background:var(--ds-bg-muted);border-radius:var(--ds-radius-md);width:fit-content}.dyn-bulk-tab{display:inline-flex;align-items:center;gap:6px;padding:var(--ds-space-2) 14px;font-size:var(--ds-text-xs);font-weight:500;border:none;border-radius:var(--ds-radius-md);background:transparent;color:var(--ds-text-muted);cursor:pointer;transition:all .2s ease}.dyn-bulk-tab:hover{background:var(--ds-bg-elevated);color:var(--ds-text-secondary)}.dyn-bulk-tab.active{background:var(--ds-bg-default);color:var(--ds-text-primary);box-shadow:0 1px 3px #0003}.dyn-bulk-example{padding:10px var(--ds-space-3);background:linear-gradient(135deg,color-mix(in srgb,var(--ds-indigo-500) 8%,transparent),color-mix(in srgb,var(--ds-info-400) 8%,transparent));border-radius:var(--ds-radius-md);border-left:3px solid var(--ds-primary-400)}.dyn-bulk-example code{font-size:var(--ds-text-xs);font-family:var(--ds-font-mono);color:var(--ds-text-secondary);word-break:break-all}.dyn-bulk-or{color:var(--ds-text-muted);font-style:italic;margin:0 6px;font-size:var(--ds-text-2xs)}.dynamic-rule-card{border:1px solid color-mix(in srgb,var(--ds-indigo-500) 30%,transparent);border-left:4px solid var(--ds-primary-500);border-radius:var(--ds-radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--ds-indigo-500) 5%,transparent),color-mix(in srgb,var(--ds-violet-500) 3%,transparent));padding:var(--ds-space-4) 18px 18px;display:flex;flex-direction:column;gap:var(--ds-space-3);position:relative;transition:all .25s ease;box-shadow:0 2px 8px color-mix(in srgb,var(--ds-indigo-500) 10%,transparent)}.dynamic-rule-card:hover{border-color:color-mix(in srgb,var(--ds-indigo-500) 50%,transparent);box-shadow:0 4px 16px color-mix(in srgb,var(--ds-indigo-500) 15%,transparent)}.dynamic-rule-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--ds-primary-500);border-radius:var(--ds-radius-lg) var(--ds-radius-lg) 0 0;opacity:.8}.rule-badge-index{background:linear-gradient(135deg,var(--ds-primary-500),var(--ds-violet-500));border:none;color:var(--ds-text-white);font-size:var(--ds-text-2xs);padding:var(--ds-space-1) 10px;border-radius:var(--ds-radius-2xl);font-weight:600;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 6px color-mix(in srgb,var(--ds-indigo-500) 30%,transparent)}.dynamic-rule-header{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.dyn-rule-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dyn-rule-control-group{display:flex;align-items:center;gap:6px;background:var(--ds-bg-elevated);padding:var(--ds-space-1) var(--ds-space-2) var(--ds-space-1) 10px;border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-subtle)}.dyn-rule-control-label{font-size:var(--ds-text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text-muted)}.dynamic-rule-card .cond-logic-select{background:var(--ds-bg-default);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);padding:5px 10px;font-size:12px;font-weight:500;color:var(--ds-text-primary);min-width:80px;cursor:pointer;transition:all .15s ease}.dynamic-rule-card .cond-logic-select:hover{border-color:var(--ds-primary-400)}.dynamic-rule-card .cond-logic-select:focus{border-color:var(--ds-primary-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--ds-indigo-500) 15%,transparent);outline:none}.dyn-rule-actions{display:flex;gap:6px;margin-left:auto}.dyn-action-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;font-size:var(--ds-text-xs);font-weight:500;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);background:var(--ds-bg-elevated);color:var(--ds-text-secondary);cursor:pointer;transition:all .15s ease}.dyn-action-btn:hover{background:var(--ds-bg-muted);border-color:var(--ds-border-strong)}.dyn-action-btn:focus-visible{outline:2px solid var(--ds-primary-500);outline-offset:2px}.dyn-action-btn.primary{background:linear-gradient(135deg,color-mix(in srgb,var(--ds-indigo-500) 15%,transparent),color-mix(in srgb,var(--ds-violet-500) 10%,transparent));border-color:color-mix(in srgb,var(--ds-indigo-500) 30%,transparent);color:var(--ds-primary-400)}.dyn-action-btn.primary:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--ds-indigo-500) 25%,transparent),color-mix(in srgb,var(--ds-violet-500) 20%,transparent));border-color:var(--ds-primary-400)}.dyn-action-btn.danger{color:var(--ds-error-400);border-color:color-mix(in srgb,var(--ds-error-500) 20%,transparent)}.dyn-action-btn.danger:hover{background:color-mix(in srgb,var(--ds-error-500) 10%,transparent);border-color:var(--ds-error-400)}.dyn-action-btn.collapse-btn{padding:6px var(--ds-space-2);min-width:auto}.dyn-conditions-wrapper{display:flex;flex-direction:column;gap:6px;padding:var(--ds-space-3);background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-subtle)}.dyn-conditions-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--ds-space-2);border-bottom:1px solid var(--ds-border-subtle);margin-bottom:var(--ds-space-1)}.dyn-conditions-title{font-size:var(--ds-text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text-muted);display:flex;align-items:center;gap:6px}.dyn-conditions-count{font-size:var(--ds-text-2xs);color:var(--ds-text-tertiary);background:var(--ds-bg-muted);padding:2px var(--ds-space-2);border-radius:var(--ds-radius-md)}.dyn-options-section{margin-top:var(--ds-space-2);padding-top:var(--ds-space-3);border-top:1px dashed color-mix(in srgb,var(--ds-indigo-500) 20%,transparent)}.dyn-options-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-3)}.dyn-options-title{font-size:var(--ds-text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text-muted);display:flex;align-items:center;gap:6px}.dyn-options-count{font-size:var(--ds-text-2xs);font-weight:500;color:var(--ds-primary-400);background:color-mix(in srgb,var(--ds-indigo-500) 10%,transparent);padding:2px var(--ds-space-2);border-radius:var(--ds-radius-md);margin-left:6px}.dyn-options-actions{display:flex;gap:var(--ds-space-2)}.dyn-options-table{display:flex;flex-direction:column;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);overflow:hidden;background:var(--ds-bg-default)}.dyn-options-table-header{display:grid;grid-template-columns:36px 1fr 1fr 44px;gap:10px;padding:10px 14px;background:linear-gradient(135deg,var(--ds-bg-elevated),var(--ds-bg-muted));border-bottom:1px solid var(--ds-border-default);font-size:var(--ds-text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text-muted)}.dyn-option-row{display:grid;grid-template-columns:36px 1fr 1fr 44px;gap:10px;padding:10px 14px;align-items:center;border-bottom:1px solid var(--ds-border-subtle);transition:all .15s ease}.dyn-option-row:last-child{border-bottom:none}.dyn-option-row:hover{background:color-mix(in srgb,var(--ds-indigo-500) 3%,transparent)}.dyn-row-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--ds-text-2xs);font-weight:600;color:var(--ds-text-tertiary);background:var(--ds-bg-muted);border-radius:var(--ds-radius-full)}.dyn-empty-options{font-size:12px;color:var(--ds-text-muted);padding:var(--ds-space-6) var(--ds-space-4);text-align:center;background:linear-gradient(135deg,color-mix(in srgb,var(--ds-indigo-500) 3%,transparent),color-mix(in srgb,var(--ds-violet-500) 2%,transparent));border-radius:var(--ds-radius-md);border:2px dashed color-mix(in srgb,var(--ds-indigo-500) 20%,transparent)}.dyn-empty-options strong{color:var(--ds-primary-400);font-weight:600}.dynamic-rule-card.collapsed{padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-bg-elevated)}.dynamic-rule-card.collapsed:before{opacity:.4}.collapsed-summary{font-size:var(--ds-text-xs);color:var(--ds-text-muted);display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-bg-muted);border-radius:var(--ds-radius-md);margin-top:var(--ds-space-1)}.collapsed-summary-item{display:flex;align-items:center;gap:var(--ds-space-1)}.collapsed-summary-value{font-weight:600;color:var(--ds-primary-400)}.dyn-bulk-import-panel{background:linear-gradient(135deg,var(--ds-bg-elevated),color-mix(in srgb,var(--ds-indigo-500) 3%,transparent));border:1px solid color-mix(in srgb,var(--ds-indigo-500) 20%,transparent);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4);margin-bottom:var(--ds-space-3);display:flex;flex-direction:column;gap:var(--ds-space-3);animation:cond-slideDown .2s ease-out}@keyframes cond-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dyn-bulk-textarea{width:100%;min-height:100px;padding:var(--ds-space-3);font-size:12px;font-family:var(--ds-font-mono);background:var(--ds-bg-default);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);resize:vertical;line-height:1.5;transition:all .15s ease}.dyn-bulk-textarea:focus{outline:none;border-color:var(--ds-primary-400);box-shadow:0 0 0 3px color-mix(in srgb,var(--ds-indigo-500) 15%,transparent)}.dyn-bulk-textarea::placeholder{color:var(--ds-text-tertiary);font-style:italic}.dyn-bulk-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--ds-space-2);border-top:1px solid var(--ds-border-subtle)}.dyn-bulk-hint{font-size:var(--ds-text-xs);color:var(--ds-text-muted);display:flex;align-items:center;gap:6px}.dyn-bulk-confirm-overlay{position:absolute;inset:0;background:var(--ds-overlay-medium);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:var(--ds-radius-md)}.dyn-bulk-confirm-dialog{background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md);padding:var(--ds-space-4);max-width:320px;box-shadow:var(--ds-shadow-lg)}.dyn-bulk-confirm-header{display:flex;align-items:center;gap:var(--ds-space-2);margin-bottom:var(--ds-space-2)}.dyn-bulk-confirm-icon{font-size:var(--ds-text-lg)}.dyn-bulk-confirm-title{font-size:var(--ds-text-sm);font-weight:var(--ds-weight-semibold);color:var(--ds-text-primary)}.dyn-bulk-confirm-message{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);margin-bottom:var(--ds-space-3);line-height:1.5}.dyn-bulk-confirm-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-2)}.dyn-bulk-progress{padding:var(--ds-space-4);text-align:center}.dyn-bulk-progress-header{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-2);margin-bottom:var(--ds-space-3)}.dyn-bulk-progress-icon{font-size:var(--ds-text-lg);animation:cond-pulse 1s infinite}.dyn-bulk-progress-title{font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);color:var(--ds-text-primary)}.dyn-bulk-progress-bar-container{height:8px;background:var(--ds-bg-muted);border-radius:var(--ds-radius-full);overflow:hidden;margin-bottom:var(--ds-space-2)}.dyn-bulk-progress-bar{height:100%;background:var(--ds-primary-500);border-radius:var(--ds-radius-full);transition:width .1s ease-out}.dyn-bulk-progress-text{font-size:var(--ds-text-xs);color:var(--ds-text-muted);margin-bottom:var(--ds-space-3)}.bulk-import-parsing,.dyn-bulk-parsing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-6);gap:var(--ds-space-2);min-height:100px}.bulk-import-parsing-icon,.dyn-bulk-parsing-icon{font-size:24px;animation:cond-pulse 1s infinite}.bulk-import-parsing-text,.dyn-bulk-parsing-text{font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}@keyframes cond-pulse{0%,to{opacity:1}50%{opacity:.5}}[data-theme=light] .options-count-badge{color:var(--ds-primary-700)}[data-theme=light] .options-page-btn:hover:not(:disabled){color:var(--ds-primary-700)}[data-theme=light] .option-cloud-indicator,[data-theme=light] .server-options-load-trigger:hover,[data-theme=light] .server-options-footer .footer-cloud,[data-theme=light] .server-options-load-more,[data-theme=light] .options-toggle-btn{color:var(--ds-primary-700)}[data-theme=light] .dyn-page-btn:hover:not(:disabled){color:var(--ds-primary-700)}[data-theme=light] .dyn-action-btn.primary,[data-theme=light] .dyn-options-count,[data-theme=light] .dyn-empty-options strong,[data-theme=light] .collapsed-summary-value{color:var(--ds-primary-700)}.conditions-editor-root.compact{border:none;background:transparent;padding:0;gap:var(--ds-space-2);box-shadow:none}.conditions-editor-root.compact:before{display:none}.step-visibility-section{margin-top:var(--ds-space-2);display:flex;flex-direction:column;gap:8px;padding:10px 14px;background:color-mix(in srgb,var(--ds-bg-elevated) 30%,transparent)!important;border-radius:var(--ds-radius-md);border:1px solid color-mix(in srgb,var(--ds-border-subtle) 50%,transparent)!important}.step-visibility-section *:before,.step-visibility-section *:after{display:none!important;content:none!important;background:transparent!important}.step-visibility-section *:not(button):not(select):not(input){border-color:color-mix(in srgb,var(--ds-border-subtle) 40%,transparent)!important}.step-visibility-section *{--ds-primary-100: transparent;--ds-primary-500: var(--ds-border-default)}.step-visibility-section>section{display:flex;flex-direction:column;gap:8px}.step-visibility-section .cond-section-header{margin-bottom:0;display:flex;align-items:center;gap:10px;padding:0;background:transparent;border:none;border-radius:0}.step-visibility-section .cond-section-header:before{display:none!important}.step-visibility-section .cond-section-header h3{font-size:9px;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;opacity:.6}.step-visibility-section .cond-section-header h3:before{display:none!important}.step-visibility-section .cond-mode-switch{gap:3px;padding:2px;background:color-mix(in srgb,var(--ds-bg-base) 40%,transparent);border-radius:var(--ds-radius-sm);border:1px solid color-mix(in srgb,var(--ds-border-subtle) 30%,transparent)}.step-visibility-section .cond-chip-btn{padding:3px 10px;font-size:10px;height:22px;border-radius:var(--ds-radius-sm);font-weight:500;border:1px solid transparent;background:transparent;color:var(--ds-text-muted)}.step-visibility-section .cond-chip-btn:hover{background:color-mix(in srgb,var(--ds-border-subtle) 40%,transparent);color:var(--ds-text-secondary)}.step-visibility-section .cond-chip-btn.active{background:color-mix(in srgb,var(--ds-border-subtle) 60%,transparent);color:var(--ds-text-primary);border-color:color-mix(in srgb,var(--ds-border-default) 50%,transparent);box-shadow:none}.step-visibility-section .cond-block,.step-visibility-section .cond-block.cond-block{width:100%;padding:12px;margin-top:10px;background:color-mix(in srgb,var(--ds-bg-elevated) 20%,transparent);border-radius:var(--ds-radius-md);border:1px solid color-mix(in srgb,var(--ds-border-subtle) 40%,transparent);position:relative}.step-visibility-section .cond-block:before,.step-visibility-section .cond-block.cond-block:before{display:none!important;content:none!important}.step-visibility-section .cond-block-header{padding-bottom:10px;border-bottom:1px solid color-mix(in srgb,var(--ds-border-subtle) 40%,transparent);margin-bottom:10px}.step-visibility-section .cond-logic-row{gap:10px}.step-visibility-section .cond-logic-label{font-size:10px;opacity:.7}.step-visibility-section .cond-logic-select{font-size:11px;padding:6px 10px;min-height:30px}.step-visibility-section .cond-add-rule-btn{font-size:11px;padding:6px 12px}.step-visibility-section .cond-rule-row{padding:8px 10px;background:color-mix(in srgb,var(--ds-bg-elevated) 25%,transparent);border:1px solid color-mix(in srgb,var(--ds-border-subtle) 30%,transparent);border-radius:var(--ds-radius-md)}.step-visibility-section .cond-rule-row:hover{border-color:color-mix(in srgb,var(--ds-border-subtle) 60%,transparent)}.step-visibility-section .cond-rule-row select,.step-visibility-section .cond-rule-row input{font-size:11px;padding:6px 8px;min-height:30px}.step-visibility-section .cond-rule-number{width:18px;height:18px;font-size:9px}.step-visibility-section .cond-remove-btn{width:24px;height:24px}.cond-section-compact .cond-section-header{margin-bottom:5px;padding:0;background:transparent;border:none}.cond-section-compact .cond-section-header:before{display:none}.cond-section-compact .cond-chip-btn{padding:3px 10px;font-size:10px;height:22px}.modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalOverlayIn .2s ease-out}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--ds-bg-surface);color:var(--ds-text-primary);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-xl),0 0 40px #0006;border:1px solid var(--ds-border-default);max-width:700px;width:90%;max-height:90vh;display:flex;flex-direction:column;animation:modalContentIn .2s ease-out;font-size:var(--ds-text-sm)}@keyframes modalContentIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-3) var(--ds-space-4);border-bottom:1px solid var(--ds-border-default)}.modal-header h2{margin:0;font-size:var(--ds-text-base);font-weight:var(--ds-weight-semibold);color:var(--ds-text-primary)}.close-button,.modal-close{background:transparent;border:none;font-size:var(--ds-text-xl);cursor:pointer;color:var(--ds-text-muted);padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--ds-radius-md);transition:var(--ds-transition-all)}.close-button:hover,.modal-close:hover{background:var(--ds-bg-muted);color:var(--ds-text-primary)}.modal-title{margin:0;font-size:var(--ds-text-base);font-weight:var(--ds-weight-semibold);color:var(--ds-text-primary)}.modal-body{padding:var(--ds-space-4);overflow-y:auto;flex:1;font-size:var(--ds-text-sm);line-height:var(--ds-leading-relaxed)}.modal-body h3{font-size:var(--ds-text-base);font-weight:var(--ds-weight-semibold);color:var(--ds-text-primary);margin:0 0 var(--ds-space-2) 0}.modal-body p{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);margin:0 0 var(--ds-space-3) 0}.modal-body label{font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium);color:var(--ds-text-secondary);display:block;margin-bottom:var(--ds-space-1-5)}.modal-body input,.modal-body select,.modal-body textarea{font-size:var(--ds-text-sm);padding:var(--ds-space-2) var(--ds-space-2-5);background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);width:100%;transition:var(--ds-transition-all)}.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus{outline:none;border-color:var(--ds-primary-500);box-shadow:0 0 0 3px var(--ds-glow-violet-soft)}.modal-footer{padding:var(--ds-space-3) var(--ds-space-4);border-top:1px solid var(--ds-border-default);display:flex;justify-content:flex-end;gap:var(--ds-space-2)}.modal-footer .btn{padding:var(--ds-space-2-5) var(--ds-space-5);border-radius:var(--ds-radius-lg);cursor:pointer;border:none;font-weight:var(--ds-weight-medium);font-size:var(--ds-text-sm);transition:var(--ds-transition-all)}.modal-footer .btn-primary{background:var(--ds-gradient-primary);color:#fff;box-shadow:var(--ds-shadow-sm)}.modal-footer .btn-primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:var(--ds-shadow-md),var(--ds-shadow-glow);transform:translateY(-1px)}.modal-footer .btn-success{background:linear-gradient(135deg,var(--ds-success-500),var(--ds-success-600));color:#fff}.modal-footer .btn-success:hover:not(:disabled){filter:brightness(1.1)}.modal-footer .btn-secondary{background:var(--ds-bg-elevated);color:var(--ds-text-secondary);border:1px solid var(--ds-border-default)}.modal-footer .btn-secondary:hover:not(:disabled){background:var(--ds-bg-surface);border-color:var(--ds-border-strong);color:var(--ds-text-primary)}.modal-footer .btn:disabled{opacity:.5;cursor:not-allowed}.modal-body table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--ds-text-sm)}.modal-body table th{padding:var(--ds-space-3) var(--ds-space-4);text-align:left;font-weight:var(--ds-weight-semibold);font-size:var(--ds-text-xs);color:var(--ds-text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--ds-border-subtle);background:var(--ds-bg-elevated)}.modal-body table td{padding:var(--ds-space-3) var(--ds-space-4);font-size:var(--ds-text-sm);color:var(--ds-text-primary);border-bottom:1px solid var(--ds-border-subtle)}.modal-body table tbody tr:hover{background:var(--ds-bg-elevated)}.modal-body table tbody tr:last-child td{border-bottom:none}.conditions-issues-panel{font-size:var(--ds-text-xs)}.conditions-issues-panel .header{font-weight:var(--ds-weight-semibold);margin-bottom:var(--ds-space-1);color:var(--ds-text-secondary)}.conditions-issues-panel .disp-issue{display:flex;gap:var(--ds-space-2);padding:var(--ds-space-1) var(--ds-space-2);border-left:3px solid var(--ds-border-default);margin-bottom:var(--ds-space-1);background:var(--ds-bg-muted);border-radius:0 var(--ds-radius-sm) var(--ds-radius-sm) 0}.conditions-issues-panel .disp-issue-missing_ref{border-color:var(--ds-error-500);background:#f43f5e14}.conditions-issues-panel .disp-issue-forward_ref{border-color:var(--ds-warning-500);background:#f59e0b14}.conditions-issues-panel .disp-issue-type_mismatch{border-color:var(--ds-warning-400);background:#fbbf2414}.conditions-issues-panel .disp-issue-empty_dynamic{border-color:var(--ds-text-muted);background:var(--ds-bg-subtle)}.conditions-issues-panel .kind{text-transform:uppercase;font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);opacity:.8;letter-spacing:.05em}.conditions-issues-panel .msg{flex:1;color:var(--ds-text-secondary)}.conditions-issues-panel .fref{opacity:.5;font-family:var(--ds-font-mono)}