:root{--bg-primary: #f5f6fa;--bg-secondary: #ffffff;--bg-tertiary: #f9fafb;--bg-input: #ffffff;--bg-hover: #f3f4f6;--bg-sunken: #fafafa;--bg-overlay: rgba(0, 0, 0, .45);--bg-scrim: rgba(245, 246, 250, .85);--text-primary: #111827;--text-secondary: #374151;--text-muted: #6b7280;--text-subtle: #9ca3af;--on-accent: #ffffff;--border-color: #e5e7eb;--border-strong: #d1d5db;--border-subtle: #f3f4f6;--accent-color: #2563eb;--accent-hover: #1d4ed8;--accent-active: #1e40af;--accent-disabled: #93c5fd;--accent-tint: #eff6ff;--accent-tint-strong:#dbeafe;--accent-border: #bfdbfe;--success: #16a34a;--success-bg: #f0fdf4;--success-border: #bbf7d0;--error: #dc2626;--error-bg: #fef2f2;--error-border: #fecaca;--warning: #d97706;--warning-bg: #fffbeb;--warning-border: #fcd34d;--orange: #ea580c;--orange-bg: #fff7ed;--orange-border: #fed7aa;--teal: #0d9488;--teal-bg: #f0fdfa;--teal-border: #99f6e4;--violet: #6366f1;--violet-bg: #eef2ff;--violet-border: #c7d2fe;--pink: #9d174d;--pink-bg: #fce7f3;--pink-border: #fbcfe8;--info: #1d4ed8;--info-bg: #eff6ff;--info-border: #bfdbfe;--accent-rgb: 37 99 235;--shadow-soft: 0 4px 20px -2px rgba(0, 0, 0, .05), 0 2px 10px -2px rgba(0, 0, 0, .03);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .18), 0 4px 16px rgba(0, 0, 0, .08);--shadow-popover: 0 8px 28px -6px rgba(0, 0, 0, .14), 0 2px 8px -2px rgba(0, 0, 0, .06);--focus-ring: rgba(37, 99, 235, .08);--focus-ring-strong: rgba(37, 99, 235, .1);--scrollbar-thumb: #d1d5db;--scrollbar-thumb-hover: #9ca3af;--ring-accent: rgba(37, 99, 235, .35);--ring-error: rgba(220, 38, 38, .35)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-primary: #0b1326;--bg-secondary: #131b2e;--bg-tertiary: #1e293b;--bg-input: #0b1326;--bg-hover: #31394d;--bg-sunken: #060e20;--bg-overlay: rgba(0, 0, 0, .65);--bg-scrim: rgba(11, 19, 38, .85);--text-primary: #e8edf7;--text-secondary: #c3ccdd;--text-muted: #93a0b8;--text-subtle: #6d7b93;--on-accent: #ffffff;--border-color: #273349;--border-strong: #3a475f;--border-subtle: #1c2740;--accent-color: #3b82f6;--accent-hover: #60a5fa;--accent-active: #93c5fd;--accent-disabled: #1e3a8a;--accent-tint: #16233f;--accent-tint-strong:#1e3a8a;--accent-border: #2b4a7d;--success: #22c55e;--success-bg: #0f2a1b;--success-border: #1d5236;--error: #ef4444;--error-bg: #2a1113;--error-border: #5a1f22;--warning: #f59e0b;--warning-bg: #2c2010;--warning-border: #6b4a12;--orange: #fb923c;--orange-bg: #2e1a0e;--orange-border: #6b3a17;--teal: #2dd4bf;--teal-bg: #0c2724;--teal-border: #17554d;--violet: #a5b4fc;--violet-bg: #1c1f3d;--violet-border: #3b3f78;--pink: #f472b6;--pink-bg: #2e1322;--pink-border: #5f2440;--info: #60a5fa;--info-bg: #16233f;--info-border: #2b4a7d;--accent-rgb: 59 130 246;--shadow-soft: 0 4px 20px -2px rgba(0, 0, 0, .45), 0 2px 10px -2px rgba(0, 0, 0, .3);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .6), 0 4px 16px rgba(0, 0, 0, .4);--shadow-popover: 0 8px 28px -6px rgba(0, 0, 0, .55), 0 2px 8px -2px rgba(0, 0, 0, .35);--focus-ring: rgba(59, 130, 246, .28);--focus-ring-strong: rgba(59, 130, 246, .35);--scrollbar-thumb: #3a475f;--scrollbar-thumb-hover: #55637c;--ring-accent: rgba(59, 130, 246, .55);--ring-error: rgba(239, 68, 68, .55)}}:root[data-theme=dark]{--bg-primary: #0b1326;--bg-secondary: #131b2e;--bg-tertiary: #1e293b;--bg-input: #0b1326;--bg-hover: #31394d;--bg-sunken: #060e20;--bg-overlay: rgba(0, 0, 0, .65);--bg-scrim: rgba(11, 19, 38, .85);--text-primary: #e8edf7;--text-secondary: #c3ccdd;--text-muted: #93a0b8;--text-subtle: #6d7b93;--on-accent: #ffffff;--border-color: #273349;--border-strong: #3a475f;--border-subtle: #1c2740;--accent-color: #3b82f6;--accent-hover: #60a5fa;--accent-active: #93c5fd;--accent-disabled: #1e3a8a;--accent-tint: #16233f;--accent-tint-strong:#1e3a8a;--accent-border: #2b4a7d;--success: #22c55e;--success-bg: #0f2a1b;--success-border: #1d5236;--error: #ef4444;--error-bg: #2a1113;--error-border: #5a1f22;--warning: #f59e0b;--warning-bg: #2c2010;--warning-border: #6b4a12;--orange: #fb923c;--orange-bg: #2e1a0e;--orange-border: #6b3a17;--teal: #2dd4bf;--teal-bg: #0c2724;--teal-border: #17554d;--violet: #a5b4fc;--violet-bg: #1c1f3d;--violet-border: #3b3f78;--pink: #f472b6;--pink-bg: #2e1322;--pink-border: #5f2440;--info: #60a5fa;--info-bg: #16233f;--info-border: #2b4a7d;--accent-rgb: 59 130 246;--shadow-soft: 0 4px 20px -2px rgba(0, 0, 0, .45), 0 2px 10px -2px rgba(0, 0, 0, .3);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .6), 0 4px 16px rgba(0, 0, 0, .4);--shadow-popover: 0 8px 28px -6px rgba(0, 0, 0, .55), 0 2px 8px -2px rgba(0, 0, 0, .35);--focus-ring: rgba(59, 130, 246, .28);--focus-ring-strong: rgba(59, 130, 246, .35);--scrollbar-thumb: #3a475f;--scrollbar-thumb-hover: #55637c;--ring-accent: rgba(59, 130, 246, .55);--ring-error: rgba(239, 68, 68, .55)}:root{--radius-sm: 4px;--radius: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-pill: 999px;--control-h-xs: 24px;--control-h-sm: 28px;--control-h: 34px;--control-h-lg: 40px;--control-fs-xs: .7rem;--control-fs-sm: .75rem;--control-fs: .8rem;--control-fs-lg: .875rem;--focus-ring-width: 3px;--transition: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);font-size:14px;line-height:1.5}:root{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark}}h1{font-size:1.25rem;font-weight:700;letter-spacing:-.01em}h2{font-size:1.1rem;font-weight:600}h3{font-size:.95rem;font-weight:600}a{color:var(--accent-color)}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.text-muted{color:var(--text-muted)}.text-subtle{color:var(--text-subtle)}.mono{font-family:Menlo,Consolas,monospace;font-size:.78rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.spacer{margin-left:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.btn,.btn-primary,.btn-secondary,.btn-ghost,.btn-subtle,.btn-danger,.btn-destructive,.btn-danger-soft,.btn-success,.btn-link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;flex-shrink:0;min-height:var(--control-h);padding:.35rem .9rem;border:1px solid transparent;border-radius:var(--radius);background:transparent;font-family:inherit;font-size:var(--control-fs);font-weight:600;line-height:1.25;white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}.btn>svg,.btn-primary>svg,.btn-secondary>svg,.btn-ghost>svg,.btn-subtle>svg,.btn-danger>svg,.btn-destructive>svg,.btn-danger-soft>svg,.btn-success>svg,.btn-link>svg{width:15px;height:15px;flex-shrink:0}.btn:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-ghost:focus-visible,.btn-subtle:focus-visible,.btn-danger:focus-visible,.btn-destructive:focus-visible,.btn-danger-soft:focus-visible,.btn-success:focus-visible,.btn-link:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--ring-accent)}.btn-danger:focus-visible,.btn-destructive:focus-visible,.btn-danger-soft:focus-visible{box-shadow:0 0 0 var(--focus-ring-width) var(--ring-error)}.btn{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-strong);font-weight:500}.btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-primary{background:var(--accent-color);color:var(--on-accent);border-color:var(--accent-color)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:active:not(:disabled){background:var(--accent-active);border-color:var(--accent-active)}.btn-secondary,.btn-ghost{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-strong);font-weight:500}.btn-secondary:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-secondary:active:not(:disabled),.btn-ghost:active:not(:disabled){background:var(--bg-tertiary)}.btn-subtle{background:transparent;color:var(--text-muted);border-color:transparent;font-weight:500}.btn-subtle:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-danger,.btn-destructive{background:var(--error);color:var(--on-accent);border-color:var(--error)}.btn-danger:hover:not(:disabled),.btn-destructive:hover:not(:disabled){filter:brightness(.92)}.btn-danger:active:not(:disabled),.btn-destructive:active:not(:disabled){filter:brightness(.85)}.btn-danger-soft{background:var(--error-bg);color:var(--error);border-color:var(--error-border)}.btn-danger-soft:hover:not(:disabled){background:var(--error);color:var(--on-accent);border-color:var(--error)}.btn-success{background:var(--success);color:var(--on-accent);border-color:var(--success)}.btn-success:hover:not(:disabled){filter:brightness(.92)}.btn-success:active:not(:disabled){filter:brightness(.85)}.btn-link{min-height:0;padding:0;background:none;border-color:transparent;color:var(--accent-color);font-weight:500}.btn-link:hover:not(:disabled){color:var(--accent-hover);text-decoration:underline}.btn-link.danger,.btn-link-danger{color:var(--error)}.btn-link.danger:hover:not(:disabled),.btn-link-danger:hover:not(:disabled){color:var(--error);filter:brightness(.9)}.btn:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-ghost:disabled,.btn-subtle:disabled,.btn-danger:disabled,.btn-destructive:disabled,.btn-danger-soft:disabled,.btn-success:disabled,.btn-link:disabled,.btn.is-disabled,.btn-primary.is-disabled,.btn-secondary.is-disabled{opacity:.5;cursor:not-allowed;filter:none;box-shadow:none}.btn-primary:disabled{opacity:.75;background:var(--accent-disabled);border-color:var(--accent-disabled)}.btn-xs{min-height:var(--control-h-xs);padding:.15rem .5rem;font-size:var(--control-fs-xs);gap:.3rem}.btn-xs>svg{width:13px;height:13px}.btn-sm{min-height:var(--control-h-sm);padding:.25rem .7rem;font-size:var(--control-fs-sm);gap:.35rem}.btn-sm>svg{width:14px;height:14px}.btn-lg{min-height:var(--control-h-lg);padding:.5rem 1.15rem;font-size:var(--control-fs-lg)}.btn-lg>svg{width:17px;height:17px}.btn-link.btn-xs,.btn-link.btn-sm,.btn-link.btn-lg{padding:0;min-height:0}.btn-link+.btn-link{margin-left:.75rem}.btn-block{width:100%}.btn-square{padding:0;width:var(--control-h)}.btn-square.btn-xs{width:var(--control-h-xs)}.btn-square.btn-sm{width:var(--control-h-sm)}.btn-square.btn-lg{width:var(--control-h-lg)}.btn-group{display:inline-flex}.btn-group>*{border-radius:0;margin-left:-1px}.btn-group>*:first-child{border-radius:var(--radius) 0 0 var(--radius);margin-left:0}.btn-group>*:last-child{border-radius:0 var(--radius) var(--radius) 0}.btn-group>*:only-child{border-radius:var(--radius)}.btn-group>*:focus-visible,.btn-group>*:hover{position:relative;z-index:1}.btn-icon{width:var(--control-h-sm);height:var(--control-h-sm);padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--radius);color:var(--text-muted);font-family:inherit;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}.btn-icon>svg{width:15px;height:15px}.btn-icon-xs{width:var(--control-h-xs);height:var(--control-h-xs)}.btn-icon-xs>svg{width:13px;height:13px}.btn-icon-lg{width:var(--control-h);height:var(--control-h)}.btn-icon-lg>svg{width:17px;height:17px}.btn-icon:hover:not(:disabled){background:var(--bg-hover);color:var(--accent-color);border-color:var(--accent-border)}.btn-icon:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--ring-accent)}.btn-icon-plain{border-color:transparent;background:transparent}.btn-icon-plain:hover:not(:disabled){border-color:transparent;background:var(--bg-hover)}.btn-icon-danger{color:var(--error)}.btn-icon-danger:hover:not(:disabled){background:var(--error-bg);color:var(--error);border-color:var(--error-border)}.btn-icon-danger:focus-visible{box-shadow:0 0 0 var(--focus-ring-width) var(--ring-error)}.btn-icon-reconnect{color:var(--accent-color)}.btn-icon-reconnect:hover:not(:disabled){background:var(--accent-tint);color:var(--accent-color);border-color:var(--accent-border)}.btn-icon-play{color:var(--success)}.btn-icon-play:hover:not(:disabled){background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.btn-icon-test{color:var(--accent-color)}.btn-icon-test:hover:not(:disabled){background:var(--accent-tint);color:var(--accent-color);border-color:var(--accent-border)}.btn-icon-snmp{color:var(--teal)}.btn-icon-snmp:hover:not(:disabled){background:var(--teal-bg);color:var(--teal);border-color:var(--teal-border)}.btn-icon-restart{color:var(--violet)}.btn-icon-restart:hover:not(:disabled){background:var(--violet-bg);color:var(--violet);border-color:var(--violet-border)}.btn-icon-maintenance{color:var(--warning)}.btn-icon-maintenance:hover:not(:disabled){background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.btn-icon-edit{color:var(--text-muted)}.btn-icon-edit:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-icon:disabled{opacity:.45;cursor:not-allowed;color:var(--text-muted)}.btn-icon:disabled:hover{background:var(--bg-secondary);color:var(--text-muted);border-color:var(--border-color)}.btn-close,.close-btn,.modal-close{width:var(--control-h-sm);height:var(--control-h-sm);padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:none;background:transparent;border-radius:var(--radius);color:var(--text-muted);font-family:inherit;font-size:1rem;line-height:1;cursor:pointer;transition:background var(--transition),color var(--transition),box-shadow var(--transition)}.btn-close>svg,.close-btn>svg,.modal-close>svg{width:16px;height:16px}.btn-close:hover:not(:disabled),.close-btn:hover:not(:disabled),.modal-close:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-close:focus-visible,.close-btn:focus-visible,.modal-close:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--ring-accent)}.btn-close:disabled,.close-btn:disabled,.modal-close:disabled{opacity:.4;cursor:not-allowed}.form-input,.form-select,.form-textarea,.filter-input,.filter-select,.search-input,input[type=text],input[type=search],input[type=password],input[type=email],input[type=tel],input[type=number],input[type=url],input[type=date],input[type=time],input[type=datetime-local],select{min-height:var(--control-h);padding:.4rem .7rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-input);color:var(--text-primary);font-family:inherit;font-size:.82rem;line-height:1.4;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.form-select,.filter-select,select{cursor:pointer;padding-right:.4rem}textarea{padding:.5rem .7rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-input);color:var(--text-primary);font-family:inherit;font-size:.82rem;line-height:1.55;outline:none;resize:vertical;transition:border-color var(--transition),box-shadow var(--transition)}.form-textarea{min-height:5rem;padding:.5rem .7rem;line-height:1.55;resize:vertical}.form-input:focus,.form-select:focus,.form-textarea:focus,.filter-input:focus,.filter-select:focus,.search-input:focus,input[type=text]:focus,input[type=search]:focus,input[type=password]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=url]:focus,input[type=date]:focus,input[type=time]:focus,input[type=datetime-local]:focus,select:focus,textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-strong)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled,.filter-input:disabled,.filter-select:disabled,select:disabled,textarea:disabled{background:var(--bg-tertiary);color:var(--text-subtle);cursor:not-allowed}.form-input::placeholder,.form-textarea::placeholder,.filter-input::placeholder,.search-input::placeholder,input::placeholder,textarea::placeholder{color:var(--text-subtle)}.form-input.mono,.form-textarea.mono,textarea.mono{font-family:Menlo,Consolas,monospace;font-size:.78rem}.form-input.is-invalid,.form-select.is-invalid,.form-textarea.is-invalid{border-color:var(--error)}.form-input.is-invalid:focus,.form-select.is-invalid:focus,.form-textarea.is-invalid:focus{box-shadow:0 0 0 var(--focus-ring-width) var(--ring-error)}.input-sm,.form-select-sm{min-height:var(--control-h-sm);padding:.2rem .5rem;font-size:var(--control-fs-sm)}.input-lg{min-height:var(--control-h-lg);padding:.55rem .85rem;font-size:.875rem}.filter-input{min-width:200px}.filter-select{min-width:140px}.search-field{position:relative;display:inline-flex;align-items:center}.search-field>svg{position:absolute;left:.6rem;width:15px;height:15px;color:var(--text-subtle);pointer-events:none}.search-field>input{padding-left:2rem;width:100%}.input-group{display:flex;align-items:stretch}.input-group>*{border-radius:0;margin-left:-1px}.input-group>*:first-child{border-radius:var(--radius) 0 0 var(--radius);margin-left:0}.input-group>*:last-child{border-radius:0 var(--radius) var(--radius) 0}.input-group>input{flex:1;min-width:0}.input-group>*:focus,.input-group>*:focus-visible{position:relative;z-index:1}.form-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.form-label .required{color:var(--error);margin-left:2px}.form-hint,.field-hint{display:block;font-size:.72rem;color:var(--text-subtle);line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.form-group{display:flex;flex-direction:column;gap:.3rem;min-width:0}.form-group-full{grid-column:1 / -1}.form-stack{display:flex;flex-direction:column;gap:.85rem}.form-section{display:flex;flex-direction:column;gap:.75rem}.form-section>.form-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle);padding-bottom:.4rem;border-bottom:1px solid var(--border-subtle)}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;flex-wrap:wrap}.form-actions>.spacer{margin-right:auto}.filter-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.filter-clear{min-height:var(--control-h);padding:.35rem .85rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-secondary);font-family:inherit;font-size:var(--control-fs);color:var(--text-muted);cursor:pointer;transition:background var(--transition),color var(--transition),box-shadow var(--transition)}.filter-clear:hover{background:var(--bg-hover);color:var(--text-secondary)}.filter-clear:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--ring-accent)}input[type=checkbox]:not(.toggle){appearance:none;-webkit-appearance:none;flex-shrink:0;width:16px;height:16px;margin:0;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-input);background-repeat:no-repeat;background-position:center;background-size:100% 100%;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),box-shadow var(--transition)}input[type=checkbox]:not(.toggle):hover:not(:disabled){border-color:var(--accent-color)}input[type=checkbox]:not(.toggle):checked{background-color:var(--accent-color);border-color:var(--accent-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3.5 8.4 6.4 11.3 12.5 4.7'/%3E%3C/svg%3E")}input[type=checkbox]:not(.toggle):indeterminate{background-color:var(--accent-color);border-color:var(--accent-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='4' y1='8' x2='12' y2='8'/%3E%3C/svg%3E")}input[type=checkbox]:not(.toggle):focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--ring-accent)}input[type=checkbox]:not(.toggle):disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-tertiary)}input[type=checkbox]:not(.toggle):disabled:checked{background-color:var(--text-subtle);border-color:var(--text-subtle)}input[type=radio]{appearance:none;-webkit-appearance:none;flex-shrink:0;position:relative;width:16px;height:16px;margin:0;border:1.5px solid var(--border-strong);border-radius:50%;background:var(--bg-input);cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition)}input[type=radio]:hover:not(:disabled){border-color:var(--accent-color)}input[type=radio]:checked{border-color:var(--accent-color);border-width:5px}input[type=radio]:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--ring-accent)}input[type=radio]:disabled{opacity:.5;cursor:not-allowed}.toggle{appearance:none;-webkit-appearance:none;position:relative;flex-shrink:0;width:36px;height:20px;margin:0;border:none;border-radius:var(--radius-pill);background:var(--border-strong);cursor:pointer;transition:background-color var(--transition),box-shadow var(--transition)}.toggle:before{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--on-accent);box-shadow:0 1px 2px #00000040;transition:transform .2s cubic-bezier(.34,1.4,.64,1)}.toggle:checked{background:var(--accent-color)}.toggle:checked:before{transform:translate(16px)}.toggle:active:not(:disabled):before{width:17px}.toggle:checked:active:not(:disabled):before{transform:translate(13px)}.toggle:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--ring-accent)}.toggle:disabled{opacity:.45;cursor:not-allowed}.toggle-warn:checked{background:var(--warning)}.toggle-sm{width:30px;height:17px}.toggle-sm:before{width:11px;height:11px;top:3px;left:3px}.toggle-sm:checked:before{transform:translate(13px)}.toggle-sm:active:not(:disabled):before{width:14px}.toggle-sm:checked:active:not(:disabled):before{transform:translate(10px)}.toggle-field,.check-field{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.82rem;color:var(--text-primary)}.toggle-field{justify-content:space-between}.toggle-field>input{order:2}.toggle-field>.field-text,.check-field>.field-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.toggle-field .field-text>strong,.check-field .field-text>strong{font-size:.83rem;font-weight:600;color:var(--text-primary)}.toggle-field .field-text>small,.check-field .field-text>small{font-size:.74rem;font-weight:400;color:var(--text-muted);line-height:1.45;max-width:88ch}.check-field{align-items:flex-start;gap:.5rem}.check-field>input{margin-top:.1rem}.check-field-inline{align-items:center}.filter-row .check-field,.table-toolbar .check-field{white-space:nowrap}.toggle-field:has(>input:disabled),.check-field:has(>input:disabled){cursor:not-allowed;color:var(--text-subtle)}.toggle-field:has(>input:disabled) .field-text>strong,.check-field:has(>input:disabled) .field-text>strong{color:var(--text-muted)}.toggle-field+.toggle-field,.check-field+.toggle-field,.toggle-field+.check-field{border-top:1px solid var(--border-subtle);padding-top:.7rem}.toggle-list{display:flex;flex-direction:column}.toggle-list>.toggle-field,.toggle-list>.check-field{padding:.7rem 0;border-bottom:1px solid var(--border-subtle)}.toggle-list>*:last-child{border-bottom:none}.toggle-list>*:first-child{padding-top:0}.segmented{display:inline-flex;padding:2px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius)}.segmented>button{min-height:calc(var(--control-h) - 6px);padding:0 .75rem;border:none;background:transparent;border-radius:calc(var(--radius) - 2px);font-family:inherit;font-size:var(--control-fs-sm);font-weight:500;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:background var(--transition),color var(--transition),box-shadow var(--transition)}.segmented>button:hover:not(:disabled):not(.active){color:var(--text-primary)}.segmented>button.active{background:var(--bg-secondary);color:var(--text-primary);font-weight:600;box-shadow:0 1px 3px #0000001a}.segmented>button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring-accent)}.segmented>button:disabled{opacity:.45;cursor:not-allowed}.segmented-sm>button{min-height:calc(var(--control-h-sm) - 6px);padding:0 .6rem;font-size:var(--control-fs-xs)}.badge{display:inline-flex;align-items:center;gap:5px;padding:.25rem .65rem;border-radius:var(--radius-pill);font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;line-height:1.4}.badge-green{background:var(--success-bg);color:var(--success)}.badge-red{background:var(--error-bg);color:var(--error)}.badge-yellow,.badge-amber{background:var(--warning-bg);color:var(--warning)}.badge-orange{background:var(--orange-bg);color:var(--orange)}.badge-blue{background:var(--accent-tint);color:var(--accent-color)}.badge-teal{background:var(--teal-bg);color:var(--teal)}.badge-violet{background:var(--violet-bg);color:var(--violet)}.badge-pink{background:var(--pink-bg);color:var(--pink)}.badge-gray,.badge-grey{background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border-color)}.badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--error);color:var(--on-accent);font-size:.65rem;font-weight:700;line-height:1}.badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge-green .badge-dot{background:var(--success)}.badge-red .badge-dot{background:var(--error)}.badge-yellow .badge-dot,.badge-amber .badge-dot{background:var(--warning)}.badge-orange .badge-dot{background:var(--orange)}.badge-blue .badge-dot{background:var(--accent-color)}.badge-teal .badge-dot{background:var(--teal)}.badge-violet .badge-dot{background:var(--violet)}.badge-gray .badge-dot,.badge-grey .badge-dot{background:var(--text-subtle)}.chip{display:inline-flex;align-items:center;gap:.35rem;max-width:100%;padding:.15rem .55rem;border:1px solid var(--border-color);border-radius:var(--radius-pill);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.72rem;font-weight:500;line-height:1.5;white-space:nowrap}.chip>span{overflow:hidden;text-overflow:ellipsis}.chip-accent{background:var(--accent-tint);border-color:var(--accent-border);color:var(--accent-color)}.chip-user{background:var(--info-bg);border-color:var(--info-border);color:var(--info)}.chip-x{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-right:-.2rem;padding:0;border:none;border-radius:50%;background:transparent;color:inherit;font-family:inherit;font-size:.8rem;line-height:1;opacity:.6;cursor:pointer;transition:background var(--transition),opacity var(--transition)}.chip-x:hover{opacity:1;background:var(--bg-hover)}.chip-x:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring-accent)}.chips{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.alert,.form-error{display:flex;align-items:flex-start;gap:.5rem;padding:.6rem .9rem;border:1px solid transparent;border-radius:var(--radius);font-size:.78rem;line-height:1.5}.alert>svg,.form-error>svg{width:15px;height:15px;flex-shrink:0;margin-top:.1rem}.alert>.alert-actions{margin-left:auto;display:flex;align-items:center;gap:.4rem;flex-shrink:0}.alert-error,.form-error{background:var(--error-bg);border-color:var(--error-border);color:var(--error)}.alert-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.alert-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}.alert-info{background:var(--info-bg);border-color:var(--info-border);color:var(--info)}.alert-banner{border-radius:0;border-left:none;border-right:none;padding:.6rem 2rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:3.5rem 1rem;color:var(--text-subtle);font-size:.85rem;text-align:center}.empty-state>svg{width:34px;height:34px;opacity:.45;margin-bottom:.25rem}.empty-state-title{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.empty-state-hint{max-width:42ch;line-height:1.55}.empty-state>.btn,.empty-state>.btn-primary,.empty-state>.btn-secondary{margin-top:.5rem}.empty-state-boxed{background:var(--bg-tertiary);border:2px dashed var(--border-strong);border-radius:var(--radius-xl);padding:3rem 1.5rem}.empty-cell{padding:2rem 1rem;text-align:center;color:var(--text-subtle);font-size:.82rem}.spinner{display:inline-block;width:15px;height:15px;flex-shrink:0;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;opacity:.8;animation:spin .6s linear infinite}.spinner-sm{width:12px;height:12px;border-width:1.5px}.spinner-lg{width:24px;height:24px;border-width:2.5px}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:1.4s;animation-timing-function:steps(8)}}.loading-state{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2.5rem 1rem;color:var(--text-muted);font-size:.82rem}.busy-scrim{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-scrim);z-index:5}.card,.form-card,.detail-card,.settings-card,.content-card{--card-pad: 1.25rem;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:var(--card-pad);min-width:0}.card-header{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:calc(var(--card-pad, 1.25rem) * -1) calc(var(--card-pad, 1.25rem) * -1) 1rem;padding:.85rem var(--card-pad, 1.25rem);border-bottom:1px solid var(--border-subtle)}.card-header>.card-title,.card-header>h2,.card-header>h3{margin-right:auto}.card-header>.card-title+*,.card-header>h2+*,.card-header>h3+*{margin-right:0}.card-title{font-size:.95rem;font-weight:600;color:var(--text-primary)}.card-subtitle{font-size:.76rem;color:var(--text-muted);font-weight:400;margin-top:.1rem}.card-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;margin:1rem calc(var(--card-pad, 1.25rem) * -1) calc(var(--card-pad, 1.25rem) * -1);padding:.85rem var(--card-pad, 1.25rem);border-top:1px solid var(--border-subtle);background:var(--bg-sunken);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;align-items:start}.section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.header-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.section-title{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.section-subtitle{font-size:.76rem;color:var(--text-muted)}.main-content{flex:1;padding:1.5rem 2rem 2rem;display:flex;flex-direction:column;gap:1rem}.prose{max-width:72ch;line-height:1.6;color:var(--text-secondary)}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--text-primary);font-weight:600;margin:1.5rem 0 .5rem;line-height:1.3}.prose h1{font-size:1.35rem}.prose h2{font-size:1.1rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.prose h3{font-size:1rem}.prose h4{font-size:.95rem}.prose h1:first-child,.prose h2:first-child,.prose h3:first-child{margin-top:0;border-top:none;padding-top:0}.prose p{margin:0 0 .85rem}.prose ul,.prose ol{margin:.5rem 0 .85rem;padding-left:1.5rem}.prose li{margin-bottom:.3rem}.prose strong{color:var(--text-primary);font-weight:600}.prose a{color:var(--accent-color);text-decoration:none}.prose a:hover{text-decoration:underline}.prose hr{border:none;border-top:1px solid var(--border-color);margin:1.25rem 0}.prose code{font-family:var(--font-mono, ui-monospace, monospace);font-size:.85em;background:var(--bg-tertiary);padding:.1em .35em;border-radius:3px}.prose blockquote{margin:.75rem 0;padding:.25rem 0 .25rem 1rem;border-left:3px solid var(--border-color);color:var(--text-muted)}.prose table{border-collapse:collapse;margin:.75rem 0}.prose th,.prose td{border:1px solid var(--border-color);padding:.3rem .6rem;text-align:left}.summary-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:1.25rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.stat-card{display:flex;align-items:flex-start;gap:.75rem;min-width:0}.stat-card .stat-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card .stat-icon.blue{background:var(--accent-tint);color:var(--accent-color)}.stat-card .stat-icon.green{background:var(--success-bg);color:var(--success)}.stat-card .stat-icon.red{background:var(--error-bg);color:var(--error)}.stat-card .stat-icon.orange{background:var(--orange-bg);color:var(--orange)}.stat-card .stat-icon.yellow{background:var(--warning-bg);color:var(--warning)}.stat-card .stat-icon.teal{background:var(--teal-bg);color:var(--teal)}.stat-card .stat-icon.violet{background:var(--violet-bg);color:var(--violet)}.stat-card .stat-icon.gray{background:var(--bg-tertiary);color:var(--text-muted)}.stat-card .stat-body{display:flex;flex-direction:column;min-width:0}.stat-card .stat-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle)}.stat-card .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-card .stat-sub{font-size:.75rem;color:var(--text-muted);margin-top:.1rem}.divider-v{width:1px;background:var(--border-color);margin:.25rem 0;align-self:stretch}.tabs,.tab-bar{display:flex;align-items:center;gap:.25rem;border-bottom:1px solid var(--border-color);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar,.tab-bar::-webkit-scrollbar{display:none}.tab-btn{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;min-height:var(--control-h);padding:0 .85rem;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;font-family:inherit;font-size:var(--control-fs);font-weight:500;color:var(--text-muted);text-decoration:none;white-space:nowrap;cursor:pointer;transition:color var(--transition),border-color var(--transition),background var(--transition)}.tab-btn>svg{width:15px;height:15px;flex-shrink:0}.tab-btn:hover:not(:disabled){color:var(--text-primary)}.tab-btn.active{color:var(--accent-color);border-bottom-color:var(--accent-color);font-weight:600}.tab-btn:focus-visible{outline:none;border-radius:var(--radius) var(--radius) 0 0;box-shadow:0 0 0 2px var(--ring-accent)}.tab-btn:disabled{opacity:.45;cursor:not-allowed}.tab-btn .tab-count{padding:.05rem .35rem;border-radius:var(--radius-pill);background:var(--bg-tertiary);color:var(--text-muted);font-size:.68rem;font-weight:600}.tab-btn.active .tab-count{background:var(--accent-tint);color:var(--accent-color)}.tab-content{padding-top:1.25rem}.tabs-vertical{display:flex;flex-direction:column;gap:.15rem;border-bottom:none;border-right:1px solid var(--border-color);overflow:visible}.tabs-vertical .tab-btn{justify-content:flex-start;width:100%;padding:0 .75rem;border-bottom:none;border-right:2px solid transparent;margin-bottom:0;margin-right:-1px;border-radius:var(--radius) 0 0 var(--radius)}.tabs-vertical .tab-btn:hover:not(:disabled):not(.active){background:var(--bg-hover)}.tabs-vertical .tab-btn.active{border-right-color:var(--accent-color);background:var(--accent-tint)}.modal-overlay,.modal-backdrop{position:fixed;inset:0;background:var(--bg-overlay);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);width:100%;max-width:520px;max-height:calc(100vh - 2rem);display:flex;flex-direction:column;animation:slideUp .18s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.modal-card-narrow{max-width:440px}.modal-card-wide{max-width:1040px}.modal-card-wide .form-grid{grid-template-columns:repeat(3,1fr)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal-backdrop,.modal-card{animation:none}}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.1rem 1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-title{font-size:.95rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;min-width:0}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;min-height:0}.modal-intro{font-size:.8rem;color:var(--text-muted);line-height:1.55;margin-top:-.25rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:flex-end;gap:.6rem;background:var(--bg-sunken);flex-shrink:0;flex-wrap:wrap}.modal-footer>.spacer{margin-right:auto}.popover{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);padding:.3rem;min-width:180px;z-index:900}.menu-item{display:flex;align-items:center;gap:.5rem;width:100%;min-height:var(--control-h-sm);padding:.35rem .6rem;border:none;border-radius:var(--radius-sm);background:none;font-family:inherit;font-size:var(--control-fs);font-weight:500;color:var(--text-secondary);text-align:left;text-decoration:none;cursor:pointer;transition:background var(--transition),color var(--transition)}.menu-item>svg{width:15px;height:15px;flex-shrink:0}.menu-item:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.menu-item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring-accent)}.menu-item:disabled{opacity:.45;cursor:not-allowed}.menu-item.danger{color:var(--error)}.menu-item.danger:hover:not(:disabled){background:var(--error-bg);color:var(--error)}.menu-item.active{background:var(--accent-tint);color:var(--accent-color)}.menu-separator{height:1px;background:var(--border-subtle);margin:.3rem 0}.menu-label{padding:.4rem .6rem .25rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle)}.shadow-soft{box-shadow:var(--shadow-soft)}.table-card{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:hidden;flex:none}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle)}.table-toolbar>.table-toolbar-end{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-left:auto}table{width:100%;border-collapse:collapse}thead th{padding:.7rem 1rem;text-align:left;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer}thead th:hover{background:var(--bg-hover);color:var(--text-secondary)}thead th.not-sortable{cursor:default}thead th.not-sortable:hover{background:var(--bg-tertiary);color:var(--text-muted)}thead th.sort-asc:after{content:" \2191";color:var(--accent-color)}thead th.sort-desc:after{content:" \2193";color:var(--accent-color)}tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--bg-tertiary)}tbody tr.is-selected{background:var(--accent-tint)}tbody tr.is-selected:hover{background:var(--accent-tint-strong)}tbody td{padding:.7rem 1rem;font-size:.82rem;color:var(--text-secondary);vertical-align:middle}.actions-cell{display:flex;align-items:center;gap:.35rem;white-space:nowrap}.table-footer{padding:.65rem 1rem;border-top:1px solid var(--border-subtle);font-size:.75rem;color:var(--text-subtle);background:var(--bg-sunken)}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-top:1px solid var(--border-subtle);background:var(--bg-sunken);font-size:.75rem;color:var(--text-muted);flex-wrap:wrap;gap:.75rem}.table-pagination .rows-per-page{display:flex;align-items:center;gap:.4rem}.table-pagination select{min-height:var(--control-h-sm);padding:.15rem .4rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--control-fs-sm);font-family:inherit;background:var(--bg-input);color:var(--text-secondary);cursor:pointer;outline:none}.table-pagination .page-nav{display:flex;align-items:center;gap:.35rem}.table-pagination .page-nav button{min-height:var(--control-h-sm);padding:.2rem .6rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-secondary);font-size:var(--control-fs-sm);font-family:inherit;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition)}.table-pagination .page-nav button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-subtle)}.table-pagination .page-nav button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring-accent)}.table-pagination .page-nav button:disabled{opacity:.4;cursor:not-allowed}.table-pagination .page-info{font-size:.75rem;color:var(--text-muted)}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll{max-height:var(--table-scroll-h, 60vh);overflow:auto;-webkit-overflow-scrolling:touch}.table-card.is-fill{flex:1;min-height:0;display:flex;flex-direction:column}.table-card.is-fill .table-scroll{flex:1;max-height:none}.table-scroll thead th{position:sticky;top:0;z-index:2}@media (max-width: 768px){.summary-bar{grid-template-columns:1fr 1fr!important;padding:1rem!important;gap:.75rem!important}.summary-bar .divider-v{display:none!important}.stat-card{gap:.5rem!important}.stat-card .stat-icon{width:30px!important;height:30px!important}.stat-card .stat-value{font-size:1.15rem!important}.stat-card .stat-label{font-size:.65rem!important}.stat-card .stat-sub{font-size:.7rem!important}html,body,.app-shell,.router-content{overflow-x:hidden!important;width:100%!important}.main-content{padding:1rem!important;max-width:100%!important;width:100%!important;overflow-x:hidden!important;overflow-y:visible!important}.table-card{max-width:100%!important;width:100%!important;overflow:hidden!important}.table-responsive{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.section-header{flex-direction:column!important;align-items:stretch!important}.header-right{flex-direction:column!important;align-items:stretch!important;width:100%!important}.filter-row{flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:.5rem!important}.filter-input,.filter-select,.filter-clear,.btn,.btn-primary,.btn-secondary,.btn-ghost,.btn-danger,.btn-destructive{width:100%!important;min-width:0!important}.btn-group>*,.input-group>*,.actions-cell>*,.modal-footer>*,.form-actions>*,.card-actions>*,.table-toolbar>*,.segmented>*{width:auto!important}.form-grid,.modal-card-wide .form-grid,.card-grid{grid-template-columns:1fr!important}.table-pagination{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:.5rem!important}.modal-overlay,.modal-backdrop{padding:0!important;align-items:flex-end!important}.modal-card{max-width:100%!important;max-height:92vh!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important}.tabs-vertical{flex-direction:row!important;border-right:none!important;border-bottom:1px solid var(--border-color)!important;overflow-x:auto!important}.tabs-vertical .tab-btn{width:auto!important;border-right:none!important;border-bottom:2px solid transparent!important;margin-right:0!important;margin-bottom:-1px!important;border-radius:var(--radius) var(--radius) 0 0!important}.tabs-vertical .tab-btn.active{border-bottom-color:var(--accent-color)!important}}