:root{--bg: #f5f6f8;--surface: #ffffff;--surface-alt: #eef0f4;--border: #e2e4e9;--text: #1a1d23;--text-muted: #6b7280;--primary: #4f46e5;--primary-hover: #4338ca;--primary-soft: #eef0ff;--on-primary: #ffffff;--danger: #dc2626;--danger-soft: #fef2f2;--success: #16a34a;--info-bg: #eff6ff;--info-border: #bfdbfe;--info-text: #1d4ed8;--marker-end: #db2777;--shadow-sm: 0 1px 2px rgba(15, 18, 25, .06);--shadow-md: 0 4px 16px rgba(15, 18, 25, .1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--backdrop: rgba(10, 12, 18, .5);--sidenav-width: 300px;color-scheme:light}:root[data-theme=dark]{--bg: #14161a;--surface: #1c1f26;--surface-alt: #22262f;--border: #2c3038;--text: #e8eaed;--text-muted: #9aa0aa;--primary: #818cf8;--primary-hover: #a5b4fc;--primary-soft: #262a45;--on-primary: #0b0c1a;--danger: #f87171;--danger-soft: #3a2222;--success: #4ade80;--info-bg: #1c2a44;--info-border: #2f4770;--info-text: #93c5fd;--marker-end: #f472b6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #14161a;--surface: #1c1f26;--surface-alt: #22262f;--border: #2c3038;--text: #e8eaed;--text-muted: #9aa0aa;--primary: #818cf8;--primary-hover: #a5b4fc;--primary-soft: #262a45;--on-primary: #0b0c1a;--danger: #f87171;--danger-soft: #3a2222;--success: #4ade80;--info-bg: #1c2a44;--info-border: #2f4770;--info-text: #93c5fd;--marker-end: #f472b6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.45}h1,h2,h3,h4{margin:0 0 .5em;font-weight:650}p{margin:0 0 .75em}a{color:var(--primary)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:8px 14px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:550;cursor:pointer;transition:background .12s ease,border-color .12s ease,opacity .12s ease}.btn:hover:not(:disabled){background:var(--surface-alt)}.btn:disabled,.btn-icon:disabled{opacity:.45;cursor:not-allowed}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;line-height:1;flex-shrink:0;transition:background .12s ease,border-color .12s ease}.btn-icon:hover:not(:disabled){background:var(--surface-alt)}.btn-icon svg{width:18px;height:18px;display:block}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-soft)}.btn-ghost{border-color:transparent;background:transparent}.btn-sm{padding:5px 10px;font-size:12.5px}.btn-icon.btn-sm{width:26px;height:26px}.btn-icon.btn-sm svg{width:14px;height:14px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px;min-width:0}.field>label,.field-label{font-size:12.5px;font-weight:600;color:var(--text-muted)}.input,.field input[type=text],.field input[type=url],.field input[type=search],.field textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 11px;color:var(--text);font-size:14px;width:100%}.field input.has-error{border-color:var(--danger)}.field-error{color:var(--danger);font-size:12.5px;display:flex;align-items:center;gap:5px;margin:0}.field-row{display:flex;gap:10px;flex-wrap:wrap}.field-row>.field{flex:1 1 180px}.hint{color:var(--text-muted);font-size:12px}.field-group-title{font-size:12.5px;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:6px;margin-bottom:6px}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch .track{width:38px;height:22px;border-radius:999px;background:var(--border);position:relative;transition:background .15s;flex-shrink:0}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:999px;background:#fff;box-shadow:var(--shadow-sm);transition:left .15s}.switch input:checked+.track{background:var(--primary)}.switch input:checked+.track:after{left:18px}.switch input:focus-visible+.track{outline:2px solid var(--primary);outline-offset:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px}.banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--info-bg);border:1px solid var(--info-border);color:var(--info-text);padding:10px 14px;border-radius:var(--radius-md);font-size:13.5px}.banner .spacer{flex:1}.banner-danger{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}kbd{background:var(--surface);border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-size:12px;font-family:inherit;font-weight:650}input[type=range]{-webkit-appearance:none;appearance:none;height:4px;border-radius:999px;background:var(--border);outline-offset:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:999px;background:var(--primary);cursor:pointer;border:2px solid var(--surface);box-shadow:var(--shadow-sm)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:999px;background:var(--primary);border:2px solid var(--surface);cursor:pointer}.cdk-overlay-backdrop.app-dialog-backdrop{background:var(--backdrop)}.app-dialog-panel{width:min(480px,calc(100vw - 32px));max-height:88vh}.app-dialog-panel.app-dialog-wide{width:min(680px,calc(100vw - 32px))}.dialog{background:var(--surface);color:var(--text);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border);max-height:88vh;overflow:auto}.dialog-header{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--border)}.dialog-header h2{flex:1;font-size:17px;margin:0}.dialog-body{padding:16px 18px}.dialog-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:14px 18px;border-top:1px solid var(--border)}.toast-region{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:1100;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:min(480px,calc(100vw - 32px))}.toast{pointer-events:auto;background:var(--text);color:var(--bg);padding:10px 14px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:13.5px;width:100%}.toast-error{background:var(--danger);color:#fff}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}