@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/outfit-latin-ext-var.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:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/outfit-latin-var.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:100 800;font-display:swap;src:url(/fonts/jetbrains-mono-cyrillic-ext-var.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono-cyrillic-var.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono-greek-var.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono-vietnamese-var.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono-latin-ext-var.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:100 800;font-display:swap;src:url(/fonts/jetbrains-mono-latin-var.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{--color-primary: #2196F3;--color-primary-hover: #1976D2;--color-primary-light: #BBDEFB;--color-primary-dark: #0D47A1;--color-success: #4CAF50;--color-success-hover: #45a049;--color-warning: #FF9800;--color-warning-hover: #E68900;--color-error: #F44336;--color-error-hover: #D32F2F;--color-info: #2196F3;--color-info-hover: #1976D2;--neutral-50: #1a1a1a;--neutral-100: #242424;--neutral-200: #2d2d2d;--neutral-300: #404040;--neutral-400: #505050;--neutral-500: #71717a;--neutral-600: #a1a1aa;--neutral-700: #d4d4d8;--neutral-800: #f4f4f5;--neutral-900: #ffffff;--neutral-gradient-surface: linear-gradient(180deg, var(--neutral-100) 0%, var(--neutral-50) 100%);--neutral-gradient-overlay: linear-gradient(180deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%);--neutral-gradient-tactical: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .02) 100%);--temp-normal-bg: #32ff321a;--temp-normal-border: #4CAF50;--temp-normal-text: #34a33a;--temp-caution-bg: #ffc10726;--temp-caution-border: #FFCA28;--temp-caution-text: #FFCA28;--temp-warning-bg: #804d00;--temp-warning-border: #FF9800;--temp-warning-text: rgb(230, 81, 0);--temp-critical-bg: #873714;--temp-critical-border: #c80f0f;--temp-critical-text: rgb(225, 15, 0);--color-accent-dynamic: var(--color-info);--color-hover-tint-dynamic: var(--color-info)}[data-theme=light]{--neutral-50: #ffffff;--neutral-100: #f4f4f5;--neutral-200: #e4e4e7;--neutral-300: #d4d4d8;--neutral-400: #a1a1aa;--neutral-500: #71717a;--neutral-600: #52525b;--neutral-700: #3f3f46;--neutral-800: #27272a;--neutral-900: #09090b;--neutral-gradient-overlay: linear-gradient(180deg, rgba(0, 0, 0, .02) 0%, rgba(0, 0, 0, 0) 100%);--neutral-gradient-tactical: linear-gradient(135deg, rgba(0, 0, 0, .05) 0%, rgba(0, 0, 0, .01) 100%);--temp-normal-bg: #E8F5E8;--temp-normal-border: #4CAF50;--temp-normal-text: #2E7D32;--temp-caution-bg: #FFFDE7;--temp-caution-border: #FFC107;--temp-caution-text: #F57F17;--temp-warning-bg: #ffe6c1;--temp-warning-border: #FF9800;--temp-warning-text: #E65100;--temp-critical-bg: #ffd6ca;--temp-critical-border: #ff3c00;--temp-critical-text: #C62828}:root{--spacing-sss: 1px;--spacing-xss: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 60px;--spacing-mobile-xs: 4px;--spacing-mobile-sm: 8px;--spacing-mobile-md: 12px;--spacing-mobile-lg: 16px;--spacing-mobile-xl: 20px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-circle: 50%;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .2);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .3)}[data-theme=light]{--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .2);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .3)}:root{--font-primary-default: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-secondary-default: "JetBrains Mono", "Monaco", "Courier New", monospace;--font-primary: var(--font-primary-default);--font-secondary: var(--font-secondary-default);--font-mono: var(--font-secondary);--font-size-xs: 11px;--font-size-sm: 12px;--font-size-sm2: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-lg2: 20px;--font-size-xlg: 22px;--font-size-xl: 26px;--font-size-2xl: 32px;--font-size-3xl: 48px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-bold-xl: 800;--line-height-tight: 1.1;--line-height-normal: 1.4;--line-height-relaxed: 1.6}:root{--bg-primary: var(--neutral-50);--bg-secondary: var(--neutral-100);--bg-tertiary: var(--neutral-200);--bg-hover: var(--neutral-300);--bg-active: var(--neutral-400);--bg-panels_01: rgba(36, 36, 36, .5);--bg-panels_02: rgba(36, 36, 36, .96);--bg-gradient-surface: var(--neutral-gradient-surface);--bg-gradient-tactical: var(--neutral-gradient-tactical);--bg-overlay-tactical: var(--neutral-gradient-overlay);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-700);--text-tertiary: var(--neutral-500);--border-color: var(--neutral-200);--border-color-dimmed: rgba(255, 255, 255, .1);--border-light: var(--neutral-300);--shadow: var(--shadow-sm);--shadow-hover: var(--shadow-md);--solid-dimmed: #dddddd30;--solid-transparent: #00000000}[data-theme=light]{--bg-primary: var(--neutral-50);--bg-secondary: var(--neutral-100);--bg-tertiary: var(--neutral-200);--bg-hover: var(--neutral-300);--bg-active: var(--neutral-400);--bg-panels_01: rgba(243, 243, 243, .5);--bg-panels_02: rgba(243, 243, 243, .96);--bg-gradient-surface: linear-gradient(180deg, var(--neutral-50) 0%, var(--neutral-100) 100%);--bg-gradient-tactical: var(--neutral-gradient-tactical);--bg-overlay-tactical: var(--neutral-gradient-overlay);--border-color: var(--neutral-200);--border-color-dimmed: rgba(0, 0, 0, .05);--border-light: var(--neutral-300);--solid-dimmed: rgba(68, 68, 68, .15)}*{box-sizing:border-box;margin:0;padding:0}html{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);line-height:var(--line-height-relaxed);transition:background-color .3s ease,color .3s ease}.App{min-height:100vh}a{font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}h1{font-size:var(--font-size-3xl);line-height:var(--line-height-tight)}h2{font-size:var(--font-size-2xl);line-height:var(--line-height-tight)}h3{font-size:var(--font-size-xl);line-height:var(--line-height-normal)}h4{font-size:var(--font-size-lg);line-height:var(--line-height-normal)}.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}button{border-radius:var(--radius-lg);border:1px solid transparent;padding:var(--spacing-md) var(--spacing-xl);font-size:1em;font-weight:var(--font-weight-medium);font-family:inherit;cursor:pointer;transition:all .3s ease}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.refresh-button,.control-button{background-color:var(--color-info);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.refresh-button:hover,.control-button:hover{background-color:var(--color-info-hover)}.emergency-button,.delete-button{background-color:var(--color-error);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.emergency-button{padding:var(--spacing-sm) var(--spacing-lg)}.delete-button{border-radius:var(--radius-circle);width:24px;height:24px;font-size:24px;padding:0 0 4px;font-weight:var(--font-weight-bold);line-height:1;display:flex;align-items:center;justify-content:center;background-color:#fff0;color:var(--text-secondary);border:1px rgba(128,128,128,.75) hidden;border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.emergency-button:hover,.delete-button:hover:not(:disabled){background-color:var(--color-error-hover);transform:scale(1.05)}.delete-button:disabled{background:var(--text-tertiary);cursor:not-allowed}.create-profile-button,.create-first-profile-button,.save-button{background:var(--color-success);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-weight:var(--font-weight-medium)}.create-profile-button:hover,.create-first-profile-button:hover,.save-button:hover:not(:disabled){background:var(--color-success-hover)}.save-button:disabled{background:#ccc;cursor:not-allowed}.cancel-button,.close-button{background:var(--bg-tertiary);color:var(--text-primary);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.cancel-button:hover,.close-button:hover{background:var(--bg-hover)}.theme-toggle{background:none;border:2px solid var(--border-color);border-radius:var(--radius-circle);width:40px;height:40px;font-size:1.2em;display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.theme-toggle svg{width:20px!important;height:20px!important;stroke:var(--text-primary)!important;stroke-width:2.5px!important;fill:none!important;opacity:1!important;display:block!important;visibility:visible!important}.theme-toggle:hover{background:var(--bg-hover);border-color:var(--color-info);transform:scale(1.05)}.edit-button{background:none;border:none;padding:var(--spacing-sm);border-radius:var(--radius-sm);font-size:1.1em}.edit-button:hover{background:#e3fdeb}.remove-point-button{background:none;border:none;padding:var(--spacing-xs);border-radius:var(--radius-sm)}.remove-point-button:hover:not(:disabled){background:#ffebee}.remove-point-button:disabled{opacity:.5;cursor:not-allowed}.preset-button{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);font-size:var(--font-size-sm);transition:all .2s}.preset-button:hover{background:var(--bg-tertiary)}.preset-button.silent{border-color:var(--color-success);color:var(--color-success)}.preset-button.balanced{border-color:var(--color-warning);color:var(--color-warning)}.preset-button.performance{border-color:var(--color-error);color:var(--color-error)}.add-point-button{background:var(--color-info);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.add-point-button:hover{background:var(--color-info-hover)}.retry-button{background-color:var(--color-info);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.retry-button:hover{background-color:var(--color-info-hover)}.system-stats-button{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);display:flex;align-items:center;gap:var(--spacing-sm)}.system-stats-button:hover{background:var(--bg-hover);border-color:var(--color-info);transform:translateY(-1px)}.toggle-hidden-button{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);display:flex;align-items:center;gap:var(--spacing-sm)}.toggle-hidden-button:hover{background:var(--bg-hover);border-color:var(--color-info);transform:translateY(-1px)}.visibility-toggle{background:transparent;border:none;font-size:18px;padding:var(--spacing-xs);opacity:.6;line-height:1}.visibility-toggle:hover{opacity:1;transform:scale(1.2)}.form-section{margin-bottom:var(--spacing-3xl)}.form-section h3{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:var(--font-size-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-base)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-base);background:var(--bg-tertiary);color:var(--text-primary);transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-info);box-shadow:0 0 0 3px #2196f31a}.form-group textarea{resize:vertical;min-height:60px}.form-group input[type=checkbox]{width:auto;margin-right:var(--spacing-sm)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.refresh-rate-dropdown,.agent-interval-select{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-base);cursor:pointer;transition:all .3s ease}.refresh-rate-dropdown:hover,.agent-interval-select:hover{border-color:var(--color-info)}.refresh-rate-dropdown:focus,.agent-interval-select:focus{outline:none;border-color:var(--color-info);box-shadow:0 0 0 2px #2196f333}.agent-interval-select{border-width:1px;padding:2px var(--spacing-sm);font-size:var(--font-size-sm);width:60px;min-width:60px;max-width:80px}.agent-interval-select:disabled{opacity:.6;cursor:not-allowed}.speed-slider{flex:1;height:6px;background:var(--border-color);border-radius:3px;outline:none;cursor:pointer}.speed-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--color-info);border-radius:var(--radius-circle);cursor:pointer}.speed-slider::-moz-range-thumb{width:18px;height:18px;background:var(--color-info);border-radius:var(--radius-circle);cursor:pointer;border:none}.speed-slider:disabled{opacity:.5;cursor:not-allowed}.input-group{flex:1}.input-group label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.input-group input{width:100%;padding:var(--spacing-sm) var(--spacing-sm);font-size:var(--font-size-sm)}.stealth-select-wrapper{position:relative;display:inline-flex;align-items:center;transition:all .2s cubic-bezier(.2,0,0,1);border-radius:var(--radius-sm);padding:2px}.select-engine{position:absolute;inset:0;opacity:0;z-index:2;cursor:pointer;width:100%;height:100%;appearance:none}.select-display{z-index:1;pointer-events:none;white-space:nowrap;display:flex!important;align-items:center;padding-right:24px!important;text-align:left;border-radius:inherit;transition:inherit}.stealth-select-wrapper:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:10px;height:6px;background-color:var(--text-primary);opacity:.6;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1L5 5L9 1' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;mask-size:contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1L5 5L9 1' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;pointer-events:none;z-index:1;transition:all .2s ease}.stealth-select-wrapper:hover:after{opacity:1;background-color:var(--color-accent-dynamic)}.stealth-select-wrapper:hover:not(:has(.select-engine:disabled)){background:color-mix(in srgb,var(--color-hover-tint-dynamic) 8%,var(--bg-secondary));border-color:var(--color-accent-dynamic)}.stealth-select-wrapper:before{display:none}.select-engine:hover~.select-display{border-color:var(--color-info)!important}.select-engine:focus~.select-display{border-color:var(--color-accent-dynamic)!important;box-shadow:0 0 0 2px #2196f333!important}.select-engine:disabled~.select-display{opacity:.6!important;background:var(--bg-secondary)!important;transform:none!important}.checkbox-container{display:inline-flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all .2s ease;-webkit-user-select:none;user-select:none}.checkbox-container:hover:not(:has(input:disabled)){background:color-mix(in srgb,var(--color-hover-tint-dynamic) 8%,var(--bg-secondary))}.checkbox-container:before,.checkbox-container:after{display:none}.checkbox-container input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin:0;accent-color:var(--color-accent-dynamic)}.checkbox-label{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.status-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:2px var(--spacing-sm);border-radius:12px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;text-align:center;border:1px solid transparent}.status-badge .status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.online{background:color-mix(in srgb,var(--color-success),transparent 90%);border-color:color-mix(in srgb,var(--color-success),transparent 85%);color:var(--color-success)}.status-badge.online .status-dot{animation:status-dot-pulse 2s infinite}.status-badge.offline{background:color-mix(in srgb,var(--color-error),transparent 95%);border-color:color-mix(in srgb,var(--color-error),transparent 90%);color:color-mix(in srgb,var(--color-error),transparent 20%)}.status-badge.error{background:color-mix(in srgb,var(--color-error),transparent 90%);border-color:color-mix(in srgb,var(--color-error),transparent 85%);color:var(--color-error)}.status-badge.error .status-dot{animation:status-dot-pulse 1s infinite}.status-badge.installing{background:color-mix(in srgb,var(--color-info),transparent 90%);border-color:color-mix(in srgb,var(--color-info),transparent 85%);color:var(--color-info)}.status-badge.installing .status-dot{animation:status-dot-pulse .8s infinite}.status-badge.read-only{background:color-mix(in srgb,var(--color-warning),transparent 90%);border-color:color-mix(in srgb,var(--color-warning),transparent 85%);color:var(--color-warning)}@keyframes status-dot-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.status-indicator{display:inline-block;font-size:var(--font-size-xs);text-transform:uppercase;font-weight:var(--font-weight-medium);padding:2px var(--spacing-xs);border-radius:var(--radius-lg);text-align:center;white-space:nowrap;max-width:fit-content}.status-indicator.ok{background-color:var(--temp-normal-bg);color:var(--temp-normal-text);border:1px solid var(--temp-normal-border)}.status-indicator.caution{background-color:var(--temp-caution-bg);color:var(--temp-caution-text);border:1px solid var(--temp-caution-border)}.status-indicator.warning{background-color:var(--temp-warning-bg);color:var(--temp-warning-text);border:1px solid var(--temp-warning-border)}.status-indicator.critical,.status-indicator.error{background-color:var(--temp-critical-bg);color:var(--temp-critical-text);border:1px solid var(--temp-critical-border)}.status-indicator.stopped{background-color:#9e9e9e1a;color:var(--text-tertiary);border:1px solid rgba(158,158,158,.2)}.profile-badges{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;border:1px solid transparent}.badge.type-custom{background:color-mix(in srgb,var(--text-tertiary),transparent 92%);border-color:color-mix(in srgb,var(--text-tertiary),transparent 85%);color:var(--text-tertiary)}.badge.type-default{background:color-mix(in srgb,var(--color-primary),transparent 92%);border-color:color-mix(in srgb,var(--color-primary),transparent 85%);color:var(--color-primary)}.badge.global{background:color-mix(in srgb,var(--color-success),transparent 92%);border-color:color-mix(in srgb,var(--color-success),transparent 85%);color:var(--color-success)}.badge.active{background:color-mix(in srgb,var(--color-warning),transparent 92%);border-color:color-mix(in srgb,var(--color-warning),transparent 85%);color:var(--color-warning)}.read-only-badge{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:help;opacity:.6}.read-only-badge:hover{opacity:1;color:var(--text-secondary)}.system-card.read-only input:disabled,.system-card.read-only button:disabled{opacity:.5;cursor:not-allowed}.system-card.read-only .stealth-select-wrapper{opacity:.5;cursor:not-allowed}.no-systems-redirect-card{grid-column:1 / -1;background:var(--color-bg-secondary);border:1px solid var(--color-error);padding:var(--spacing-2xl);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-lg);max-width:600px;margin:var(--spacing-2xl) auto;box-shadow:0 0 20px #ff64641a}.no-systems-redirect-card .card-header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--color-error)}.no-systems-redirect-card h3{font-family:var(--font-mono);font-size:var(--font-size-xl);margin:0;letter-spacing:1px}.no-systems-redirect-card p{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:1.6}.no-systems-redirect-card .redirect-btn{margin-top:var(--spacing-md);display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);font-weight:700}.dashboard-container{max-width:2500px;margin:0 auto;padding:var(--spacing-xl);width:100%}.dashboard-header{display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg) var(--radius-lg) 0 0;transition:background-color .3s ease;border-bottom:1px solid var(--border-color)}.dashboard-header h1{color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.brand-subtitle{font-size:var(--spacing-3xl);opacity:1;font-weight:700;white-space:nowrap}.header-fan-container{display:inline-flex;align-items:center;justify-content:center;transition:opacity .3s ease}.header-controls{display:flex;align-items:center;gap:var(--spacing-lg)}.connection-status{display:flex;flex-direction:column;align-items:flex-end;font-size:var(--font-size-base)}.connection-status-indicator{font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--spacing-xs)}.connection-status-indicator.connected{color:var(--color-success)}.connection-status-indicator.connected .status-icon{transform-origin:center;display:inline-block;color:var(--color-success)}.connection-status-indicator.connected .status-icon polyline{stroke-dasharray:50;stroke-dashoffset:0;animation:connection-flow 2.5s linear infinite}@keyframes connection-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:100}}.connection-status-indicator.polling{color:var(--color-warning, #f59e0b)}.connection-status-indicator.disconnected{color:var(--color-error)}.last-update{color:var(--text-secondary);font-size:var(--font-size-sm)}.dashboard-nav{background:var(--bg-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-sm);transition:all .3s ease;z-index:10;position:relative}.nav-tabs{display:flex;padding:0 var(--spacing-md);align-items:center}.nav-tab{background:transparent;border:none;padding:var(--spacing-md) var(--spacing-2xl);cursor:pointer;font-size:14px;font-weight:var(--font-weight-semibold);color:var(--text-primary);transition:all .2s cubic-bezier(.2,0,0,1);position:relative;display:flex;align-items:center;gap:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.nav-tab:hover{color:var(--text-primary);background:#ffffff08}.nav-tab.active{color:var(--color-accent-dynamic)}.nav-tab:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--color-accent-dynamic);transition:all .3s cubic-bezier(.2,0,0,1);transform:translate(-50%);box-shadow:0 0 10px var(--color-accent-dynamic)}.nav-tab.active:after{width:100%}.nav-tab:first-child,.nav-tab:last-child{border-radius:0}.dashboard-content{min-height:400px}.fan-profiles-section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow);transition:background-color .3s ease,box-shadow .3s ease}.dashboard-footer{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);font-size:var(--font-size-base)}.dashboard-footer .version-link{color:var(--color-info);text-decoration:none;transition:color .2s ease,opacity .2s ease}.dashboard-footer .version-link:hover{text-decoration:underline;opacity:.8}.refresh-rate-selector{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-start}.refresh-rate-label{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium);white-space:nowrap}.refresh-rate-dropdown{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease;min-width:180px}.refresh-rate-dropdown:hover{border-color:var(--color-info);background:var(--bg-hover)}.refresh-rate-dropdown:disabled{opacity:.5;cursor:not-allowed}.controller-interval-selector{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-start}.controller-interval-label{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium);white-space:nowrap}.controller-interval-dropdown{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease;min-width:180px}.controller-interval-dropdown:hover{border-color:var(--color-info);background:var(--bg-hover)}.controller-interval-dropdown:disabled{opacity:.5;cursor:not-allowed}.dashboard-full-page-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-spinner{text-align:center}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--color-info);border-radius:var(--radius-circle);animation:spin 1s linear infinite;margin:0 auto var(--spacing-xl)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-indicator{font-size:var(--font-size-sm);color:var(--color-info);font-weight:var(--font-weight-medium);text-align:center;margin-top:var(--spacing-xs)}.dashboard-full-page-error{display:flex;justify-content:center;align-items:center;min-height:400px}.no-data{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.no-data p{margin-bottom:var(--spacing-xs)}.system-card,.stat-card,.profile-card,.no-systems,.no-profiles,.error-message{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--spacing-lg);transition:transform .2s cubic-bezier(.2,0,0,1),opacity .2s cubic-bezier(.2,0,0,1),border-color .2s cubic-bezier(.2,0,0,1),background-color .2s cubic-bezier(.2,0,0,1),box-shadow .2s cubic-bezier(.2,0,0,1);will-change:transform,opacity;position:relative;border:1px solid var(--neutral-300)}.pulsate{animation:pulsate-red 2s infinite ease-in-out}@keyframes pulsate-red{0%{box-shadow:0 0 #f4433666}70%{box-shadow:0 0 0 10px #f4433600}to{box-shadow:0 0 #f4433600}}.overview-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);perspective:1000px}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-secondary);transition:transform .3s cubic-bezier(.2,0,0,1),border-color .3s cubic-bezier(.2,0,0,1),background-color .3s cubic-bezier(.2,0,0,1),box-shadow .3s cubic-bezier(.2,0,0,1);overflow:hidden;text-align:left;min-width:160px;flex:1;position:relative}.stat-card:hover{transform:translateY(-2px);border-color:var(--color-accent-dynamic);background:color-mix(in srgb,var(--color-hover-tint-dynamic) 3%,var(--bg-secondary));box-shadow:0 10px 25px -10px #0009,0 0 15px -5px color-mix(in srgb,var(--color-accent-dynamic) 40%,transparent)}.stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--stat-accent-color, var(--color-accent-dynamic));box-shadow:0 0 8px var(--stat-accent-color, var(--color-accent-dynamic));opacity:.8;transition:opacity .3s ease}.stat-card:hover:after{opacity:1}.stat-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:#ffffff05;color:var(--stat-accent-color, var(--color-accent-dynamic));transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease,color .3s ease;flex-shrink:0}.stat-card:hover .stat-icon{transform:scale(1.1);background:color-mix(in srgb,var(--stat-accent-color, var(--color-accent-dynamic)) 10%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--stat-accent-color, var(--color-accent-dynamic)) 15%,transparent)}.stat-content{display:flex;flex-direction:column;gap:0}.stat-value{font-family:var(--font-mono);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold-xl);color:var(--text-primary);line-height:1.1;letter-spacing:-.01em}.stat-label{color:var(--text-tertiary);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.stat-card.online{--stat-accent-color: var(--temp-normal-text)}.stat-card.offline{--stat-accent-color: var(--text-tertiary)}.stat-card.error-card{--stat-accent-color: var(--color-error)}.stat-card.sensors{--stat-accent-color: #00BCD4}.stat-card.fans{--stat-accent-color: #9C27B0}.stat-card.temperature-avg{--stat-accent-color: var(--temp-normal-border)}.stat-card.temperature-high{--stat-accent-color: var(--temp-critical-border)}.stat-card.at-limit{--stat-accent-color: var(--temp-warning-border)}.stat-card.over-limit{--stat-accent-color: var(--temp-critical-border)}.stat-card.online .stat-value{color:var(--temp-normal-text)}.stat-card.offline .stat-value{color:var(--text-tertiary)}.stat-card.error-card .stat-value{color:var(--temp-critical-text)}.stat-card.at-limit .stat-value{color:var(--temp-warning-text)}.stat-card.over-limit .stat-value{color:var(--temp-critical-text)}.stat-value.temperature-normal{color:var(--temp-normal-text)}.stat-value.temperature-caution{color:var(--temp-caution-text)}.stat-value.temperature-warning{color:var(--temp-warning-text)}.stat-value.temperature-critical{color:var(--temp-critical-text)}.systems-grid{display:grid;grid-template-columns:repeat(auto-fit,360px);gap:var(--spacing-md);justify-content:center;align-items:start;margin:0 auto var(--spacing-3xl);width:100%;max-width:100%}@media (max-width: 400px){.systems-grid{grid-template-columns:1fr;padding:0 var(--spacing-sm)}}.system-card{padding:var(--spacing-lg);width:100%;max-width:360px;margin:0 auto;transition:transform .3s ease,border-color .3s ease,background-color .3s ease,box-shadow .3s ease;background-image:var(--bg-overlay-tactical);box-sizing:border-box}.system-card:hover{background:color-mix(in srgb,var(--color-hover-tint-dynamic) 3%,var(--bg-secondary));border-color:var(--color-accent-dynamic);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.system-header{margin-bottom:var(--spacing-lg)}.system-title{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--spacing-sm);padding-bottom:0;border-bottom:1px solid var(--border-light)}.system-title-top{display:flex;justify-content:space-between;align-items:center;width:100%}.status-group{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.header-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.platform-icon-minimal{display:flex;align-items:flex-end;gap:var(--spacing-sm);flex-shrink:0;opacity:.75;transition:all .2s ease}.platform-icon-minimal:hover{opacity:1}.platform-icon-minimal img{display:block}.arch-badge{font-size:11px;font-weight:var(--font-weight-bold);text-transform:lowercase;padding:2px 6px;border-radius:3px;line-height:1;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-light)}.system-title-main{width:100%}.system-title h3{color:var(--text-primary);margin:0;width:100%;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold-xl);letter-spacing:-.02em}.system-title h3 .agent-name-edit{width:100%}.system-title h3 .agent-name-edit .inline-edit-value{padding:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.status-badge{flex-shrink:0;min-width:80px;font-weight:var(--font-weight-bold-xl);text-transform:capitalize;letter-spacing:.1em}.delete-button{background:var(--bg-tertiary);border:1px solid var(--border-light);color:var(--text-tertiary);width:26px;height:26px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:var(--radius-sm);transition:opacity .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);cursor:pointer;opacity:.6}.delete-button svg{display:block}.delete-button:hover:not(:disabled){opacity:1;background:rgba(var(--color-critical-rgb),.1);color:var(--color-critical);border-color:var(--color-critical);transform:rotate(90deg) scale(1.1)}.delete-button:active{transform:scale(.9)}.system-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md);opacity:.6}.meta-item{display:flex;align-items:center;gap:4px;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.system-summary-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-sm);margin-inline:-10px}.summary-stat{background:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);text-align:center;display:flex;flex-direction:column;gap:1px}.summary-stat:not(:last-child){border-right:1px solid var(--border-light)}.summary-stat-label{font-size:var(--font-size-sm2);font-weight:var(--font-weight-bold);color:var(--text-secondary);letter-spacing:.02em}.summary-stat-value{font-family:var(--font-mono);font-size:var(--font-size-md);font-weight:var(--font-weight-bold-xl);letter-spacing:-.02em;color:var(--text-primary)}.summary-stat-value .unit{font-size:10px;margin-left:2px;opacity:.85;text-transform:uppercase}.summary-stat-value.temperature-normal,.summary-stat-value.fan-normal{color:var(--temp-normal-text)}.summary-stat-value.temperature-caution,.summary-stat-value.fan-caution{color:var(--temp-caution-text)}.summary-stat-value.temperature-warning,.summary-stat-value.fan-warning{color:var(--temp-warning-text)}.summary-stat-value.temperature-critical,.summary-stat-value.fan-critical{color:var(--temp-critical-text)}.system-command-center{background:var(--bg-panels_02);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-light);margin-bottom:var(--spacing-md);margin-inline:-10px}.command-grid{display:grid;grid-template-columns:repeat(2,1fr);row-gap:4px;column-gap:8px}.command-item{display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-self:center;width:110px}.command-label-row{display:flex;align-items:center;justify-content:flex-start;gap:4px;color:var(--text-secondary)}.command-label-row .stat-label{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.01em;word-spacing:normal;white-space:nowrap}.command-label-row .label-icon{opacity:.85}.tactical-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.tactical-checkbox input{display:none}.checkbox-custom{width:16px;height:16px;border:1px solid rgba(255,255,255,.1);border-radius:4px;position:relative;transition:all .2s ease}.tactical-checkbox input:checked+.checkbox-custom{border-color:var(--color-accent-dynamic)}.tactical-checkbox input:checked+.checkbox-custom:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;background:var(--color-accent-dynamic);border-radius:50%;transform:translate(-50%,-50%)}.checkbox-text{font-size:var(--font-size-sm2);font-weight:600;color:var(--text-secondary);letter-spacing:.05em}.stealth-select-wrapper{background:#ffffff08;border:1px solid var(--border-color);border-radius:6px;padding:4px 8px;transition:all .2s ease;width:100px;height:25px;display:flex;justify-content:center;align-items:center;position:relative}.stealth-select-wrapper:hover{background:#ffffff0f;border-color:var(--border-light)}.select-engine{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;background:var(--bg-secondary);color:var(--text-primary)}.select-display{font-size:var(--font-size-sm2);font-weight:var(--font-weight-medium);color:var(--text-primary);display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%;text-align:left;pointer-events:none}.system-stats{display:flex;gap:12px;margin-top:8px;margin-bottom:8px;padding-bottom:12px;border-bottom:1px solid var(--border-light);align-items:center}.system-stats-button:first-of-type{margin-left:auto}.system-stats-button{padding:6px 14px;background:transparent;border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);font-size:var(--font-size-sm2);font-weight:var(--font-weight-bold-xl);letter-spacing:.05em;cursor:pointer;transition:all .2s ease;white-space:nowrap}.system-stats-button:hover{background:var(--bg-secondary);border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.stat{text-align:center}.stat-number{display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold-xl);color:var(--color-accent-dynamic);line-height:1}.stat-label{color:var(--neutral-600);font-size:var(--font-size-base);font-weight:var(--font-weight-bold-xl);letter-spacing:.05em}.profiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--spacing-lg)}.profile-card:hover{background:color-mix(in srgb,var(--color-hover-tint-dynamic) 5%,var(--bg-secondary));border-color:var(--color-accent-dynamic);transform:translateY(-2px);box-shadow:var(--shadow-md)}.profile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);color:var(--text-secondary)}.profile-title{display:flex;align-items:center;gap:var(--spacing-md)}.profile-icon{font-size:var(--font-size-xl)}.profile-info{flex:1;display:flex;flex-direction:column;gap:2px}.profile-name-text{margin:0;color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:-.01em}.profile-description{color:var(--text-secondary);font-size:14px;margin-bottom:var(--spacing-lg);line-height:1.6;font-weight:400;opacity:.85;letter-spacing:.01em;white-space:pre-wrap}.no-systems,.no-profiles{grid-column:1 / -1;text-align:center;padding:var(--spacing-4xl)}.no-systems h3,.no-profiles h3{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.no-systems p,.no-profiles p{color:var(--text-tertiary);margin-bottom:var(--spacing-sm)}.error-message{text-align:center;border-left:4px solid var(--color-error)}.error-message h2{color:var(--color-error);margin-bottom:var(--spacing-lg)}.error-message p{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}@media (max-width: 600px){.system-summary-stats{grid-template-columns:repeat(2,1fr)}}:root{--spin-duration-default: 2.5s;--spin-duration-min: .3s;--spin-duration-max: 3s}.system-section{margin-bottom:var(--spacing-lg)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding:var(--spacing-xs) 0}.section-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.section-header.clickable:hover{background-color:var(--bg-hover);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-md)}.section-header h4{margin:0;color:var(--text-primary);font-size:var(--font-size-lg)}.expand-icon{color:var(--text-secondary);font-size:var(--font-size-sm)}.sensors-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sensor-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-xs) var(--spacing-lg);background-color:var(--bg-tertiary);border-radius:var(--radius-lg);border-left:6px solid var(--border-color);transition:all .3s ease;gap:var(--spacing-md)}.sensor-item:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.sensor-item.temperature-normal{background-color:var(--temp-normal-bg);border-left-color:var(--temp-normal-border)}.sensor-item.temperature-caution{background-color:var(--temp-caution-bg);border-left-color:var(--temp-caution-border)}.sensor-item.temperature-warning{background-color:var(--temp-warning-bg);border-left-color:var(--temp-warning-border)}.sensor-item.temperature-critical{background-color:var(--temp-critical-bg);border-left-color:var(--temp-critical-border)}.sensor-info{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:0}.sensor-header{display:flex;align-items:flex-start;gap:var(--spacing-sm);flex-wrap:wrap}.sensor-icon{font-size:1.2em;color:#000}.sensor-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-md);text-transform:capitalize;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.sensor-type{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:capitalize;font-weight:var(--font-weight-semibold)}.sensor-item.temperature-normal .sensor-name,.sensor-item.temperature-caution .sensor-name,.sensor-item.temperature-warning .sensor-name,.sensor-item.temperature-critical .sensor-name{color:#000}.sensor-item.temperature-normal .sensor-type,.sensor-item.temperature-caution .sensor-type,.sensor-item.temperature-warning .sensor-type,.sensor-item.temperature-critical .sensor-type{color:#bbb}.sensor-reading{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.temperature-display{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.temp-limit{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-normal)}.temperature{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}.temperature.temperature-normal{color:var(--temp-normal-text)}.temperature.temperature-caution{color:var(--temp-caution-text)}.temperature.temperature-warning{color:var(--temp-warning-text)}.temperature.temperature-critical{color:var(--temp-critical-text)}.sensor-controls{display:flex;justify-content:flex-end;padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-tertiary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-md)}.sensor-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.sensor-item.sensor-hidden{opacity:.5;background:var(--bg-tertiary);border-left:3px solid var(--text-tertiary)}.sensor-item.sensor-hidden .sensor-name{text-decoration:line-through;color:var(--text-tertiary)}.sensor-item.sensor-hidden:hover{opacity:.7}.sensor-group{margin-bottom:var(--spacing-xl)}.sensor-group:last-child{margin-bottom:0}.sensor-group-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-tertiary);border-left:3px solid var(--color-info);margin-bottom:var(--spacing-sm);border-radius:var(--radius-sm)}.group-header-right{display:flex;align-items:center;gap:var(--spacing-md)}.sensor-group-header h5{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.sensor-count{font-size:12px;color:var(--text-secondary);background:var(--bg-secondary);padding:3px var(--spacing-sm);border-radius:12px;border:1px solid var(--border-color)}.sensor-group.group-hidden{opacity:.6}.sensor-group-items{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-left:var(--spacing-xs)}.fans-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.fan-item{display:flex;flex-direction:column;padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-md);background-color:var(--bg-panels_01);border-radius:var(--radius-lg);border-left:4px solid var(--color-info);transition:all .3s ease;min-width:0;max-width:100%;box-sizing:border-box;contain:layout style paint}.fan-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.fan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);width:100%;gap:var(--spacing-sm);position:relative}.inline-edit-container.fan-name-edit:not(.editing){position:static}.fan-name-edit .inline-edit-icon{position:absolute;right:68px;top:0;z-index:1}.fan-item .fan-name-edit:not(.editing):hover .inline-edit-icon{opacity:0}.fan-item:hover .fan-name-edit:not(.editing) .inline-edit-icon{opacity:1}.fan-visibility-toggle{position:absolute;right:68px;top:20px;z-index:1;opacity:0;background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.fan-item:hover .fan-visibility-toggle{opacity:.75}.fan-item:hover .fan-visibility-toggle:hover{opacity:1}.fan-item.fan-hidden{opacity:.5}.fan-item.fan-hidden:hover{opacity:.7}.fan-item.fan-hidden .fan-name{text-decoration:line-through;color:var(--text-tertiary)}.fan-info{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:0}.fan-title{display:flex;align-items:center;gap:var(--spacing-sm)}.fan-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-info);contain:layout style}.animate-fan-spin{animation:fan-spin var(--spin-duration, var(--spin-duration-default)) linear infinite;will-change:transform;backface-visibility:hidden;transform-origin:center center}@keyframes fan-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.animate-fan-spin{animation:none}}.fan-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-md)}.fan-metrics{display:flex;align-items:center;gap:var(--spacing-sm)}.fan-rpm{font-size:var(--font-size-base);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.speed-display{display:flex;align-items:center;justify-content:center;flex-shrink:0}.speed-circle{position:relative;display:flex;align-items:center;justify-content:center;--speed-flow-color: var(--bg-panels_02)}.speed-gauge{transform:rotate(-90deg)}.speed-track{stroke:var(--border-color);transition:stroke .3s ease}.speed-gauge circle:not(.speed-track){transition:stroke .3s ease}.speed-flow-mask{position:absolute;inset:0;z-index:1;border-radius:50%;pointer-events:none;-webkit-mask-image:radial-gradient(circle at center,transparent 22px,black 23px,black 27px,transparent 28px),conic-gradient(from -90deg,black 0deg,black var(--arc-deg, 0deg),transparent var(--arc-deg, 0deg));mask-image:radial-gradient(circle at center,transparent 22px,black 23px,black 27px,transparent 28px),conic-gradient(from -90deg,black 0deg,black var(--arc-deg, 0deg),transparent var(--arc-deg, 0deg));-webkit-mask-composite:source-in;mask-composite:intersect}.speed-flow-pattern{width:100%;height:100%}.speed-flow-pattern.flow-cw{animation:speed-flow-cw 6s linear infinite}.speed-flow-pattern.flow-ccw{animation:speed-flow-ccw 6s linear infinite}@keyframes speed-flow-cw{to{transform:rotate(360deg)}}@keyframes speed-flow-ccw{to{transform:rotate(-360deg)}}.speed-value{position:absolute;font-weight:var(--font-weight-bold);font-size:var(--font-size-md);transition:color .3s ease}.fan-controls{display:flex;flex-direction:column;gap:4px;width:100%;box-sizing:border-box}.fan-control-row{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;max-width:100%;box-sizing:border-box}.control-label{font-size:var(--font-size-sm2);color:var(--text-secondary);font-weight:var(--font-weight-medium);min-width:100px;flex-shrink:0}.fan-dropdown,.fan-control-row .stealth-select-wrapper{flex:1;min-width:0;padding:4px var(--spacing-sm);background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-sm2);cursor:pointer;transition:all .2s ease;box-sizing:border-box}.sensor-select-display{display:flex!important;gap:var(--spacing-xs);min-width:0}.sensor-select-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.sensor-select-temp{flex-shrink:0;white-space:nowrap}.fan-dropdown:hover:not(:disabled){background:color-mix(in srgb,var(--color-info) 8%,var(--bg-secondary));border-color:var(--color-info)}.fan-dropdown:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #2196f333}.fan-dropdown:disabled{opacity:.5;cursor:not-allowed}.speed-control{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.speed-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--spacing-xs)}.zone-group{display:flex;flex-direction:column;background-color:var(--bg-panels_01);border-radius:var(--radius-lg);border-left:4px solid var(--color-info);overflow:hidden}.zone-header-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background-color:color-mix(in srgb,var(--color-info) 8%,var(--bg-panels_01));border-bottom:1px solid var(--border-color)}.zone-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.zone-fan-count{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.fan-item.zone-member{background-color:transparent;border-left:none;border-radius:0;padding:var(--spacing-xs) var(--spacing-sm);margin:0}.fan-item.zone-member:hover{transform:none;box-shadow:none;background-color:color-mix(in srgb,var(--color-info) 4%,transparent)}.fan-item.zone-member:not(:last-child){border-bottom:1px solid var(--border-color)}.fan-controls.zone-controls{padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-sm);border-top:1px solid var(--border-color);background-color:color-mix(in srgb,var(--color-info) 4%,var(--bg-panels_01))}.fan-profile-manager{max-width:1400px;margin:0 auto;padding:var(--spacing-xl)}.profile-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);background:var(--bg-tertiary);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.header-actions{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.selection-toggle-button,.import-export-button,.create-profile-button,.docs-link-button{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:13px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1);display:flex;align-items:center;gap:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em;text-decoration:none;white-space:nowrap}.docs-link-button{color:var(--color-accent-dynamic)}.create-profile-button{border-color:color-mix(in srgb,var(--color-success),transparent 40%);color:var(--color-success)}.selection-toggle-button:hover,.import-export-button:hover,.docs-link-button:hover{border-color:var(--color-accent-dynamic);background:color-mix(in srgb,var(--color-accent-dynamic),transparent 92%);transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--color-accent-dynamic),transparent 80%)}.create-profile-button:hover{background:color-mix(in srgb,var(--color-success),transparent 92%);border-color:var(--color-success);transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--color-success),transparent 80%)}.selection-toggle-button.active,.import-export-button.active{background:var(--color-accent-dynamic);color:#fff;border-color:var(--color-accent-dynamic);transform:translateY(-1px)}.docs-link-button .external-icon{opacity:.6;margin-left:-2px}.profile-checkbox{margin-right:var(--spacing-md);display:flex;align-items:center}.profile-select-checkbox{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.header-title h2{margin:0;font-size:18px;color:var(--text-primary);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.header-title p{display:none}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl)}.fan-profile-editor-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-xl)}.fan-profile-editor{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:1100px;width:95vw;max-height:90vh;display:flex;flex-direction:column;border:1px solid var(--border-color)}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-xl);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.editor-header h2{margin:0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.editor-body{display:flex;flex:1}.editor-main{flex:1;display:flex;flex-direction:column;padding:var(--spacing-xl);overflow:visible;background:var(--bg-primary);position:relative}.editor-sidebar{width:340px;background:var(--bg-tertiary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-xl);overflow-y:auto}.sidebar-group{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.sidebar-group.fill{flex:1}.sidebar-group h3{margin:0;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);font-weight:var(--font-weight-bold);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.sidebar-group .form-group{margin-bottom:0}.sidebar-group label{font-size:11px;font-weight:var(--font-weight-bold);color:var(--text-tertiary);margin-bottom:4px}.sidebar-group input,.sidebar-group select,.sidebar-group textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-sm);font-size:13px;color:var(--text-primary);width:100%}.sidebar-group textarea{resize:vertical;min-height:120px;max-height:350px}.editor-content{display:none}.editor-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:#ffebee;border-top:1px solid var(--border-color);color:#c62828;font-size:var(--font-size-base)}.error-icon{font-size:var(--font-size-lg)}.editor-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.preset-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.preset-card{padding:var(--spacing-xl);background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s ease;text-align:center}.preset-card:hover{background:color-mix(in srgb,var(--color-hover-tint-dynamic) 8%,var(--bg-tertiary));border-color:var(--color-accent-dynamic);transform:translateY(-2px);box-shadow:var(--shadow-md)}.preset-card.active{border-color:var(--color-primary);background:var(--bg-primary-subtle);box-shadow:0 4px 12px #4a90e226}.preset-icon{font-size:28px;margin-bottom:var(--spacing-md)}.preset-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.preset-description{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:var(--line-height-normal)}.preset-stats{font-size:11px;color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.curve-editor{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.curve-chart,.chart-container{border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px;background:var(--bg-tertiary);display:flex;justify-content:center;align-items:center;overflow:visible}.points-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.points-header h4{margin:0;color:var(--text-primary)}.points-list{max-height:300px;overflow-y:auto}.point-editor{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);background:var(--bg-secondary)}.point-inputs{flex:1;display:flex;gap:var(--spacing-md)}.fan-curve-chart{width:100%;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.fan-curve-chart svg{display:block}.curve-point{transition:r .2s ease}.curve-point.interactive{transition:all .2s ease}.curve-point.interactive:hover{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));r:8}.curve-info-strip-tactical{padding:0;width:100%;box-sizing:border-box}.range-box{background:var(--bg-secondary);border-radius:0;padding:var(--spacing-md) var(--spacing-xl);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);border-top:1px solid var(--border-color);overflow:hidden}.range-item{display:flex;flex-direction:column;gap:var(--spacing-xs);flex-shrink:0}.range-label{color:var(--text-tertiary);font-family:var(--font-primary);font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.range-value{color:var(--neutral-900);font-family:var(--font-primary);font-size:14px;font-weight:var(--font-weight-bold);letter-spacing:.01em}@media (max-width: 600px){.range-box{flex-wrap:wrap;gap:var(--spacing-lg)}}.profile-curve-preview{margin-bottom:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);display:flex;flex-direction:column;transition:all .2s ease;overflow:visible}.profile-curve-preview.clickable-graph{cursor:pointer}.profile-curve-preview.clickable-graph:hover{border-color:var(--color-accent-dynamic);background:color-mix(in srgb,var(--color-accent-dynamic) 5%,var(--bg-secondary));box-shadow:inset 0 0 0 1px var(--color-accent-dynamic)}.profile-builder-step{margin-bottom:5px;padding:20px;background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-color)}.step-header{margin-bottom:var(--spacing-xl)}.step-header h3{margin:0 0 var(--spacing-sm) 0;font-size:18px;color:var(--text-primary);font-weight:var(--font-weight-semibold)}.step-header p{margin:0;font-size:14px;color:var(--text-secondary);line-height:var(--line-height-normal)}.profile-details{display:flex;flex-direction:column;gap:var(--spacing-md)}.checkbox-group{margin-top:calc(var(--spacing-md) * -1)}.chart-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid var(--border-color)}.curve-info{display:flex;gap:var(--spacing-xl)}.curve-info span{font-size:11px;font-family:var(--font-mono);color:var(--text-tertiary);font-weight:var(--font-weight-medium);background:var(--bg-tertiary);padding:4px 10px;border-radius:var(--radius-full);border:1px solid var(--border-color)}.template-selector{display:flex;flex-direction:column;gap:var(--spacing-md)}.template-dropdown{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-base);cursor:pointer}.template-dropdown:hover{border-color:var(--color-primary)}.template-dropdown:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2196f31a}.template-info{padding:var(--spacing-md);background:#2196f31a;border-left:3px solid var(--color-primary);border-radius:var(--radius-sm)}.template-info p{margin:0;font-size:var(--font-size-sm);color:var(--text-primary)}.profile-actions{display:flex;gap:var(--spacing-xs)}.action-button{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-button svg{color:var(--text-primary)!important;stroke:var(--text-primary)!important;fill:none!important;opacity:1!important;display:block!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important}.action-button:hover{transform:translateY(-2px);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.action-button.export-button,.action-button.edit-button,.action-button.duplicate-button,.action-button.delete-button{background:var(--bg-secondary);border-color:var(--border-color)}.action-button.export-button:hover,.action-button.edit-button:hover,.action-button.duplicate-button:hover{background:#2196f31a;border-color:var(--color-primary)}.action-button.delete-button:hover{background:#f443361a;border-color:var(--color-error)}.profile-import-export{background:var(--bg-panels_01);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-3xl);border:1px solid var(--border-color);box-shadow:var(--shadow-xl)}.import-export-header{margin-bottom:var(--spacing-2xl);border-bottom:1px solid var(--border-color-dimmed);padding-bottom:var(--spacing-lg)}.import-export-header h3{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em}.import-export-header p{margin:var(--spacing-xs) 0 0 0;color:var(--text-secondary);font-size:var(--font-size-base);opacity:.8}.import-export-actions{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.management-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-2xl)}.management-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.section-label{margin:0;font-size:var(--font-size-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-weight:var(--font-weight-bold)}.button-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.action-pill{padding:var(--spacing-md) var(--spacing-xl);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);font-size:12px;font-weight:var(--font-weight-bold);cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1);display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);text-align:center;text-transform:uppercase;letter-spacing:.1em}.action-pill:hover:not(:disabled){background:var(--bg-hover);border-color:var(--color-accent-dynamic);transform:translateY(-2px);box-shadow:0 4px 15px #0006}.action-pill:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(1)}.action-pill.primary{background:var(--bg-secondary);border-color:color-mix(in srgb,var(--color-accent-dynamic),transparent 70%)}.action-pill.highlight{border-color:color-mix(in srgb,var(--color-success),transparent 70%);color:var(--color-success)}.action-pill.highlight:hover:not(:disabled){border-color:var(--color-success);background:color-mix(in srgb,var(--color-success),transparent 94%)}.action-pill.primary:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent-dynamic),transparent 94%);border-color:var(--color-accent-dynamic)}.hint-text{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.standard-dialog-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-xl)}.standard-dialog{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);max-width:520px;width:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl)}.standard-dialog .dialog-header{padding:var(--spacing-xl) var(--spacing-2xl);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.standard-dialog .dialog-header h3{margin:0;font-size:var(--font-size-xl);color:var(--text-primary)}.standard-dialog .dialog-content{padding:var(--spacing-2xl);overflow-y:auto;max-height:60vh}.defaults-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.default-item{border:1px solid var(--border-color);border-radius:var(--radius-xl);background:var(--bg-secondary);transition:all .2s}.default-item:hover{background:var(--bg-hover)}.item-label{padding:var(--spacing-lg);display:flex;gap:var(--spacing-lg);cursor:pointer}.item-info{flex:1;display:flex;flex-direction:column;gap:4px}.item-main{display:flex;align-items:center;gap:var(--spacing-md)}.profile-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.existing-badge{font-size:10px;font-weight:var(--font-weight-bold);padding:2px 8px;background:#ff98001a;color:var(--color-warning);border-radius:var(--radius-full)}.profile-desc{margin:0;font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:1.5;white-space:pre-wrap}.standard-dialog .dialog-footer{padding:var(--spacing-xl) var(--spacing-2xl);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:var(--spacing-md)}.import-results{margin-top:var(--spacing-3xl);border:1px solid var(--border-color);border-radius:var(--radius-2xl);overflow:hidden;background:var(--bg-secondary)}.results-header{padding:var(--spacing-lg) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.results-header h4{margin:0;font-size:var(--font-size-lg);color:var(--text-primary)}.summary-pills{display:flex;gap:var(--spacing-md);align-items:center}.pill{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:4px 12px;border-radius:var(--radius-full)}.pill.success{background:#4caf501a;color:var(--color-success);border:1px solid rgba(76,175,80,.2)}.pill.skip{background:#ff98001a;color:var(--color-warning);border:1px solid rgba(255,152,0,.2)}.pill.error{background:#f443361a;color:var(--color-error);border:1px solid rgba(244,67,54,.2)}.clear-results{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-sm);font-size:16px}.results-list{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-sm)}.result-line{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--bg-primary)}.line-icon{flex-shrink:0}.line-name{font-weight:var(--font-weight-bold);color:var(--text-primary)}.line-message{color:var(--text-tertiary);font-size:var(--font-size-sm)}.file-drop-area{border:2px dashed var(--border-color);border-radius:var(--radius-2xl);padding:var(--spacing-4xl) var(--spacing-xl);text-align:center;cursor:pointer;transition:all .3s ease;margin-bottom:var(--spacing-2xl)}.file-drop-area:hover{border-color:var(--color-info);background:var(--solid-dimmed)}.drop-zone-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.drop-icon{font-size:40px}.drop-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}@media (max-width: 768px){.dashboard{padding:var(--spacing-md) 0!important}.dashboard-header{flex-direction:column;gap:var(--spacing-lg);align-items:stretch;padding:var(--spacing-md) var(--spacing-sm)!important}.dashboard-container{padding:var(--spacing-sm) 0!important}.dashboard-header h1{font-size:var(--font-size-xl);flex-wrap:wrap;justify-content:center;text-align:center;line-height:1.2}.brand-subtitle{font-size:var(--font-size-xl)}.header-controls{display:grid;grid-template-columns:1fr auto auto;gap:var(--spacing-sm);width:100%;justify-items:center;align-items:end}.connection-status{grid-column:1 / -1;width:100%;flex-direction:row;justify-content:center;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xs);order:0}.controller-interval-selector{grid-column:1;width:100%;justify-self:stretch;order:1}.emergency-button{grid-column:2;width:42px!important;height:42px;padding:0!important;justify-content:center;margin-top:0;order:2;min-width:0!important}.emergency-button .btn-label{display:none}.theme-toggle{grid-column:3;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);align-self:end;order:3}.theme-toggle:hover{background:var(--bg-hover);border-color:var(--color-info)}.dashboard-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.dashboard-nav::-webkit-scrollbar{display:none}.nav-tabs{width:max-content;padding:0 var(--spacing-sm)}.nav-tab{padding:var(--spacing-md) var(--spacing-lg);white-space:nowrap;flex-shrink:0}.systems-grid{grid-template-columns:1fr}.overview-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-sm)}.profiles-grid{grid-template-columns:1fr!important}.profile-card{max-width:100%!important;margin:0!important}.system-card{margin:var(--spacing-sm) 0;padding:var(--spacing-md);max-width:100%!important;width:100%;overflow:hidden;box-sizing:border-box}.system-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.system-section{overflow:hidden;max-width:100%;box-sizing:border-box}.fans-list{overflow:hidden;max-width:100%;width:100%;box-sizing:border-box}.fan-item{max-width:100%;width:100%;overflow:hidden;box-sizing:border-box}.fan-header{max-width:100%;overflow:hidden}.fan-info{overflow:hidden;min-width:0}.fan-title{overflow:hidden}.fan-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.speed-display{flex-shrink:0}.fan-controls{flex-direction:column;align-items:stretch;gap:var(--spacing-sm);width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.fan-control-row{flex-wrap:nowrap;max-width:100%;width:100%;overflow:hidden;box-sizing:border-box}.control-label{min-width:80px;max-width:80px;font-size:11px;flex-shrink:0}.fan-dropdown{flex:1;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:12px;box-sizing:border-box}.fan-profiles-section{padding:0!important;background:transparent;box-shadow:none}.fan-profile-manager{padding:var(--spacing-md) 0}.profile-manager-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch;padding:var(--spacing-md)}.profile-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.profile-stats .stat-card{padding:var(--spacing-md)}.profile-stats .stat-value{font-size:var(--font-size-xl)}.profile-stats .stat-label{font-size:10px}.profile-curve-preview{margin-bottom:var(--spacing-md)}.range-box{padding:var(--spacing-md);gap:var(--spacing-xs);justify-content:space-around}.range-label{font-size:9px}.range-value{font-size:12px}.chart-controls{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.curve-info{justify-content:center;flex-wrap:wrap;gap:var(--spacing-xs)}.fan-curve-chart svg{width:100%!important;height:auto!important}.fan-profile-editor-overlay{padding:var(--spacing-sm)!important}.fan-profile-editor{margin:0 auto!important;width:95vw!important;height:95vh!important;max-height:95vh!important;border-radius:var(--radius-lg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-2xl)}.editor-header{padding:var(--spacing-sm) var(--spacing-md)!important}.editor-body{flex-direction:column;overflow-y:auto;flex:1}.editor-sidebar{width:100%!important;border-left:none;border-top:1px solid var(--border-color);order:2;padding:var(--spacing-md)!important}.editor-main{padding:var(--spacing-md)!important;order:1}.editor-footer{padding:var(--spacing-md)!important}.curve-editor{grid-template-columns:1fr}.curve-chart,.chart-container{min-height:250px}.form-row,.preset-cards{grid-template-columns:1fr}.detail-row{grid-template-columns:1fr;gap:var(--spacing-lg)}.deployment-page{padding:0 0 var(--spacing-sm) 0!important}.fleet-metrics-row{grid-template-columns:1fr!important;gap:var(--spacing-sm)}.fleet-metric-card{padding:var(--spacing-md);gap:var(--spacing-md);max-width:100%!important}.deployment-section{padding:var(--spacing-md);border-radius:var(--radius-md)}.download-options{grid-template-columns:1fr!important}.installer-card{padding:var(--spacing-md);max-width:100%!important}.deployment-content-grid{gap:var(--spacing-lg)}.settings-container{padding:var(--spacing-md) 0!important;width:100%}.settings-content{padding:var(--spacing-md)!important;margin:0!important;border-radius:var(--radius-md)}.settings-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;white-space:nowrap;border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg)}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{padding:var(--spacing-md) var(--spacing-lg);flex-shrink:0}.setting-item{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.scale-control-wrapper{width:100%;margin-top:var(--spacing-xs)}.scale-presets{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;justify-content:flex-start;padding:2px}.scale-presets::-webkit-scrollbar{display:none}.scale-preset-btn{padding:var(--spacing-sm) var(--spacing-lg);min-width:unset;flex-shrink:0;font-size:12px}.aesthetics-compact-list{grid-template-columns:1fr;gap:var(--spacing-sm)}.aesthetics-row{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)!important}.picker-dropdown{left:50%!important;right:auto!important;bottom:calc(100% + 12px)!important;top:auto!important;transform:translate(-50%)!important;width:280px;max-width:calc(100vw - 40px);z-index:1001}.settings-container{padding:var(--spacing-sm);padding-bottom:120px}.license-limits{grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.limit-item{padding:var(--spacing-sm)}.limit-value{font-size:var(--font-size-lg)}.diagnostics-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.diagnostics-title-row{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm)}.btn-export-all{width:100%;justify-content:center}.pricing-cards{grid-template-columns:1fr;gap:var(--spacing-xl)}.license-limits{grid-template-columns:1fr;gap:var(--spacing-md)}.license-info{padding:var(--spacing-md)}.license-input-group{flex-direction:column}.about-info{margin-bottom:var(--spacing-md)}.about-links a{padding:var(--spacing-md)}}.inline-edit-container{position:relative;display:inline-block;width:100%}.inline-edit-container:not(.editing){cursor:pointer}.inline-edit-container:not(.editing):hover .inline-edit-icon{opacity:1}.inline-edit-value{display:flex;align-items:center;gap:6px;padding:4px 0;border-radius:4px;transition:background-color .2s}.inline-edit-container:not(.editing):hover .inline-edit-value{background-color:#0000000d}.inline-edit-icon{opacity:0;font-size:12px;transition:opacity .2s}.inline-edit-hardware-id{font-size:11px;color:#666;margin-top:-4px;padding-left:8px;font-family:var(--font-primary)}.inline-edit-input{width:100%;padding:6px 8px;border:2px solid #007bff;border-radius:4px;font-size:14px;font-family:inherit;outline:none;background-color:#fff;color:#000}.inline-edit-input:disabled{opacity:.6;cursor:not-allowed}.inline-edit-actions{display:flex;gap:4px;margin-top:4px}.inline-edit-save,.inline-edit-cancel{padding:4px 12px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s;font-weight:500}.inline-edit-save{background-color:#28a745;color:#fff}.inline-edit-save:hover:not(:disabled){background-color:#218838}.inline-edit-cancel{background-color:#dc3545;color:#fff}.inline-edit-cancel:hover:not(:disabled){background-color:#c82333}.inline-edit-save:disabled,.inline-edit-cancel:disabled{opacity:.6;cursor:not-allowed}.inline-edit-error{color:#dc3545;font-size:12px;margin-top:4px;padding-left:8px}[data-theme=dark] .inline-edit-container:not(.editing):hover .inline-edit-value{background-color:#ffffff1a}[data-theme=dark] .inline-edit-hardware-id{color:#aaa}[data-theme=dark] .inline-edit-input{background-color:#2a2a2a;color:#e0e0e0;border-color:#4a9eff}[data-theme=dark] .inline-edit-input:disabled{background-color:#1a1a1a}.bulk-edit-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:999;animation:fadeIn .3s ease;pointer-events:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bulk-edit-modal-root{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;pointer-events:none}.bulk-edit-modal-root.contextual{display:block}.bulk-edit-modal-container{pointer-events:auto;z-index:2001;display:flex;justify-content:center;align-items:center;width:100%;padding:20px;box-sizing:border-box}.bulk-edit-modal-root.contextual .bulk-edit-modal-container{display:block;width:auto;padding:0}.bulk-edit-panel{background-color:var(--bg-primary);box-shadow:0 10px 40px #00000f99,0 0 20px #0006;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color);pointer-events:auto}.bulk-edit-panel.desktop{width:fit-content;min-width:400px;max-width:min(500px,90vw);height:auto;max-height:90vh;border-radius:var(--radius-lg);animation:modalScaleIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.bulk-edit-panel.mobile{position:fixed;bottom:0;left:0;right:0;height:auto;max-height:85vh;border-top-left-radius:20px;border-top-right-radius:20px;animation:slideUp .35s cubic-bezier(.32,.72,0,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bulk-edit-drag-handle{padding:12px;display:flex;justify-content:center;cursor:grab}.drag-indicator{width:40px;height:4px;background-color:var(--border-color);border-radius:2px}.bulk-edit-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-secondary);flex-shrink:0}.bulk-edit-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.bulk-edit-close{background:none;border:none;font-size:24px;cursor:pointer;padding:4px 8px;line-height:1;color:var(--text-secondary);transition:color .2s}.bulk-edit-close:hover{color:var(--text-primary)}.bulk-edit-content{flex:1;overflow-y:auto;padding:20px}.bulk-edit-section{background-color:var(--bg-secondary);padding:16px;border-radius:8px;margin-bottom:20px;border:1px solid var(--border-color)}.section-title{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.control-group{margin-bottom:16px}.control-group:last-child{margin-bottom:0}.control-group label{display:block;margin-bottom:6px;font-weight:600;font-size:13px;color:var(--text-primary)}.bulk-edit-select{width:100%;padding:10px 12px;border-radius:6px;border:1px solid var(--border-color);font-size:14px;background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:border-color .2s}.bulk-edit-select:hover{border-color:var(--text-secondary)}.bulk-edit-select:focus{outline:none;border-color:var(--color-info);box-shadow:0 0 0 2px #2196f31a}.select-all-btn{padding:6px 12px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:background-color .2s}.select-all-btn:hover{background-color:#45a049}.select-all-btn:active{transform:scale(.98)}.fan-list{display:flex;flex-direction:column;gap:10px}.bulk-edit-fan-item{padding:14px;background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:flex-start;gap:12px;min-height:60px}.bulk-edit-fan-item:hover,.bulk-edit-fan-item.selected{border-color:var(--color-info);background-color:var(--bg-hover)}.fan-checkbox{width:20px;height:20px;cursor:pointer;margin-top:2px;flex-shrink:0}.fan-details{flex:1;min-width:0}.fan-name{font-weight:600;margin-bottom:4px;font-size:15px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fan-id{font-size:12px;color:var(--text-tertiary);margin-bottom:4px;font-family:var(--font-primary)}.fan-stats{font-size:13px;color:var(--text-secondary)}.bulk-edit-zone-item{padding:14px;background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s}.bulk-edit-zone-item:hover,.bulk-edit-zone-item.selected{border-color:var(--color-info);background-color:var(--bg-hover)}.zone-header-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.zone-name{font-weight:600;font-size:15px;color:var(--text-primary);flex:1}.zone-fan-count{font-size:12px;color:var(--text-tertiary);white-space:nowrap}.zone-members{margin-left:32px;display:flex;flex-direction:column;gap:4px}.zone-member-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);padding:3px 0}.zone-member-row svg{color:var(--text-tertiary);flex-shrink:0}.zone-member-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zone-member-stats{white-space:nowrap;color:var(--text-tertiary)}.zone-member-speed{white-space:nowrap;min-width:32px;text-align:right;color:var(--text-tertiary)}.bulk-edit-footer{padding:16px 20px;border-top:1px solid var(--border-color);background-color:var(--bg-secondary);display:flex;gap:12px;justify-content:flex-end;flex-shrink:0}.btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;min-width:100px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.98)}.btn-secondary{background-color:#757575;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#616161}.btn-primary{background-color:var(--color-info);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-info-hover)}@media (max-width: 767px){.bulk-edit-header h3{font-size:16px}.bulk-edit-content{padding:16px}.bulk-edit-section{padding:14px}.bulk-edit-fan-item{min-height:70px}.fan-checkbox{width:22px;height:22px}.btn{padding:12px 20px;font-size:16px;min-width:44px}.bulk-edit-footer{gap:8px}}@media (min-width: 768px) and (max-width: 1024px){.bulk-edit-panel.desktop{width:400px}}.bulk-edit-content::-webkit-scrollbar{width:8px}.bulk-edit-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.bulk-edit-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.bulk-edit-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.sensor-item-wrapper{display:flex;align-items:stretch}.sensor-item-wrapper.sensor-hidden{opacity:.5}.sensor-item-wrapper.sensor-hidden:hover{opacity:.7}.sensor-item-wrapper.sensor-hidden .sensor-name-row{text-decoration:line-through;color:var(--text-tertiary)}.sensor-rack{display:flex;flex-direction:column;flex-wrap:wrap-reverse;align-content:flex-end;justify-content:flex-start;gap:var(--spacing-xss);min-width:32px;padding-left:3px;margin-left:-6px}.rack-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-md);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-shrink:0;transition:all .15s cubic-bezier(.2,0,0,1)}.rack-icon:hover{background:var(--bg-hover);border-color:var(--color-accent-dynamic);transform:translate(-4px);box-shadow:0 0 15px -2px var(--color-accent-dynamic);z-index:2}.rack-visibility{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm2);background:transparent;cursor:pointer;transition:all .15s cubic-bezier(.2,0,0,1);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-shrink:0;padding:0;color:var(--text-primary)}.rack-visibility:hover{background:var(--bg-hover);border-color:var(--color-accent-dynamic);transform:translate(-4px);box-shadow:0 0 15px -2px var(--color-accent-dynamic);z-index:2}.rack-visibility:focus{outline:transparent}.sensor-card{flex:1;display:flex;flex-direction:column;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-md);border-left:5px solid var(--border-color);transition:all .15s cubic-bezier(.2,0,0,1);min-width:0}.sensor-card:hover{transform:translate(4px) scale(1.04,1.15);border-left-width:8px;background-color:var(--bg-hover);box-shadow:var(--shadow-xl),0 10px 30px -10px #00000080;z-index:10;position:relative}.sensor-card.temperature-normal{background-color:var(--temp-normal-bg);border-left-color:var(--temp-normal-border)}.sensor-card.temperature-caution{background-color:var(--temp-caution-bg);border-left-color:var(--temp-caution-border)}.sensor-card.temperature-warning{background-color:var(--temp-warning-bg);border-left-color:var(--temp-warning-border)}.sensor-card.temperature-critical{background-color:var(--temp-critical-bg);border-left-color:var(--temp-critical-border)}.sensor-item-wrapper.sensor-hidden .sensor-card{background:var(--bg-tertiary);border-left-color:var(--text-tertiary)}.sensor-main{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);min-width:0;overflow:hidden}.sensor-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.sensor-name-row{display:flex;align-items:center;min-height:22px;min-width:0;overflow:hidden}.sensor-name-row .sensor-name-edit{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--text-primary);line-height:var(--line-height-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.sensor-type-row{display:flex;align-items:baseline;gap:4px;font-size:var(--font-size-xs);color:var(--text-secondary);min-height:16px;overflow:hidden;cursor:default}.sensor-type-label{font-weight:var(--font-weight-semibold);text-transform:capitalize;flex-shrink:0}.sensor-hardware-id{font-family:var(--font-mono);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sensor-value-column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:80px;min-width:80px;flex-shrink:0;text-align:center}.sensor-temperature{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.sensor-temperature.temperature-normal{color:var(--temp-normal-text)}.sensor-temperature.temperature-caution{color:var(--temp-caution-text)}.sensor-temperature.temperature-warning{color:var(--temp-warning-text)}.sensor-temperature.temperature-critical{color:var(--temp-critical-text)}.sensor-status-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.03em;padding:2px 6px;border-radius:3px;line-height:1}.sensor-status-badge.status-normal{background:var(--temp-normal-bg);color:var(--temp-normal-text);border:1px solid var(--temp-normal-border)}.sensor-status-badge.status-caution{background:var(--temp-caution-bg);color:var(--temp-caution-text);border:1px solid var(--temp-caution-border)}.sensor-status-badge.status-warning{background:var(--temp-warning-bg);color:var(--temp-warning-text);border:1px solid var(--temp-warning-border)}.sensor-status-badge.status-critical{background:var(--temp-critical-bg);color:var(--temp-critical-text);border:1px solid var(--temp-critical-border)}.sensor-sparkline-area{width:100%;margin-top:var(--spacing-xs);height:24px;padding:0;transition:all .2s cubic-bezier(.2,0,0,1)}.sensor-card:hover .sensor-sparkline-area{height:48px;padding:12px 0 4px}.sparkline-placeholder{width:100%;height:100%;border-radius:var(--radius-sm);background:var(--solid-dimmed);overflow:hidden}.sparkline-placeholder-svg{width:100%;height:100%}.sparkline-placeholder-path{stroke:var(--text-tertiary);opacity:.4}.sensor-card.temperature-normal .sparkline-placeholder-path{stroke:var(--temp-normal-border)}.sensor-card.temperature-caution .sparkline-placeholder-path{stroke:var(--temp-caution-border)}.sensor-card.temperature-warning .sparkline-placeholder-path{stroke:var(--temp-warning-border)}.sensor-card.temperature-critical .sparkline-placeholder-path{stroke:var(--temp-critical-border)}.sensor-sparkline-svg{width:100%;height:100%}.sparkline-path{transition:all .3s ease;stroke-width:1.5px}.sensor-card:hover .sparkline-path{stroke-width:1.5px}.sparkline-fill{transition:fill .3s ease}.sensor-card.temperature-normal .sensor-sparkline-area{color:var(--temp-normal-border)}.sensor-card.temperature-caution .sensor-sparkline-area{color:var(--temp-caution-border)}.sensor-card.temperature-warning .sensor-sparkline-area{color:var(--temp-warning-border)}.sensor-card.temperature-critical .sensor-sparkline-area{color:var(--temp-critical-border)}.sparkline-container{overflow:visible!important}.sparkline-tooltip{display:flex;flex-direction:column;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:4px 8px;box-shadow:var(--shadow-lg);font-family:var(--font-mono);font-size:10px;line-height:1.2;white-space:nowrap;pointer-events:none}.tooltip-value{font-weight:700;color:var(--text-primary)}.tooltip-time{opacity:.6;color:var(--text-secondary)}.tooltip-date{opacity:.5;color:var(--text-secondary);font-size:10px}@media (max-width: 480px){.sensor-value-column{width:70px;min-width:70px}.sensor-temperature{font-size:var(--font-size-md)}}.settings-container{padding:var(--spacing-sm) var(--spacing-xl) var(--spacing-xl);width:100%}.settings-tabs{display:flex;margin-bottom:var(--spacing-xl);align-items:center;border-bottom:1px solid var(--border-color)}.settings-tab{background:transparent;border:none;padding:var(--spacing-md) var(--spacing-2xl);cursor:pointer;font-size:13px;font-weight:var(--font-weight-semibold);color:var(--text-tertiary);transition:all .2s cubic-bezier(.2,0,0,1);position:relative;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:var(--spacing-sm)}.settings-tab:hover{color:var(--text-primary);background:#ffffff08}.settings-tab.active{color:var(--color-accent-dynamic)}.settings-tab:after{content:"";position:absolute;bottom:-1px;left:50%;width:0;height:2px;background:var(--color-accent-dynamic);transition:all .3s cubic-bezier(.2,0,0,1);transform:translate(-50%);box-shadow:0 0 10px var(--color-accent-dynamic)}.settings-tab.active:after{width:100%}.settings-content{padding:var(--spacing-xl)}.settings-section{transition:all .3s cubic-bezier(.2,0,0,1);border:1px solid transparent;border-radius:var(--radius-lg);padding:var(--spacing-md);margin-inline:-var(--spacing-md)}.settings-section h2{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:var(--font-size-xl)}.settings-section h3{margin:var(--spacing-xl) 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-lg)}.settings-info{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.settings-list{list-style:none;padding:0;margin:0}.settings-list li{padding:var(--spacing-sm) 0;color:var(--text-secondary)}.license-info{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.tier-badge{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.tier-badge.tier-free{background:var(--color-info);color:#fff}.tier-badge.tier-pro{background:var(--color-success);color:#fff}.tier-badge.tier-enterprise{background:var(--color-warning);color:#000}.tier-badges{display:flex;gap:var(--spacing-sm);align-items:center}.billing-badge{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);background:var(--color-info);color:#fff;font-size:var(--font-size-lg)}.discount-banner{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--temp-normal-bg);border:1px solid var(--temp-normal-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.discount-banner .discount-icon{color:var(--color-success);flex-shrink:0}.discount-banner .discount-text strong{color:var(--color-success)}.license-limits{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.limit-item{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;border-left:3px solid var(--color-info);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:default}.limit-item:hover{transform:translateY(-2px);background:var(--bg-hover);box-shadow:0 4px 12px #0000004d}.limit-item.remaining-caution{border-left-color:var(--color-warning)}.limit-item.remaining-caution .limit-value{color:var(--color-warning)}.limit-item.remaining-critical{border-left-color:var(--color-error)}.limit-item.remaining-critical .limit-value{color:var(--color-error)}.limit-label{color:var(--text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;display:block;margin-bottom:var(--spacing-xs)}.limit-value{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1.2}.limit-value-group{display:flex;flex-direction:column;gap:2px}.limit-subtext-date{font-size:13px;color:var(--text-tertiary);font-weight:var(--font-weight-medium);letter-spacing:.02em}.remove-license-btn{padding:var(--spacing-md) var(--spacing-xl);background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all .2s ease;white-space:nowrap}.remove-license-btn:hover{background:var(--color-error);color:#fff;border-color:var(--color-error)}.remove-license-btn:disabled{opacity:.5;cursor:not-allowed}.license-form{margin-top:var(--spacing-xl)}.settings-groups{display:flex;flex-direction:column;gap:var(--spacing-xl)}.settings-group{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow);transition:border-color .3s cubic-bezier(.2,0,0,1),box-shadow .3s cubic-bezier(.2,0,0,1)}.settings-group:hover{border-color:var(--color-accent-dynamic);box-shadow:0 4px 25px #0006,0 0 15px color-mix(in srgb,var(--color-accent-dynamic),transparent 96%)}.settings-group-header{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.settings-section .settings-group-title{margin:0;color:var(--text-primary);font-size:var(--font-size-lg)}.settings-group-info{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm2)}.settings-group .settings-list{margin-top:0}@media (max-width: 600px){.settings-group{padding:var(--spacing-md)}}.settings-list{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);gap:var(--spacing-xl);transition:all .2s ease;position:relative;border:1px solid transparent}.setting-item:hover{background:color-mix(in srgb,var(--color-hover-tint-dynamic) 4%,var(--bg-tertiary));border-color:#ffffff14}.setting-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-accent-dynamic);opacity:0;transition:opacity .2s ease;z-index:2;border-radius:var(--radius-sm) 0 0 var(--radius-sm);pointer-events:none}.setting-item:hover:before{opacity:1}.setting-info-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.setting-label{color:var(--text-primary);font-weight:var(--font-weight-medium)}.setting-description{color:var(--text-secondary);font-size:var(--font-size-sm)}.setting-control{display:flex;align-items:center;gap:var(--spacing-md)}.setting-input{width:100px;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);text-align:center;font-family:var(--font-mono);color-scheme:dark}[data-theme=light] .setting-input{color-scheme:light}.setting-unit{color:var(--text-secondary);font-size:var(--font-size-sm);min-width:40px}.scale-control-wrapper{flex:1;display:flex;justify-content:flex-end}.scale-presets{display:flex;background:var(--bg-secondary);padding:4px;border-radius:var(--radius-lg);gap:2px;border:1px solid var(--border-color);box-shadow:inset 0 2px 4px #0000001a}.scale-preset-btn{background:transparent;border:none;padding:var(--spacing-sm) var(--spacing-xl);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:60px;font-family:var(--font-mono);position:relative;z-index:1}.scale-preset-btn:hover:not(.disabled){color:var(--text-primary);background:color-mix(in srgb,var(--color-accent-dynamic),transparent 90%);box-shadow:0 0 10px color-mix(in srgb,var(--color-accent-dynamic),transparent 85%);z-index:2}.scale-preset-btn.active{background:var(--color-accent-dynamic);color:var(--text-primary);box-shadow:0 4px 12px color-mix(in srgb,var(--color-accent-dynamic),transparent 70%)}.scale-preset-btn.custom.active{background:var(--bg-hover);border:1px dashed var(--color-accent-dynamic);color:var(--color-accent-dynamic);box-shadow:none}.scale-preset-btn.disabled,.scale-preset-btn:disabled{opacity:.4;cursor:not-allowed;color:var(--text-tertiary)}.scale-preset-btn.disabled:hover,.scale-preset-btn:disabled:hover{background:transparent;color:var(--text-tertiary)}.tier-limit-note{color:var(--color-warning);font-style:italic}.scale-custom-form{display:flex;align-items:center;gap:var(--spacing-md);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.scale-apply-btn{background:var(--color-success);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.scale-cancel-btn{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;font-size:var(--font-size-lg);padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center}.scale-cancel-btn:hover{color:var(--color-error)}.aesthetics-compact-list{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}.aesthetics-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem!important;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-color);transition:all .2s ease;position:relative}.aesthetics-row:hover{background:color-mix(in srgb,var(--color-hover-tint-dynamic) 4%,var(--bg-tertiary));border-color:#ffffff1a}.aesthetics-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--color-accent-dynamic);opacity:0;transition:opacity .2s ease;border-radius:2px 0 0 2px}.aesthetics-row:hover:before{opacity:1}.aesthetics-row .setting-label{margin-bottom:0;font-size:.85rem;color:var(--color-text-dim);min-width:unset;margin-right:1rem}.tactical-accent-picker{display:flex;align-items:center;gap:1rem}.font-select-wrapper{width:100%;max-width:220px}.font-select{width:100%;padding:6px 10px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-primary);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.font-select:hover{border-color:var(--color-accent-dynamic);background:color-mix(in srgb,var(--color-hover-tint-dynamic) 4%,var(--bg-secondary))}.font-select:focus{outline:none;border-color:var(--color-accent-dynamic);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent-dynamic),transparent 80%)}.accent-swatches{display:flex;gap:.5rem}.accent-swatch{width:20px;height:20px;border-radius:50%;background-color:var(--swatch-color);border:2px solid var(--border-color);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;padding:0}.accent-swatch:hover{transform:scale(1.15);border-color:var(--color-text-dim);box-shadow:0 0 15px var(--swatch-color)}.accent-swatch.active{border-color:var(--color-accent-dynamic);box-shadow:0 0 20px var(--swatch-color);transform:scale(1.1)}.accent-swatch.active:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--color-accent-dynamic);opacity:.4}.accent-custom{display:flex;align-items:center;padding-left:1.25rem;border-left:1px solid var(--border-color)}.color-control-wrapper.hex-only{background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;height:32px;padding:0 .75rem;gap:.75rem;cursor:pointer;transition:all .2s}.color-control-wrapper.hex-only:hover{background:var(--bg-hover);border-color:var(--color-accent-dynamic)}.color-input-stealth{width:20px;height:20px;padding:0;border:none;border-radius:3px;background:none;cursor:pointer}.color-input-stealth::-webkit-color-swatch-wrapper{padding:0}.color-input-stealth::-webkit-color-swatch{border:1px solid var(--border-color);border-radius:3px}.color-hex-label{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-dim);letter-spacing:.05em}.color-control-wrapper.hex-only:hover .color-hex-label{color:var(--color-text)}.color-control-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:inset 0 2px 4px #0000001a}.color-input{appearance:none;-webkit-appearance:none;border:none;width:24px;height:24px;background:none;cursor:pointer;padding:0}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:2px solid var(--border-color);border-radius:50%;box-shadow:0 0 5px #0000004d}.color-hex-label{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);min-width:70px}.license-input-group,.license-action-row{display:flex;gap:var(--spacing-md)}.license-action-row .remove-license-btn{flex:1}.license-action-row .refresh-button{padding:var(--spacing-md);min-width:auto;flex-shrink:0}.license-input{flex:1;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);font-size:var(--font-size-base);font-family:var(--font-mono)}.license-input::placeholder{color:var(--text-tertiary)}.license-input:focus{outline:none;border-color:var(--color-info)}.license-submit{background-color:var(--color-info);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color .2s ease}.license-submit:hover:not(:disabled){background-color:var(--color-info-hover)}.license-submit:disabled{opacity:.5;cursor:not-allowed}.license-details{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.license-details-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.license-details-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0}.license-details-row+.license-details-row{border-top:1px solid var(--border-color)}.license-details-label{color:var(--text-tertiary);font-size:var(--font-size-sm)}.license-details-value{color:var(--text-secondary);font-size:var(--font-size-sm)}.license-id-value{font-family:var(--font-mono);font-size:.75rem}.license-status{margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md)}.license-status.success{background:#4caf5026;color:var(--color-success);border-left:3px solid var(--color-success)}.license-status.error{background:#f4433626;color:var(--color-error);border-left:3px solid var(--color-error)}.license-upgrade{margin-top:var(--spacing-xl);text-align:center}.upgrade-link{display:inline-block;background-color:var(--color-info);color:#fff;text-decoration:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.upgrade-link:hover{background-color:var(--color-info-hover);transform:translateY(-2px)}.about-info{margin-bottom:var(--spacing-xl)}.about-info p{margin:var(--spacing-sm) 0;color:var(--text-secondary)}.about-info strong{color:var(--text-primary)}.about-links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.about-links a{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-tertiary);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);transition:background-color .2s ease,border-color .2s ease,border-left-color .2s ease;border-left:3px solid transparent}.about-links a:hover{background:var(--bg-hover);border-left-color:var(--color-info)}.pricing-section{margin-top:var(--spacing-xl)}.pricing-section h3{margin-bottom:var(--spacing-lg);color:var(--text-primary)}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg)}.pricing-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-color);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;will-change:transform,box-shadow}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-info)}.pricing-card.featured{background:linear-gradient(180deg,var(--bg-secondary) 0%,rgba(76,175,80,.05) 100%);position:relative}.pricing-card.featured:before{content:"Popular";position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--color-success);color:#fff;padding:2px 12px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase}.pricing-card.lifetime{background:linear-gradient(180deg,var(--bg-secondary) 0%,rgba(255,193,7,.08) 100%);position:relative}.pricing-card.lifetime:hover{border-color:#ffc107}.pricing-badge.best-value{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ffc107,#ff9800);color:#1a1a1a;padding:2px 12px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;white-space:nowrap}.pricing-buy-btn.lifetime-btn{background:linear-gradient(135deg,#ffc107,#ff9800);color:#1a1a1a}.pricing-buy-btn.lifetime-btn:hover{background:linear-gradient(135deg,#ffd54f,#ffb300)}.pricing-card.current{border-color:var(--color-info)}.pricing-header{text-align:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.pricing-header h4{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-lg)}.pricing-price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.pricing-period{color:var(--text-secondary);font-size:var(--font-size-base)}.pricing-features{list-style:none;padding:0;margin:0 0 var(--spacing-lg) 0;flex:1}.pricing-features li{padding:var(--spacing-xs) 0;color:var(--text-secondary);font-size:var(--font-size-sm);position:relative;padding-left:var(--spacing-lg)}.pricing-features li:before{content:"✓";position:absolute;left:0;color:var(--color-success)}.pricing-options{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);justify-content:center}.pricing-option{background:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-secondary)}.pricing-buy-btn{display:block;text-align:center;background:var(--color-info);color:#fff;text-decoration:none;padding:var(--spacing-md);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:filter .2s ease}.pricing-buy-btn:hover{filter:brightness(1.1);color:#fff}.current-plan-badge{text-align:center;background:var(--bg-tertiary);color:var(--text-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);border:1px solid var(--border-color)}.pricing-buy-btn.current-tier-btn{background:var(--color-info);color:#fff}.pricing-buy-btn.current-tier-btn:hover{filter:brightness(1.1);color:#fff}.pricing-toggle{display:flex;gap:2px;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:2px;margin-bottom:var(--spacing-md)}.toggle-btn{flex:1;padding:var(--spacing-xs) var(--spacing-sm);border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn.active{background:var(--color-info);color:#fff}.savings{color:var(--color-success);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.custom-color-picker-container{position:relative;display:inline-block}.picker-trigger{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-tertiary);padding:6px 10px;border-radius:var(--radius-lg);border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease;min-width:100px}.picker-trigger:hover{background:color-mix(in srgb,var(--color-hover-tint-dynamic) 5%,var(--bg-tertiary));border-color:var(--color-accent-dynamic);box-shadow:0 0 12px color-mix(in srgb,var(--color-accent-dynamic),transparent 90%);transform:translateY(-1px)}.trigger-preview{width:18px;height:18px;border-radius:4px;background-color:var(--current-color);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 10px var(--current-color)}.trigger-hex{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);font-weight:var(--font-weight-medium)}.picker-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;padding:var(--spacing-lg);z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-md);box-shadow:var(--shadow-2xl);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none}.picker-header{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.05)}.picker-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);font-weight:var(--font-weight-bold)}.picker-presets{display:flex;gap:8px;flex-wrap:wrap}.picker-preset-swatch{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .2s,border-color .2s;padding:0}.picker-preset-swatch:hover{transform:scale(1.2)}.picker-preset-swatch.active{border-color:#fff;box-shadow:0 0 8px #ffffff4d}.sv-area{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-sm);cursor:crosshair;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.sv-gradient{position:absolute;inset:0}.sv-white{background:linear-gradient(to right,#fff,#fff0)}.sv-black{background:linear-gradient(to top,#000,#0000)}.sv-pointer{position:absolute;width:12px;height:12px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px #00000080;pointer-events:none}.hue-slider{position:relative;width:100%;height:12px;border-radius:6px;cursor:pointer}.hue-track{width:100%;height:100%;border-radius:6px;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);border:1px solid rgba(255,255,255,.1)}.hue-pointer{position:absolute;top:50%;width:16px;height:16px;background:#fff;border:2px solid var(--border-color);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0000004d;pointer-events:none}.picker-controls{display:flex;align-items:center;gap:var(--spacing-md)}.hex-manual{flex:1}.hex-manual input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);padding:6px 4px;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:11px;color:var(--text-primary);text-align:center;transition:border-color .2s}.hex-manual input:focus{outline:none;border-color:var(--color-accent-dynamic)}.picker-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.picker-actions .done-btn,.picker-actions .cancel-btn{padding:6px 12px;border:none;border-radius:var(--radius-md);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:all .2s;height:28px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.picker-actions .done-btn{background:var(--color-accent-dynamic);color:#fff;min-width:60px}.picker-actions .cancel-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);min-width:60px}.picker-actions .done-btn:hover{filter:brightness(1.2)}.picker-actions .cancel-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-tertiary)}.animate-in{animation:pickerIn .2s ease-out}@keyframes pickerIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.diagnostics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.diagnostics-header h2{margin:0}.diagnostics-stats{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);background:var(--bg-tertiary);padding:6px 14px;border-radius:4px;border:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.1em;font-weight:var(--font-weight-medium);box-shadow:0 1px 2px #0003;display:inline-flex;align-items:center;height:fit-content}.diagnostics-title-row{display:flex;align-items:center;gap:var(--spacing-md)}.btn-export-all{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-accent-dynamic);border:1px solid var(--color-accent-dynamic);color:var(--text-primary);padding:8px 16px;font-family:var(--font-primary);font-size:11px;font-weight:var(--font-weight-bold);text-transform:uppercase;border-radius:var(--radius-md);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:.15em;box-shadow:0 2px 8px color-mix(in srgb,var(--color-accent-dynamic),transparent 80%);line-height:1}.btn-export-all:hover:not(:disabled){transform:translateY(-1px);background:var(--color-success);border-color:var(--color-success);color:var(--text-primary);box-shadow:0 4px 12px color-mix(in srgb,var(--color-success),transparent 70%)}.btn-export-all:disabled{opacity:.5;cursor:wait}.diagnostics-empty{text-align:center;padding:var(--spacing-2xl) 0;color:var(--text-tertiary);text-transform:uppercase;font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.05em}.diagnostics-split-view{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-md)}@media (max-width: 1400px){.diagnostics-split-view{grid-template-columns:1fr}}.table-header-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.table-title{margin:0;font-size:var(--font-size-base);color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-primary);font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:var(--spacing-sm);text-shadow:0 2px 4px rgba(0,0,0,.5)}.table-title img{opacity:1!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.count-badge{background:#ffffff1a;color:var(--text-primary);padding:2px 6px;border-radius:99px;font-size:10px}.diagnostics-table-wrapper{margin-top:0;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);overflow:hidden;overflow-x:auto;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.2,0,0,1);position:relative}.diagnostics-table-wrapper:hover{border-color:var(--color-accent-dynamic);box-shadow:0 4px 20px #0006,0 0 15px color-mix(in srgb,var(--color-accent-dynamic),transparent 95%)}.diagnostics-table{width:100%;border-collapse:separate;border-spacing:0}.diagnostics-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;background:#ffffff05;border-bottom:2px solid var(--border-color);font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-size:var(--font-size-xs)}.diagnostics-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color-dimmed);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary)}.diagnostics-table tr{transition:all .2s ease;position:relative}.diagnostics-table tr:hover td{background:color-mix(in srgb,var(--color-hover-tint-dynamic) 3%,transparent);color:var(--text-primary);border-bottom-color:#ffffff14}.diagnostics-table tr:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-accent-dynamic);opacity:0;transition:opacity .2s ease;z-index:2;pointer-events:none}.diagnostics-table tr:hover:before{opacity:1}.diagnostics-table .hostname-cell{font-family:var(--font-primary)}.diagnostics-table .hostname-wrapper{display:flex;align-items:center;gap:var(--spacing-md)}.system-identity{display:flex;flex-direction:column;gap:2px}.diagnostics-table .hostname-text{font-weight:var(--font-weight-bold);color:var(--text-primary);font-size:var(--font-size-base)}.agent-id-subtext{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);letter-spacing:.05em}@media (max-width: 768px){.diagnostics-table .actions-wrapper{flex-direction:column;align-items:flex-end;gap:4px}.diagnostics-table td,.diagnostics-table th{padding:var(--spacing-sm)}.limit-value{font-size:var(--font-size-base)}}.diagnostics-table .actions-wrapper{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm)}.diagnostics-table .btn-table-action{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 10px;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;border-radius:3px;cursor:pointer;transition:all .2s ease}.diagnostics-table .btn-table-action:hover:not(:disabled){border-color:var(--color-accent-dynamic);color:var(--color-accent-dynamic);background:color-mix(in srgb,var(--color-accent-dynamic),transparent 95%)}.diagnostics-table .btn-table-action.primary{background:var(--color-accent-dynamic);border-color:var(--color-accent-dynamic);color:var(--text-primary);font-weight:var(--font-weight-bold);line-height:1}.diagnostics-table .btn-table-action.primary:hover:not(:disabled){background:var(--color-success);border-color:var(--color-success);color:var(--text-primary);box-shadow:0 4px 12px color-mix(in srgb,var(--color-success),transparent 70%)}.diagnostics-table .btn-table-action:disabled{opacity:.5;cursor:not-allowed}.action-feedback{font-size:10px;font-family:var(--font-mono);padding:2px 6px;border-radius:3px;text-transform:uppercase}.action-feedback.loading{color:var(--color-info)}.action-feedback.success{color:var(--color-success)}.action-feedback.error{color:var(--color-error)}.diagnostics-table .report-cell{text-align:center;vertical-align:middle}.diagnostics-table .btn-table-action.report{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid #f59e0b;color:#f59e0b;font-weight:var(--font-weight-bold);transition:all .2s ease}.diagnostics-table .btn-table-action.report:hover{background:#f59e0b26;border-color:#fbbf24;color:#fbbf24;box-shadow:0 0 12px #f59e0b4d;transform:translateY(-1px)}.diagnostics-table .btn-table-action.report svg{flex-shrink:0}.diagnostics-help-section{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.help-section-header{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.help-section-header svg{color:var(--text-tertiary)}.help-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.help-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-family:var(--font-mono);font-size:11px;font-weight:var(--font-weight-bold);text-transform:uppercase;text-decoration:none;border-radius:var(--radius-sm);border:1px solid;transition:all .2s ease;cursor:pointer}.help-action-btn.bug{color:#f59e0b;border-color:#f59e0b;background:#f59e0b14}.help-action-btn.bug:hover{background:#f59e0b33;box-shadow:0 0 12px #f59e0b4d;transform:translateY(-1px)}.help-action-btn.feature{color:#3b82f6;border-color:#3b82f6;background:#3b82f614}.help-action-btn.feature:hover{background:#3b82f633;box-shadow:0 0 12px #3b82f64d;transform:translateY(-1px)}.help-action-btn.docs{color:#10b981;border-color:#10b981;background:#10b98114}.help-action-btn.docs:hover{background:#10b98133;box-shadow:0 0 12px #10b9814d;transform:translateY(-1px)}.help-tip{font-size:var(--font-size-base);color:var(--text-tertiary);margin:0;padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.help-tip strong{color:var(--text-secondary)}.help-action-btn.diagnostics{color:#a855f7;border-color:#a855f7;background:#a855f714}.help-action-btn.diagnostics:hover:not(:disabled){background:#a855f733;box-shadow:0 0 12px #a855f74d;transform:translateY(-1px)}.help-action-btn.diagnostics:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.about-overhaul{display:flex;flex-direction:column;gap:var(--spacing-2xl);padding:var(--spacing-xl) 0;max-width:800px;margin:0 auto}.about-hero{text-align:center;padding:var(--spacing-2xl) var(--spacing-xl);background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all .3s cubic-bezier(.2,0,0,1)}.about-hero:hover{background:color-mix(in srgb,var(--color-hover-tint-dynamic) 2%,var(--bg-tertiary));border-color:var(--color-accent-dynamic);box-shadow:0 0 25px color-mix(in srgb,var(--color-accent-dynamic),transparent 90%)}.about-hero-brand{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.about-logo-wrapper{width:80px;height:80px;background:var(--bg-tertiary);border-radius:20px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);box-shadow:0 0 30px color-mix(in srgb,var(--color-accent-dynamic),transparent 90%);position:relative;overflow:hidden}.about-logo-wrapper:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,color-mix(in srgb,var(--color-accent-dynamic),transparent 85%) 0%,transparent 70%)}.about-logo-icon{color:var(--color-accent-dynamic);z-index:1;filter:drop-shadow(0 0 8px var(--color-accent-dynamic))}.about-hero-text h1{font-size:32px;font-weight:800;letter-spacing:-.02em;margin:0;background:linear-gradient(180deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-version-badge{display:inline-flex;align-items:center;gap:6px;background:var(--bg-secondary);padding:2px 10px;border-radius:4px;border:1px solid var(--border-color);margin-top:4px}.version-label{font-size:var(--font-size-sm2);font-weight:800;color:var(--text-tertiary);letter-spacing:.05em}.version-code{font-size:var(--font-size-base);font-family:var(--font-mono);color:var(--color-accent-dynamic)}.about-tagline{font-size:var(--font-size-md);line-height:1.6;color:var(--text-secondary);max-width:580px;margin:0 auto}.about-links-tactical{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md)}.link-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);text-decoration:none;transition:all .2s cubic-bezier(.2,0,0,1);position:relative;overflow:hidden}.link-card:hover{background:color-mix(in srgb,var(--color-hover-tint-dynamic) 5%,var(--bg-tertiary));border-color:var(--color-accent-dynamic);transform:translateY(-2px);box-shadow:0 4px 20px #0000004d,0 0 15px color-mix(in srgb,var(--color-accent-dynamic),transparent 92%)}.link-icon{color:var(--text-tertiary);transition:color .2s ease}.link-card:hover .link-icon{color:var(--color-accent-dynamic)}.link-text{flex:1;display:flex;flex-direction:column}.link-title{font-size:14px;font-weight:var(--font-weight-bold);color:var(--text-primary)}.link-desc{font-size:var(--font-size-sm2);color:var(--text-tertiary)}.link-arrow{color:var(--text-tertiary);opacity:0;transform:translate(-10px);transition:all .2s ease}.link-card:hover .link-arrow{opacity:1;transform:translate(0);color:var(--color-accent-dynamic)}.about-footer-info{display:flex;justify-content:center;gap:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.footer-info-item{display:flex;align-items:center;gap:8px;color:var(--text-tertiary);font-size:var(--font-size-sm2);font-weight:500}.footer-info-item svg{opacity:.5}@media (max-width: 640px){.about-overhaul{gap:var(--spacing-mobile-lg)}.about-hero{padding:var(--spacing-mobile-xl) var(--spacing-mobile-md)}.about-logo-wrapper{width:60px;height:60px}.about-hero-text h1{font-size:24px}.about-links-tactical{grid-template-columns:1fr;gap:var(--spacing-mobile-sm)}.link-card{padding:var(--spacing-mobile-md)}.about-footer-info{flex-direction:column;align-items:center;gap:var(--spacing-mobile-sm)}}.appearance-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary)}.appearance-wrapper .threshold-section-header:not(:first-child){margin-top:var(--spacing-xl)}.threshold-section-header .settings-info{margin-bottom:0}@media (max-width: 600px){.appearance-wrapper{padding:var(--spacing-md);gap:var(--spacing-sm)}}.threshold-section-header{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:0 var(--spacing-sm)}@media (max-width: 600px){.threshold-section-header{padding:0}}.threshold-wrapper-title{margin:0;font-size:var(--font-size-lg);color:var(--text-primary);font-weight:var(--font-weight-bold);letter-spacing:-.01em}.threshold-wrapper{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md)}@media (max-width: 600px){.threshold-wrapper{padding:var(--spacing-sm);gap:var(--spacing-sm)}}@media (min-width: 601px){.threshold-card-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);grid-auto-flow:column;gap:var(--spacing-md);padding-inline:var(--spacing-xl)}}@media (max-width: 600px){.threshold-card-grid{display:grid;grid-template-columns:1fr;padding-inline:var(--spacing-sm);gap:var(--spacing-sm)}}.threshold-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid transparent;transition:all .2s ease;min-width:0}@media (max-width: 480px){.threshold-card{padding-inline:var(--spacing-sm);gap:var(--spacing-xs)}}.threshold-card:hover{background:color-mix(in srgb,var(--color-hover-tint-dynamic) 4%,var(--bg-tertiary))}.threshold-spacer{flex:1}.threshold-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.threshold-level-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);min-width:52px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 400px){.threshold-card{padding:var(--spacing-sm);gap:var(--spacing-xs)}.threshold-level-label{min-width:40px}}.threshold-input{width:60px!important;padding:var(--spacing-xs) var(--spacing-sm)!important;font-size:var(--font-size-sm)!important;text-align:center}.threshold-unit{font-size:var(--font-size-sm);color:var(--text-tertiary)}.threshold-color-picker{display:flex;align-items:center}.threshold-action-btn{background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.threshold-action-btn:hover{color:var(--color-accent-dynamic);border-color:var(--color-accent-dynamic);background:color-mix(in srgb,var(--color-accent-dynamic) 8%,transparent)}.threshold-per-type-toggle{background:transparent!important;border:none!important;padding:var(--spacing-sm) 0!important}.threshold-per-type-toggle:before{display:none!important}.threshold-checkbox-btn{display:flex;align-items:center;gap:var(--spacing-sm);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all .2s ease}.threshold-checkbox-btn:hover{color:var(--text-primary);background:#ffffff0a}.threshold-per-type-container{display:flex;flex-direction:column;gap:var(--spacing-sm);animation:fadeIn .2s ease-out;width:fit-content;margin:0 auto;max-width:100%}@media (max-width: 600px){.threshold-per-type-container{width:100%}}.threshold-type-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.threshold-type-label{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;padding-left:var(--spacing-xs)}.threshold-type-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}@media (max-width: 600px){.threshold-type-cards{grid-template-columns:1fr;gap:var(--spacing-sm)}}.aesthetics-compact-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.aesthetics-row{display:flex;flex-direction:column!important;align-items:center!important;gap:var(--spacing-sm)!important;padding:var(--spacing-md)!important;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center}.aesthetics-row .setting-label{margin:0!important;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}@media (max-width: 500px){.aesthetics-compact-list{grid-template-columns:1fr}}.threshold-reset-row{display:flex;justify-content:flex-end;padding-top:var(--spacing-sm)}.threshold-reset-btn{display:flex;align-items:center;gap:var(--spacing-sm);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all .2s ease}.threshold-reset-btn:hover{color:var(--color-error);border-color:var(--color-error);background:#f4433614}.deployment-page{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:0 var(--spacing-xl) var(--spacing-xl);width:100%;animation:fadeIn .3s cubic-bezier(.2,0,0,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.deployment-section-header{margin-top:var(--spacing-md);margin-bottom:var(--spacing-lg)}.deployment-section-header h2{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:var(--font-size-xl);font-family:var(--font-primary)}.deployment-section-header p{color:var(--text-secondary);font-size:var(--font-size-md);margin:0}.fleet-metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.fleet-metric-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-lg);border-left:3px solid var(--color-accent-dynamic);transition:transform .3s cubic-bezier(.2,0,0,1),border-color .3s cubic-bezier(.2,0,0,1),background-color .3s cubic-bezier(.2,0,0,1),box-shadow .3s cubic-bezier(.2,0,0,1);will-change:transform,box-shadow}.fleet-metric-card:hover{transform:translateY(-2px);border-color:var(--color-accent-dynamic);background:color-mix(in srgb,var(--color-hover-tint-dynamic) 3%,var(--bg-secondary));box-shadow:0 4px 15px #0000004d,0 0 10px color-mix(in srgb,var(--color-accent-dynamic),transparent 95%)}.fleet-metric-card .metric-icon{color:var(--color-accent-dynamic);background:color-mix(in srgb,var(--color-accent-dynamic),transparent 90%);padding:var(--spacing-sm);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.fleet-metric-card .metric-content{display:flex;flex-direction:column}.fleet-metric-card .metric-value{font-size:var(--font-size-xlg);font-weight:var(--font-weight-bold);font-family:var(--font-mono);color:var(--text-primary)}.fleet-metric-card .metric-label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.deployment-content-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}.deployment-section{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--border-color);box-shadow:var(--shadow);transition:border-color .3s cubic-bezier(.2,0,0,1),box-shadow .3s cubic-bezier(.2,0,0,1)}.deployment-section:hover{border-color:var(--color-accent-dynamic);box-shadow:0 4px 25px #0006,0 0 15px color-mix(in srgb,var(--color-accent-dynamic),transparent 96%)}.deployment-section h3{margin:0 0 var(--spacing-xl) 0;color:var(--text-primary);font-size:var(--font-size-lg2);display:flex;align-items:center;gap:var(--spacing-sm)}.deployment-section h3 svg{color:var(--color-accent-dynamic)}.installer-header{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.installer-header h3{margin:0}.agent-mode-toggle .toggle-item{padding:var(--spacing-sm) var(--spacing-lg);min-width:140px;justify-content:center}.download-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg)}.installer-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.2,0,0,1),border-color .3s cubic-bezier(.2,0,0,1),background-color .3s cubic-bezier(.2,0,0,1),box-shadow .3s cubic-bezier(.2,0,0,1);will-change:transform,box-shadow}.installer-card:hover{border-color:var(--color-accent-dynamic);background:color-mix(in srgb,var(--color-hover-tint-dynamic) 3%,var(--bg-tertiary));transform:translateY(-3px);box-shadow:0 8px 25px #0006,0 0 12px color-mix(in srgb,var(--color-accent-dynamic),transparent 94%)}.installer-card:after{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--color-accent-dynamic),transparent 95%) 0%,transparent 70%);pointer-events:none}.installer-card h4{margin:0;font-family:var(--font-mono);font-size:var(--font-size-lg);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.installer-card .version-tag{font-size:var(--font-size-xs);background:var(--bg-hover);color:var(--text-tertiary);padding:2px 8px;border-radius:4px;font-family:var(--font-mono);font-weight:var(--font-weight-bold);border:1px solid var(--border-color)}.version-tags-row{display:flex;gap:var(--spacing-xs);align-items:center;margin-left:auto}.version-tag.stable{color:var(--color-success);background:color-mix(in srgb,var(--color-success),transparent 94%);border-color:color-mix(in srgb,var(--color-success),transparent 85%)}.version-tag.unstable{color:var(--color-warning);background:color-mix(in srgb,var(--color-warning),transparent 94%);border-color:color-mix(in srgb,var(--color-warning),transparent 85%)}.installer-card p{margin:0;font-size:var(--font-size-sm2);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.card-actions-row{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.btn-primary-tactical{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:var(--color-accent-dynamic);color:var(--text-primary);border:none;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm2);cursor:pointer;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.02em}.btn-primary-tactical:hover{background:var(--color-hover-tint-dynamic);transform:translateY(-2px);background:var(--color-success);border-color:var(--color-success);color:var(--text-primary);box-shadow:0 4px 12px color-mix(in srgb,var(--color-success),transparent 70%)}.btn-outline-tactical{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:var(--color-accent-dynamic);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm2);cursor:pointer;text-decoration:none;transition:all .2s ease;text-transform:uppercase}.btn-outline-tactical:hover{background:var(--color-success);border-color:var(--color-success);color:var(--text-primary);box-shadow:0 4px 12px color-mix(in srgb,var(--color-success),transparent 70%)}.coming-soon-badge{display:flex;align-items:center;gap:var(--spacing-sm);background:color-mix(in srgb,var(--color-accent-dynamic),transparent 95%);border:1px solid color-mix(in srgb,var(--color-accent-dynamic),transparent 90%);color:var(--color-accent-dynamic);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;padding:4px 10px;border-radius:4px;letter-spacing:.05em;align-self:flex-start}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent-dynamic);animation:pulse-glow 2s infinite}.subtitle-note{font-size:var(--font-size-sm)!important;color:var(--text-tertiary)!important;font-style:italic;margin-top:-var(--spacing-xs)!important}@keyframes pulse-glow{0%{transform:scale(1);opacity:.8;box-shadow:0 0 color-mix(in srgb,var(--color-accent-dynamic),transparent 60%)}70%{transform:scale(1.1);opacity:1;box-shadow:0 0 0 6px color-mix(in srgb,var(--color-accent-dynamic),transparent 100%)}to{transform:scale(1);opacity:.8;box-shadow:0 0 color-mix(in srgb,var(--color-accent-dynamic),transparent 100%)}}.deployment-action-bar{width:100%;margin:var(--spacing-sm) 0}.btn-action-full{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-decoration:none;text-transform:uppercase;letter-spacing:.2em;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-action-full:hover{background:color-mix(in srgb,var(--color-hover-tint-dynamic),transparent 90%);border-color:var(--color-accent-dynamic);color:var(--color-accent-dynamic);transform:translateY(-1px)}.btn-action-full svg{opacity:.6}.btn-action-full:hover svg{opacity:1}.builder-ui{display:flex;flex-direction:column;gap:var(--spacing-xl)}.builder-controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl)}.builder-top-bar{margin-top:0;padding-top:var(--spacing-lg);margin-bottom:0;padding-bottom:0;border-top:1px solid var(--border-color-dimmed);border-bottom:none}.builder-top-bar>.builder-group+.builder-group{padding-top:var(--spacing-lg);border-top:1px solid var(--border-color-dimmed)}.builder-hub-url{margin-top:0;padding-top:var(--spacing-lg);margin-bottom:0;padding-bottom:var(--spacing-lg);border-top:1px solid var(--border-color-dimmed);border-bottom:1px solid var(--border-color-dimmed)}.hub-url-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.hub-url-group .builder-label{display:flex;align-items:center;gap:var(--spacing-xs)}.hub-url-input-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);max-width:500px}.hub-url-input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.hub-url-input:focus{outline:none;border-color:var(--color-accent-dynamic);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent-dynamic),transparent 80%)}.hub-url-input::placeholder{color:var(--text-tertiary)}.hub-url-reset{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.hub-url-reset:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--color-accent-dynamic)}.hub-url-hint{font-size:var(--font-size-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.arch-toggles{max-width:400px}.builder-main-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl) var(--spacing-lg)}@media (max-width: 900px){.builder-main-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.builder-main-grid{grid-template-columns:1fr}}.deployment-commands-header{margin:0;padding-top:var(--spacing-lg);border-top:1px solid var(--border-color-dimmed)}.deployment-commands-header h3{margin-bottom:0;font-size:var(--font-size-md);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.terminal-grid-layout{display:none}.terminal-spacer{height:var(--spacing-sm)}.builder-group{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.builder-label{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.toggle-presets{display:flex;flex-wrap:wrap;background:transparent;border:none;padding:0;gap:0}.toggle-item{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:6px 14px;cursor:pointer;transition:all .2s ease;flex:0 0 auto;font-family:var(--font-mono);white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-right:-1px;margin-bottom:-1px;border-radius:4px;position:relative;z-index:1}.toggle-item:hover{z-index:2;color:var(--text-primary);background:#ffffff14}.toggle-item.active{z-index:3;background:var(--color-accent-dynamic);color:var(--text-primary);border-color:var(--color-accent-dynamic)}.terminal-stack{display:flex;flex-direction:column;gap:var(--spacing-xl)}.terminal-instance{display:flex;flex-direction:column;gap:var(--spacing-sm)}.terminal-instance-header{display:flex;justify-content:flex-start;align-items:center;gap:var(--spacing-md);padding:0 var(--spacing-xs)}.terminal-title-text{font-family:var(--font-mono);font-size:var(--font-size-sm2);font-weight:var(--font-weight-bold);color:var(--text-secondary);letter-spacing:.1em}.terminal-copy-action{display:flex;align-items:center;gap:var(--spacing-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-tertiary);padding:2px 10px;font-family:var(--font-mono);font-size:10px;font-weight:var(--font-weight-bold);border-radius:4px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);height:22px;text-transform:uppercase;letter-spacing:.05em}.terminal-copy-action:hover{border-color:var(--color-accent-dynamic);color:var(--color-accent-dynamic);background:color-mix(in srgb,var(--color-accent-dynamic),transparent 85%);transform:translateY(-1px)}.terminal-copy-action:active{transform:translateY(0)}.terminal-copy-action.success{background:var(--color-success);border-color:var(--color-success);color:var(--text-primary)}.maintenance-panel{transition:transform .3s ease,opacity .3s ease}.maintenance-header-toggle{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;-webkit-user-select:none;user-select:none;flex-wrap:wrap;gap:var(--spacing-md)}.maintenance-header-toggle h3.clickable-title{display:flex;align-items:center;gap:var(--spacing-md);margin:0;transition:color .2s ease,background-color .2s ease;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);white-space:nowrap}@media (max-width: 768px){.maintenance-header-toggle{flex-direction:column;align-items:flex-start}.maintenance-header-toggle h3.clickable-title{width:100%;justify-content:space-between}.local-prep-widget{width:100%;box-sizing:border-box;gap:var(--spacing-md)!important}.prep-row{flex-wrap:wrap;gap:var(--spacing-sm)}.prep-binary-badges{margin-left:0}.prep-actions-group{flex-direction:column}}.maintenance-header-toggle h3.clickable-title:hover{color:var(--color-accent-dynamic);background:var(--bg-hover)}.maintenance-stats{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);background:#ffffff0a;padding:4px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.06);text-transform:uppercase;letter-spacing:.1em}.maintenance-panel.collapsed .maintenance-header-toggle{opacity:.8}.maintenance-content{margin-top:var(--spacing-lg);animation:slide-down .3s cubic-bezier(.4,0,.2,1)}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.terminal-container{background:#0d0d0d;border:1px solid #222;border-radius:var(--radius-lg);overflow:hidden}.terminal-header{background:#1a1a1a;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #222}.terminal-title{display:none}.terminal-path{font-family:var(--font-mono);font-size:10px;color:#555;letter-spacing:.05em}.terminal-dots{display:flex;gap:6px}.terminal-dot{width:8px;height:8px;border-radius:50%}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.terminal-body{padding:var(--spacing-lg);font-family:var(--font-mono);font-size:var(--font-size-sm);color:#e0e0e0;line-height:1.5;position:relative;min-height:80px;display:flex;align-items:center}.command-line{word-break:break-all;white-space:pre-wrap}.command-prompt{color:var(--color-accent-dynamic);margin-right:12px;-webkit-user-select:none;user-select:none;font-weight:700}.maintenance-panel{overflow:hidden}.maintenance-table-wrapper{margin-top:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);overflow-x:auto;transition:all .3s cubic-bezier(.2,0,0,1)}.maintenance-table-wrapper:hover{border-color:var(--color-accent-dynamic);box-shadow:0 4px 20px #0006,0 0 15px color-mix(in srgb,var(--color-accent-dynamic),transparent 95%)}.maintenance-table{width:100%;border-collapse:collapse;min-width:800px}.maintenance-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;background:#ffffff05;border-bottom:2px solid var(--border-color);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.maintenance-sort-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);border:none;background:transparent;padding:0;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.maintenance-sort-btn:hover{color:var(--text-primary)}.maintenance-sort-btn:focus-visible{outline:1px solid color-mix(in srgb,var(--color-accent-dynamic),transparent 40%);outline-offset:2px;border-radius:2px}.sort-indicator{font-size:10px;color:var(--text-tertiary);line-height:1}.maintenance-sort-btn.active .sort-indicator,.maintenance-sort-btn:hover .sort-indicator{color:var(--color-accent-dynamic)}.maintenance-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color-dimmed);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary)}.maintenance-table tr{transition:all .2s ease;position:relative}.maintenance-table tr:hover td{background:color-mix(in srgb,var(--color-hover-tint-dynamic) 3%,transparent);color:var(--text-primary);border-bottom-color:#ffffff14}.maintenance-table tr:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-accent-dynamic);opacity:0;transition:opacity .2s ease;z-index:2;pointer-events:none}.maintenance-table tr:hover:before{opacity:1}.status-tag{display:inline-flex;padding:2px 8px;border-radius:3px;font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase}.status-tag.current{background:#4caf501a;border:1px solid var(--color-success);color:var(--color-success)}.status-tag.outdated{background:#ff98001a;border:1px solid var(--color-warning);color:var(--color-warning)}.btn-table-action{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 10px;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;border-radius:3px;cursor:pointer;transition:all .2s ease}.btn-table-action:hover:not(:disabled){border-color:var(--color-accent-dynamic);color:var(--color-accent-dynamic);background:color-mix(in srgb,var(--color-accent-dynamic),transparent 95%)}.btn-table-action.update-needed{background:var(--color-accent-dynamic);border-color:var(--color-accent-dynamic);color:var(--text-primary)}.btn-table-action.update-needed:hover:not(:disabled){background:var(--color-success);border-color:var(--color-success);color:var(--text-primary);box-shadow:0 4px 12px color-mix(in srgb,var(--color-success),transparent 70%)}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.resource-link{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;font-size:var(--font-size-md);transition:all .3s cubic-bezier(.2,0,0,1)}.resource-link:hover{transform:translate(5px);border-color:var(--color-accent-dynamic);background:color-mix(in srgb,var(--color-hover-tint-dynamic) 5%,var(--bg-tertiary));box-shadow:0 4px 15px #0000004d,0 0 10px color-mix(in srgb,var(--color-accent-dynamic),transparent 96%)}.resource-link .link-label{display:flex;align-items:center;gap:var(--spacing-md)}.resource-link .link-arrow{color:var(--text-tertiary);transition:transform .2s ease,color .2s ease}.resource-link:hover .link-arrow{transform:translate(3px);color:var(--color-info)}[data-theme=light] .terminal-container{background:var(--neutral-800);border-color:var(--neutral-300);box-shadow:var(--shadow-md)}[data-theme=light] .terminal-header{background:var(--neutral-100);border-color:var(--neutral-300)}[data-theme=light] .terminal-body{color:var(--neutral-50)}[data-theme=light] .terminal-dot{opacity:.7}[data-theme=light] .installer-card:after{background:radial-gradient(circle at top right,color-mix(in srgb,var(--color-accent-dynamic),transparent 90%) 0%,transparent 70%)}.header-badge{background:color-mix(in srgb,var(--color-accent-dynamic),transparent 90%);border:1px solid color-mix(in srgb,var(--color-accent-dynamic),transparent 85%);color:var(--color-accent-dynamic);padding:2px 8px;border-radius:4px;font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.02em;margin-left:var(--spacing-md);font-family:var(--font-mono)}.header-badge.pulse{animation:badge-pulse 2s infinite}@keyframes badge-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--color-accent-dynamic),transparent 60%)}70%{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-accent-dynamic),transparent 100%)}to{box-shadow:0 0 color-mix(in srgb,var(--color-accent-dynamic),transparent 100%)}}.local-prep-widget{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin:0 var(--spacing-xl)}.prep-row{display:flex;align-items:center;gap:var(--spacing-xl);width:100%}.prep-status-row,.prep-actions-row{justify-content:flex-start}.prep-binary-badges{display:flex;gap:var(--spacing-xs)}.prep-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:11px;padding:2px 8px;border-radius:3px;letter-spacing:.02em;white-space:nowrap}.prep-badge.ready{background:color-mix(in srgb,var(--color-success),transparent 88%);color:var(--color-success)}.prep-badge.missing{background:var(--bg-hover);color:var(--text-tertiary)}.prep-status{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-mono);font-size:13px}.prep-status svg{color:var(--text-tertiary)}.prep-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.prep-version{font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:3px}.prep-version.success{background:color-mix(in srgb,var(--color-success),transparent 90%);color:var(--color-success)}.prep-version.available{background:color-mix(in srgb,var(--color-warning),transparent 90%);color:var(--color-warning)}.prep-version.empty{background:var(--bg-hover);color:var(--text-tertiary);font-style:italic}.prep-actions-group{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.version-picker-wrapper{width:auto;min-width:140px;height:30px;padding:4px 12px}.prep-manual-actions{display:flex;align-items:center;margin-left:auto}.btn-clear-cache{display:flex;align-items:center;gap:var(--spacing-sm);background:transparent;border:1px solid var(--border-color);color:var(--text-tertiary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease}.btn-clear-cache:hover:not(:disabled){background:color-mix(in srgb,var(--color-error),transparent 95%);border-color:var(--color-error);color:var(--color-error);transform:translateY(-1px)}.btn-clear-cache:disabled{opacity:.2;cursor:not-allowed}.btn-prep-action{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:color-mix(in srgb,var(--color-accent-dynamic),transparent 85%);color:var(--text-primary);border:1px solid color-mix(in srgb,var(--color-accent-dynamic),transparent 60%);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);cursor:pointer;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.btn-prep-action.unstable{background:color-mix(in srgb,var(--color-warning),transparent 94%);border-color:color-mix(in srgb,var(--color-warning),transparent 80%)}.btn-prep-action svg{opacity:.8}.btn-prep-action:hover:not(:disabled):not(.current){background:color-mix(in srgb,var(--color-accent-dynamic),transparent 85%);border-color:var(--color-accent-dynamic);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-prep-action.unstable:hover:not(:disabled):not(.current){background:color-mix(in srgb,var(--color-warning),transparent 85%);border-color:var(--color-warning)}.btn-prep-action.current{background:var(--color-success);border-color:var(--color-success);color:var(--text-primary);cursor:default;box-shadow:0 4px 12px color-mix(in srgb,var(--color-success),transparent 70%)}.btn-prep-action.unstable.current{background:var(--color-success);border-color:var(--color-success);color:var(--text-primary);box-shadow:0 4px 12px color-mix(in srgb,var(--color-success),transparent 70%)}.btn-prep-action.current svg{opacity:1}.btn-prep-action:disabled:not(.current){opacity:.3;cursor:not-allowed}.btn-prep-action.loading{background:var(--bg-hover);color:var(--text-tertiary);cursor:wait}.btn-prep-action.loading:after{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{to{transform:translate(50%)}}.status-tag-v2{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:3px 10px;border-radius:4px;font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.03em;font-family:var(--font-mono);border:1px solid transparent}.status-tag-v2.online{background:color-mix(in srgb,var(--color-success),transparent 92%);border-color:color-mix(in srgb,var(--color-success),transparent 85%);color:var(--color-success)}.status-tag-v2.offline{background:color-mix(in srgb,var(--color-error),transparent 92%);border-color:color-mix(in srgb,var(--color-error),transparent 85%);color:var(--color-error)}.status-tag-v2.updating{background:color-mix(in srgb,var(--color-accent-dynamic),transparent 92%);border-color:color-mix(in srgb,var(--color-accent-dynamic),transparent 85%);color:var(--color-accent-dynamic)}.status-tag-v2 .status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-tag-v2.online .status-dot{animation:dot-pulse 2s infinite}.status-tag-v2.updating .status-dot{animation:dot-pulse .8s infinite}@keyframes dot-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.hostname-cell{font-weight:var(--font-weight-medium)}.hostname-wrapper{display:flex;align-items:center;gap:var(--spacing-sm)}.platform-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;background:var(--bg-hover);color:var(--text-tertiary);flex-shrink:0}.platform-icon.windows{background:#0078d41a}.platform-icon.linux{background:#f0ad4e1a}.platform-icon img{display:block}.btn-table-action.windows-download{border-style:solid}.agent-id-cell code{background:var(--bg-tertiary);padding:2px 6px;border-radius:3px;font-size:11px;color:var(--text-secondary)}.update-badge{background:var(--color-accent-dynamic);color:var(--text-primary);font-size:9px;font-weight:var(--font-weight-bold);padding:1px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono)}.update-badge.downgrade{background:color-mix(in srgb,var(--color-warning),transparent 70%);color:var(--color-warning)}.btn-table-action.downgrade{border-color:color-mix(in srgb,var(--color-warning),transparent 60%);color:var(--color-warning)}.btn-table-action:disabled{opacity:.5;cursor:not-allowed}.path-group{width:auto}.path-toggles{display:flex;gap:var(--spacing-sm);max-width:320px}.path-toggles .toggle-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);min-width:140px;justify-content:center}.profile-selector-section{padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color-dimmed)}.profile-selector-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media (max-width: 600px){.profile-selector-row{grid-template-columns:1fr}}.profile-select-wrapper{width:100%;height:36px;padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-primary)}.profile-error{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-error);font-size:var(--font-size-sm);font-family:var(--font-mono)}.profile-match-card{margin-top:var(--spacing-lg);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.profile-match-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:color-mix(in srgb,var(--color-success),transparent 92%);border-bottom:1px solid color-mix(in srgb,var(--color-success),transparent 85%);color:var(--color-success);font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.profile-match-details{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-match-row{display:flex;align-items:center;gap:var(--spacing-md);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary)}.profile-detail-label{color:var(--text-tertiary);min-width:100px;text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.05em}.profile-builder-panel{overflow:hidden}.profile-builder-step{padding:var(--spacing-lg) 0;border-bottom:1px solid var(--border-color-dimmed);display:flex;flex-direction:column;gap:var(--spacing-md)}.profile-builder-step:last-child{border-bottom:none}.profile-builder-step>.builder-label:first-child{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.profile-builder-hint{margin:0;font-size:var(--font-size-sm);color:var(--text-tertiary)}.profile-vendor-hint{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:1.5;font-style:italic}.profile-unsupported-warning{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:color-mix(in srgb,var(--accent-warning) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent-warning) 30%,transparent);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--accent-warning);line-height:1.5}.profile-unsupported-warning svg{flex-shrink:0;margin-top:2px}.profile-step-disabled{opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none}.profile-builder-metadata-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media (max-width: 600px){.profile-builder-metadata-grid{grid-template-columns:1fr}}.profile-zone-card{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.profile-zone-header{display:flex;align-items:center;justify-content:space-between}.profile-zone-title{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.profile-zone-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}@media (max-width: 700px){.profile-zone-fields{grid-template-columns:1fr}}.profile-command-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.profile-command-row{display:flex;align-items:center;gap:var(--spacing-sm)}.profile-test-controls{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.profile-test-result{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-mono);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.profile-test-result.success{color:var(--color-success);background:color-mix(in srgb,var(--color-success),transparent 92%)}.profile-test-result.error{color:var(--color-error);background:color-mix(in srgb,var(--color-error),transparent 92%)}.profile-test-elapsed{margin-left:auto;color:var(--text-tertiary);font-size:10px}.profile-lifecycle-card{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-lifecycle-fields{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.profile-critical-toggle{display:flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;cursor:pointer}.profile-critical-toggle input[type=checkbox]{accent-color:var(--color-accent-dynamic)}.profile-json-preview{background:#0d0d0d;border:1px solid #222;border-radius:var(--radius-md);padding:var(--spacing-lg);max-height:300px;overflow:auto}.profile-json-preview pre{margin:0;font-family:var(--font-mono);font-size:var(--font-size-xs);color:#e0e0e0;white-space:pre-wrap;word-wrap:break-word}[data-theme=light] .profile-json-preview{background:var(--neutral-800);border-color:var(--neutral-300)}[data-theme=light] .profile-json-preview pre{color:var(--neutral-50)}.profile-export-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.branding{position:fixed;bottom:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--text-tertiary);opacity:.7;transition:opacity .2s ease;z-index:100}.branding:hover{opacity:1}.branding a{color:var(--color-info);text-decoration:none;font-weight:var(--font-weight-medium)}.branding a:hover{text-decoration:underline}