@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,400&family=Fira+Code:wght@500;700&display=swap";:root{--terracotta: #BD5E43;--terracotta-light: #d4806a;--terracotta-dark: #9a4a33;--terracotta-glow: rgba(189, 94, 67, .15);--operator-color: #757F64;--scribe-color: #CB7A5C;--blueprint-color: #5C757A;--bg-primary: #0F1117;--bg-secondary: #161922;--bg-tertiary: #1C2030;--bg-elevated: #232738;--surface: #1C2030;--surface-hover: #252a3d;--surface-active: #2d3349;--border-primary: #2a2f42;--border-secondary: #353b52;--text-primary: #E8EAF0;--text-secondary: #9098B3;--text-tertiary: #6B7394;--text-inverse: #0F1117;--status-online: #34D399;--status-offline: #94A3B8;--status-degraded: #FBBF24;--status-error: #F87171;--light-bg: #FAFAFA;--light-surface: #FFFFFF;--light-border: #E5E7EB;--light-text: #111827;--light-text-sec: #6B7280;--font-display: "Outfit", -apple-system, sans-serif;--font-body: "DM Sans", -apple-system, sans-serif;--font-operator: "Fira Code", "SF Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px var(--terracotta-glow);--duration-fast: .15s;--duration-normal: .25s;--ease-out: cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg-primary: #F8F9FB;--bg-secondary: #FFFFFF;--bg-tertiary: #F1F3F7;--bg-elevated: #FFFFFF;--surface: #FFFFFF;--surface-hover: #F5F6F8;--surface-active: #ECEEF2;--border-primary: #E2E5EB;--border-secondary: #D1D5DE;--text-primary: #1A1D27;--text-secondary: #5A6178;--text-tertiary: #8B92A8;--text-inverse: #FFFFFF;--status-online: #059669;--status-offline: #64748B;--status-degraded: #D97706;--status-error: #DC2626;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(189, 94, 67, .1);--terracotta-glow: rgba(189, 94, 67, .1);color-scheme:light}html{transition:background-color .3s ease,color .3s ease}html[data-theme=light] *,html[data-theme=light] *:before,html[data-theme=light] *:after{transition:background-color .3s ease,color .2s ease,border-color .3s ease,box-shadow .3s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);line-height:1.6;color:var(--text-primary);background:var(--bg-primary)}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.125rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.625rem 1.25rem;font-family:var(--font-body);font-size:.875rem;font-weight:500;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.btn-primary{background:var(--terracotta);color:#fff}.btn-primary:hover{background:var(--terracotta-light);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border-secondary)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--terracotta)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--surface)}.btn-lg{padding:.75rem 1.5rem;font-size:.9375rem}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-icon{width:16px;height:16px}.card{background:var(--surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-xl);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-md)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-badge--online{background:#34d3991a;color:var(--status-online)}.status-badge--online:before{background:var(--status-online)}.status-badge--offline{background:#94a3b81a;color:var(--status-offline)}.status-badge--offline:before{background:var(--status-offline)}.status-badge--degraded{background:#fbbf241a;color:var(--status-degraded)}.status-badge--degraded:before{background:var(--status-degraded)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.form-input{padding:.625rem .875rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.9375rem;outline:none;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.form-input:focus{border-color:var(--terracotta);box-shadow:0 0 0 3px var(--terracotta-glow)}.form-input::placeholder{color:var(--text-tertiary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--light-bg);background-image:radial-gradient(ellipse at 20% 50%,rgba(189,94,67,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(92,117,122,.05) 0%,transparent 60%)}.auth-page,.auth-page *{color:var(--light-text)}.auth-card{width:100%;max-width:420px;background:var(--light-surface);border:1px solid var(--light-border);border-radius:var(--radius-xl);padding:var(--space-3xl);box-shadow:0 4px 24px #0000000f,0 1px 4px #0000000a}.auth-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.auth-logo img{height:120px;width:auto}.auth-heading{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--light-text);margin-bottom:var(--space-xs);text-align:center}.auth-subheading{font-size:.9375rem;color:var(--light-text-sec);text-align:center;margin-bottom:var(--space-2xl);line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:var(--space-lg)}.auth-form .form-group{display:flex;flex-direction:column;gap:6px}.auth-form .form-label{font-size:.8125rem;font-weight:500;color:var(--light-text)}.auth-form .form-input{padding:.6875rem .875rem;background:var(--light-bg);border:1px solid var(--light-border);border-radius:var(--radius-sm);color:var(--light-text);font-family:var(--font-body);font-size:.9375rem;outline:none;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.auth-form .form-input:focus{border-color:var(--terracotta);box-shadow:0 0 0 3px var(--terracotta-glow);background:var(--light-surface)}.auth-form .form-input::placeholder{color:#9ca3af}.auth-submit{width:100%;padding:.75rem 1.5rem;margin-top:var(--space-sm);background:var(--terracotta);color:#fff;font-family:var(--font-body);font-size:.9375rem;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.auth-submit:hover{background:var(--terracotta-light);box-shadow:0 4px 16px #bd5e4340}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-message{padding:var(--space-md);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;text-align:center;display:none;line-height:1.4}.auth-message.error{display:block;background:#fef2f2;color:#dc2626;border:1px solid #FECACA}.auth-message.success{display:block;background:#f0fdf4;color:#16a34a;border:1px solid #BBF7D0}.auth-footer{text-align:center;margin-top:var(--space-2xl);font-size:.875rem;color:var(--light-text-sec)}.auth-footer a{color:var(--terracotta);font-weight:500;transition:color var(--duration-fast) ease}.auth-footer a:hover{color:var(--terracotta-dark);text-decoration:underline}.auth-forgot-row{display:flex;justify-content:flex-end;margin-top:calc(var(--space-sm) * -1)}.auth-forgot-link{font-size:.8125rem;color:var(--terracotta)!important;font-weight:500;text-decoration:none;transition:color var(--duration-fast) ease}.auth-forgot-link:hover{color:var(--terracotta-dark)!important;text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:var(--space-lg);margin:var(--space-sm) 0;color:var(--light-text-sec);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--light-border)}@media(max-width:480px){.auth-card{padding:var(--space-2xl);border-radius:var(--radius-lg)}.auth-heading{font-size:1.25rem}}.dashboard{display:flex;min-height:100vh;background:radial-gradient(ellipse at 20% 0%,rgba(189,94,67,.04) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(92,117,122,.03) 0%,transparent 60%),var(--bg-primary)}.sidebar{width:260px;background:var(--bg-secondary);border-right:1px solid var(--border-primary);flex-shrink:0;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto}.sidebar-inner{display:flex;flex-direction:column;height:100%;padding:var(--space-lg) 0}.sidebar-brand{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);margin-bottom:var(--space-xl)}.sidebar-logo{width:28px;height:28px;border-radius:var(--radius-sm)}.sidebar-brand-text{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--terracotta-light);letter-spacing:-.02em}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:0 var(--space-md)}.sidebar-section-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:var(--space-lg) var(--space-md) var(--space-sm)}.sidebar-link{display:flex;align-items:center;gap:var(--space-md);padding:.5rem var(--space-md);border-radius:var(--radius-sm);font-size:.875rem;font-weight:450;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out);text-decoration:none;position:relative}.sidebar-link:hover{background:var(--surface-hover);color:var(--text-primary)}.sidebar-link.active{background:var(--terracotta-glow);color:var(--terracotta-light);font-weight:500}.sidebar-link.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--terracotta)}.sidebar-icon{width:18px;height:18px;flex-shrink:0;opacity:.7}.sidebar-link.active .sidebar-icon{opacity:1}.sidebar-product-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:transform var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.sidebar-link:hover .sidebar-product-dot{transform:scale(1.4);box-shadow:0 0 6px currentColor}.sidebar-badge{margin-left:auto;font-size:.6875rem;font-weight:500;padding:2px 8px;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-tertiary)}.sidebar-user{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border-primary);margin-top:var(--space-lg)}.sidebar-user-info{display:flex;align-items:center;gap:var(--space-md);min-width:0}.sidebar-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--terracotta),var(--terracotta-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.8125rem;font-weight:600;flex-shrink:0;box-shadow:0 2px 8px #bd5e4340}.sidebar-user-details{min-width:0}.sidebar-user-email{font-size:.8125rem;color:var(--text-secondary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.sidebar-actions{display:flex;align-items:center;gap:4px}.sidebar-action-btn{padding:var(--space-sm);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) ease;display:flex;align-items:center;justify-content:center;background:none;border:none}.sidebar-action-btn:hover{background:var(--surface-hover);color:var(--text-primary)}#sidebarLogout:hover{color:var(--status-error)}.main-content{flex:1;margin-left:260px;min-height:100vh;display:flex;flex-direction:column}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl) var(--space-2xl);border-bottom:1px solid var(--border-primary);background:var(--bg-primary);position:sticky;top:0;z-index:50;background-image:linear-gradient(to right,var(--terracotta) 0%,rgba(189,94,67,.3) 40%,transparent 80%);background-size:100% 2px;background-position:bottom;background-repeat:no-repeat}.top-bar-left{display:flex;flex-direction:column;gap:2px}.top-bar-greeting{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary)}.top-bar-greeting span{color:var(--terracotta-light)}.top-bar-subtitle{font-size:.8125rem;color:var(--text-tertiary);font-weight:400}.top-bar-title{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--text-primary)}.top-bar-actions{display:flex;align-items:center;gap:var(--space-md)}.page-content{flex:1;padding:var(--space-2xl)}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.summary-stat-card{background:var(--surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-xl) var(--space-lg);position:relative;overflow:hidden;opacity:0;transform:translateY(8px);animation:statEntrance .35s var(--ease-out) forwards}.summary-stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:0 2px 2px 0}.summary-stat-card:nth-child(1):before{background:var(--terracotta)}.summary-stat-card:nth-child(2):before{background:var(--blueprint-color)}.summary-stat-card:nth-child(3):before{background:var(--operator-color)}.summary-stat-card:nth-child(4):before{background:var(--status-degraded)}.summary-stat-card:nth-child(1){background:linear-gradient(135deg,rgba(189,94,67,.05) 0%,var(--surface) 60%)}.summary-stat-card:nth-child(2){background:linear-gradient(135deg,rgba(92,117,122,.05) 0%,var(--surface) 60%)}.summary-stat-card:nth-child(3){background:linear-gradient(135deg,rgba(117,127,100,.05) 0%,var(--surface) 60%)}.summary-stat-card:nth-child(4){background:linear-gradient(135deg,rgba(251,191,36,.05) 0%,var(--surface) 60%)}.summary-stat-card:nth-child(1){animation-delay:0s}.summary-stat-card:nth-child(2){animation-delay:.06s}.summary-stat-card:nth-child(3){animation-delay:.12s}.summary-stat-card:nth-child(4){animation-delay:.18s}@keyframes statEntrance{to{opacity:1;transform:translateY(0)}}.summary-stat-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md)}.summary-stat-icon svg{width:18px;height:18px}.summary-stat-card:nth-child(1) .summary-stat-icon{background:#bd5e431f;color:var(--terracotta-light)}.summary-stat-card:nth-child(2) .summary-stat-icon{background:#5c757a1f;color:var(--blueprint-color)}.summary-stat-card:nth-child(3) .summary-stat-icon{background:#757f641f;color:var(--operator-color)}.summary-stat-card:nth-child(4) .summary-stat-icon{background:#fbbf241f;color:var(--status-degraded)}[data-theme=light] .summary-stat-card:nth-child(3) .summary-stat-icon{color:#5a6b4a}.summary-stat-label{font-size:.75rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.summary-stat-value{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1.1;transition:color var(--duration-normal) ease}.summary-stat-value--accent{color:var(--operator-color)}[data-theme=light] .summary-stat-value--accent{color:#5a6b4a}.summary-stats--secondary{margin-bottom:var(--space-xl)}.summary-stat-card--compact{padding:var(--space-md) var(--space-lg)}.summary-stat-card--compact .summary-stat-icon{width:28px;height:28px;margin-bottom:var(--space-sm);background:var(--bg-tertiary);color:var(--text-secondary)}.summary-stat-card--compact .summary-stat-icon svg{width:15px;height:15px}.summary-stat-card--compact .summary-stat-value{font-size:1.5rem}.alerts-banner{background:var(--surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-2xl);overflow:hidden;animation:statEntrance .35s var(--ease-out) forwards}.alerts-banner-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-primary);background:#fbbf240a}.alerts-banner-title{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:.8125rem;font-weight:600;color:var(--text-primary)}.alerts-banner-title svg{color:var(--status-degraded)}.alerts-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--status-degraded);color:#fff;font-family:var(--font-display);font-size:.6875rem;font-weight:700}.alerts-dismiss{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);background:none;border:none;cursor:pointer;transition:all var(--duration-fast) ease}.alerts-dismiss:hover{background:var(--surface-hover);color:var(--text-primary)}.alerts-list{display:flex;flex-direction:column}.alert-card{display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-primary);border-left:3px solid transparent;transition:background var(--duration-fast) ease}.alert-card:last-child{border-bottom:none}.alert-card:hover{background:var(--surface-hover)}.alert-card--critical{border-left-color:var(--status-error);background:#f8717108}.alert-card--warning{border-left-color:var(--status-degraded)}.alert-card--info{border-left-color:var(--blueprint-color)}.alert-card-icon{width:18px;height:18px;flex-shrink:0;margin-top:2px;color:var(--text-secondary)}.alert-card-body{flex:1;min-width:0}.alert-card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:2px}.alert-card-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.alert-severity{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:1px 6px;border-radius:var(--radius-sm)}.alert-severity--critical{background:#f871711f;color:var(--status-error)}.alert-severity--warning{background:#fbbf241f;color:var(--status-degraded)}.alert-severity--info{background:#60a5fa1f;color:#60a5fa}.alert-card-message{font-size:.8125rem;color:var(--text-primary);line-height:1.4}.alert-card-message strong{font-family:var(--font-display);font-weight:600}.alert-card-meta{font-size:.6875rem;color:var(--text-tertiary);margin-top:2px}.fleet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl);position:relative;padding-bottom:var(--space-md)}.fleet-header:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:2px;background:linear-gradient(to right,var(--terracotta),transparent);border-radius:1px}.fleet-header h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary)}.fleet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-xl)}.fleet-card{background:var(--surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:0;cursor:pointer;position:relative;overflow:hidden;transition:transform var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out);opacity:0;transform:translateY(12px);animation:cardEntrance .4s var(--ease-out) forwards}.fleet-card:nth-child(1){animation-delay:.05s}.fleet-card:nth-child(2){animation-delay:.12s}.fleet-card:nth-child(3){animation-delay:.19s}.fleet-card:nth-child(4){animation-delay:.26s}.fleet-card:nth-child(5){animation-delay:.33s}.fleet-card:nth-child(6){animation-delay:.4s}@keyframes cardEntrance{to{opacity:1;transform:translateY(0)}}.fleet-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.fleet-card[data-env=production]:before{background:linear-gradient(90deg,var(--status-online),rgba(52,211,153,.3))}.fleet-card[data-env=staging]:before{background:linear-gradient(90deg,var(--status-degraded),rgba(251,191,36,.3))}.fleet-card[data-env=development]:before{background:linear-gradient(90deg,var(--blueprint-color),rgba(92,117,122,.3))}.fleet-card-body{padding:var(--space-xl);padding-top:calc(var(--space-xl) + 2px)}.fleet-card:hover{border-color:var(--terracotta);box-shadow:0 8px 30px #bd5e431f,0 0 0 1px #bd5e4326;transform:translateY(-3px);background:var(--surface-hover)}.fleet-card:active{transform:translateY(-1px);transition-duration:80ms}.fleet-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-lg)}.fleet-card-header-left{display:flex;align-items:center;gap:var(--space-md)}.fleet-card-avatar{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.875rem;font-weight:700;color:#fff;flex-shrink:0}.fleet-card[data-env=production] .fleet-card-avatar{background:linear-gradient(135deg,#2C7A5B,var(--status-online))}.fleet-card[data-env=staging] .fleet-card-avatar{background:linear-gradient(135deg,#B8860B,var(--status-degraded))}.fleet-card[data-env=development] .fleet-card-avatar{background:linear-gradient(135deg,#4A6670,var(--blueprint-color))}.fleet-card-name{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.fleet-card-env{display:inline-flex;padding:3px 10px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:capitalize;letter-spacing:.02em}.fleet-card-env--production{background:#34d3991a;color:var(--status-online);border:1px solid rgba(52,211,153,.15)}.fleet-card-env--staging{background:#fbbf241a;color:var(--status-degraded);border:1px solid rgba(251,191,36,.15)}.fleet-card-env--development{background:#5c757a1a;color:var(--blueprint-color);border:1px solid rgba(92,117,122,.15)}.fleet-status-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;background:var(--bg-tertiary);margin-bottom:var(--space-lg)}.fleet-status-bar-segment{height:100%;transition:width var(--duration-normal) var(--ease-out)}.fleet-status-bar-segment--online{background:var(--status-online)}.fleet-status-bar-segment--degraded{background:var(--status-degraded)}.fleet-status-bar-segment--offline{background:var(--status-offline)}.fleet-stats{display:flex;gap:var(--space-xl)}.fleet-stat{display:flex;flex-direction:column;gap:2px}.fleet-stat-value{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.fleet-stat-label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--text-secondary)}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--space-xl);color:var(--terracotta);opacity:.4}.empty-state h3{font-family:var(--font-display);font-size:1.125rem;color:var(--text-primary);margin-bottom:var(--space-sm)}.empty-state p{font-size:.875rem;color:var(--text-secondary);max-width:400px;margin:0 auto var(--space-xl)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-pulse 1.8s ease-in-out infinite;border-radius:var(--radius-sm);color:transparent!important}.skeleton-stat{display:inline-block;width:48px;height:28px}.skeleton-card{min-height:140px}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-container{position:fixed;top:var(--space-xl);right:var(--space-xl);z-index:10000;display:flex;flex-direction:column;gap:var(--space-md);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;box-shadow:0 8px 30px #00000059;pointer-events:auto;transform:translate(120%);opacity:0;animation:toastIn .4s var(--ease-out) forwards;max-width:360px;border:1px solid transparent}.toast.exiting{animation:toastOut .3s var(--ease-out) forwards}.toast--success{background:#10b9811f;color:var(--status-online);border-color:#34d39933}.toast--error{background:#f871711f;color:var(--status-error);border-color:#f8717133}.toast--info{background:#60a5fa1f;color:#60a5fa;border-color:#60a5fa33}.toast-icon{width:18px;height:18px;flex-shrink:0}@keyframes toastIn{to{transform:translate(0);opacity:1}}@keyframes toastOut{to{transform:translate(120%);opacity:0}}.page-content{animation:pageFadeIn .3s ease-out}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mobile-toggle{display:none;position:fixed;bottom:var(--space-xl);right:var(--space-xl);width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--terracotta),var(--terracotta-dark));color:#fff;align-items:center;justify-content:center;box-shadow:0 4px 16px #bd5e4359;z-index:200;cursor:pointer;border:none}.mobile-toggle svg{width:22px;height:22px}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform var(--duration-normal) var(--ease-out)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.mobile-toggle{display:flex}.page-content{padding:var(--space-lg)}.fleet-grid{grid-template-columns:1fr}.summary-stats{grid-template-columns:repeat(2,1fr)}.top-bar-greeting{font-size:1rem}}:root{--operator-accent: #757F64;--operator-accent-l: #8a9474;--operator-glow: rgba(117, 127, 100, .15);--operator-bg: rgba(117, 127, 100, .08)}.top-bar-left{display:flex;align-items:center;gap:var(--space-md)}.top-bar-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--duration-fast) ease}.top-bar-back:hover{background:var(--surface);color:var(--text-primary)}.top-bar-title-group{display:flex;align-items:center;gap:var(--space-md)}.fleet-env-badge{display:inline-flex;padding:2px 10px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:500;text-transform:capitalize}.fleet-env-badge--production{background:#34d3991a;color:var(--status-online)}.fleet-env-badge--staging{background:#fbbf241a;color:var(--status-degraded)}.fleet-env-badge--development{background:#94a3b81a;color:var(--status-offline)}.fleet-detail-stats{display:flex;gap:var(--space-lg);margin-bottom:var(--space-2xl);flex-wrap:wrap}.fleet-detail-stat{background:var(--surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-xl);min-width:140px;flex:1;opacity:0;transform:translateY(8px);animation:operatorStatIn .35s var(--ease-out) forwards}.fleet-detail-stat:nth-child(1){animation-delay:0s}.fleet-detail-stat:nth-child(2){animation-delay:.06s}.fleet-detail-stat:nth-child(3){animation-delay:.12s}.fleet-detail-stat:nth-child(4){animation-delay:.18s}@keyframes operatorStatIn{to{opacity:1;transform:translateY(0)}}.fleet-detail-stat-value{font-family:var(--font-operator);font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:var(--space-xs)}.fleet-detail-stat-label{font-size:.75rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.fleet-detail-stat--online .fleet-detail-stat-value{color:var(--status-online)}.fleet-detail-stat--degraded .fleet-detail-stat-value{color:var(--status-degraded)}.fleet-detail-stat--offline .fleet-detail-stat-value{color:var(--status-offline)}.fleet-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-2xl);padding:var(--space-md) var(--space-lg);background:var(--operator-bg);border-left:3px solid var(--operator-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;display:none}.fleet-description.visible{display:block}.endpoints-section{margin-top:var(--space-lg)}.endpoints-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-md)}.endpoints-header h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary)}.endpoints-controls{display:flex;align-items:center;gap:var(--space-md)}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:10px;color:var(--text-tertiary);pointer-events:none}.search-input{padding:.5rem .75rem .5rem 34px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.8125rem;outline:none;width:220px;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.search-input:focus{border-color:var(--operator-accent);box-shadow:0 0 0 3px var(--operator-glow)}.search-input::placeholder{color:var(--text-tertiary)}.filter-select{padding:.5rem 2rem .5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.8125rem;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%239098B3' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer;transition:border-color var(--duration-fast) ease}.filter-select:focus{border-color:var(--operator-accent)}.endpoints-table-wrap{overflow-x:auto;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--surface)}.endpoints-table{width:100%;border-collapse:collapse;font-size:.875rem}.endpoints-table thead{background:var(--bg-tertiary);position:sticky;top:0;z-index:1}.endpoints-table th{font-family:var(--font-body);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);padding:var(--space-md) var(--space-lg);text-align:left;border-bottom:1px solid var(--border-primary);white-space:nowrap;-webkit-user-select:none;user-select:none}.endpoints-table th.sortable{cursor:pointer;transition:color var(--duration-fast) ease}.endpoints-table th.sortable:hover{color:var(--text-primary)}.endpoints-table th.sortable.active{color:var(--operator-accent-l)}.sort-icon{width:10px;height:10px;margin-left:4px;opacity:.4;vertical-align:middle;transition:transform .2s ease,opacity .2s ease}.sortable.active .sort-icon{opacity:1;color:var(--operator-accent-l)}.sortable.active.desc .sort-icon{transform:rotate(180deg)}.endpoints-table td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-primary);color:var(--text-primary);vertical-align:middle}.endpoints-table tbody tr{cursor:pointer;transition:background var(--duration-fast) ease,border-color var(--duration-fast) ease;border-left:3px solid transparent}.endpoints-table tbody tr:hover{background:#757f640f;border-left-color:var(--operator-accent)}.endpoints-table tbody tr:active{background:#757f641a}.endpoints-table tbody tr:last-child td{border-bottom:none}.endpoints-table th:nth-child(1),.endpoints-table td:nth-child(1){width:20%}.endpoints-table th:nth-child(2),.endpoints-table td:nth-child(2){width:18%}.endpoints-table th:nth-child(3),.endpoints-table td:nth-child(3){width:10%}.endpoints-table th:nth-child(4),.endpoints-table td:nth-child(4){width:10%}.endpoints-table th:nth-child(5),.endpoints-table td:nth-child(5){width:10%}.endpoints-table th:nth-child(6),.endpoints-table td:nth-child(6){width:15%}.endpoints-table th:nth-child(7),.endpoints-table td:nth-child(7){width:8%}@media(max-width:1024px){.endpoints-table th:nth-child(4),.endpoints-table td:nth-child(4),.endpoints-table th:nth-child(5),.endpoints-table td:nth-child(5){display:none}}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;margin-top:var(--space-sm)}.pagination-info{font-size:.75rem;color:var(--text-tertiary);font-weight:500}.pagination-buttons{display:flex;align-items:center;gap:4px}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--space-sm);border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--duration-fast) ease}.pagination-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-secondary);color:var(--text-primary)}.pagination-btn--active{background:var(--terracotta);border-color:var(--terracotta);color:#fff}.pagination-btn--active:hover{background:var(--terracotta-dark);border-color:var(--terracotta-dark);color:#fff}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:28px;height:32px;color:var(--text-tertiary);font-size:.75rem}.ep-hostname{font-family:var(--font-operator);font-size:.8125rem;font-weight:500;color:var(--text-primary)}.ep-os{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:.8125rem;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ep-os-icon{width:16px;height:16px;opacity:.7;flex-shrink:0}.ep-last-seen{color:var(--text-secondary);font-size:.8125rem}.ep-usage-cell{display:flex;flex-direction:column;gap:3px;min-width:60px}.ep-usage{font-family:var(--font-operator);font-size:.75rem;font-weight:600}.ep-usage--ok{color:var(--status-online)}.ep-usage--warning{color:var(--status-degraded)}.ep-usage--critical{color:var(--status-error)}.ep-usage--na{color:var(--text-tertiary);font-weight:400}.ep-usage-bar{height:3px;background:var(--border-primary);border-radius:2px;overflow:hidden}.ep-usage-bar-fill{height:100%;border-radius:2px;transition:width .4s ease}.ep-usage-bar-fill--ok{background:var(--status-online)}.ep-usage-bar-fill--warning{background:var(--status-degraded)}.ep-usage-bar-fill--critical{background:var(--status-error)}.ep-actions{display:flex;gap:var(--space-sm)}.ep-action-btn{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all var(--duration-fast) ease}.ep-action-btn:hover{background:var(--surface-active);color:var(--text-primary)}.ep-action-btn svg{width:14px;height:14px}.detail-panel-overlay{position:fixed;inset:0;background:#0006;z-index:500;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) ease}.detail-panel-overlay.active{opacity:1;pointer-events:all}.detail-panel{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:92vw;background:var(--bg-secondary);border-left:1px solid var(--border-primary);z-index:600;transform:translate(100%);transition:transform var(--duration-normal) var(--ease-out);display:flex;flex-direction:column}.detail-panel.active{transform:translate(0)}.detail-panel-header{padding:var(--space-lg) var(--space-xl) 0;border-bottom:1px solid var(--border-primary);flex-shrink:0}.detail-panel-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.detail-panel-title-group{display:flex;flex-direction:column;gap:2px;min-width:0}.detail-panel-title{font-family:var(--font-operator);font-size:1.125rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-panel-subtitle{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-panel-close{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--duration-fast) ease;flex-shrink:0}.detail-panel-close:hover{background:var(--surface);color:var(--text-primary)}.detail-panel-close svg{width:18px;height:18px}.detail-panel-meta{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;padding:var(--space-md) 0}.detail-meta-item{font-size:.75rem;color:var(--text-tertiary)}.detail-meta-type{text-transform:capitalize;background:var(--operator-bg);color:var(--operator-accent-l);padding:1px 8px;border-radius:var(--radius-full);font-weight:500}.detail-tabs{display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.detail-tab{padding:var(--space-md) var(--space-lg);font-size:.75rem;font-weight:600;color:var(--text-tertiary);border:none;background:none;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:all var(--duration-fast) ease;text-transform:uppercase;letter-spacing:.04em}.detail-tab:hover{color:var(--text-secondary)}.detail-tab.active{color:var(--operator-accent-l);border-bottom-color:var(--operator-accent)}.detail-panel-body{flex:1;overflow-y:auto;padding:0}.detail-tab-content{display:none;padding:var(--space-xl)}.detail-tab-content.active{display:block}.detail-tab-loading{text-align:center;padding:var(--space-2xl);color:var(--text-tertiary);font-size:.8125rem}.detail-empty{text-align:center;padding:var(--space-2xl);color:var(--text-tertiary);font-size:.8125rem;font-style:italic}.detail-section-group{margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--border-primary)}.detail-section-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section-title{font-family:var(--font-body);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--operator-accent-l);margin-bottom:var(--space-md)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.detail-grid-item{display:flex;flex-direction:column;gap:2px}.detail-grid-item--full{grid-column:1 / -1}.detail-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.detail-value{font-size:.8125rem;color:var(--text-primary)}.detail-value--mono{font-family:var(--font-operator);font-size:.75rem;color:var(--text-secondary);word-break:break-all}.detail-gauges{display:flex;flex-direction:column;gap:var(--space-md)}.detail-gauge{display:flex;align-items:center;gap:var(--space-md)}.detail-gauge-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);width:52px;flex-shrink:0}.detail-gauge-bar{flex:1;height:6px;background:var(--border-primary);border-radius:3px;overflow:hidden}.detail-gauge-fill{height:100%;border-radius:3px;transition:width .5s ease}.detail-gauge-fill.gauge-ok{background:var(--status-online)}.detail-gauge-fill.gauge-warning{background:var(--status-degraded)}.detail-gauge-fill.gauge-critical{background:var(--status-error)}.detail-gauge-value{font-family:var(--font-operator);font-size:.75rem;font-weight:500;color:var(--text-primary);min-width:100px;text-align:right}.sec-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.sec-card{background:var(--surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-md)}.sec-card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.sec-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sec-indicator.sec-ok{background:var(--status-online)}.sec-indicator.sec-warn{background:var(--status-degraded)}.sec-indicator.sec-bad{background:var(--status-error)}.sec-indicator.sec-unknown{background:var(--text-tertiary)}.sec-card-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary)}.sec-card-body{display:flex;flex-direction:column;gap:2px}.sec-card-value{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.sec-card-value--big{font-family:var(--font-operator);font-size:1.5rem;font-weight:700;line-height:1}.sec-card-status{font-size:.6875rem;font-weight:500;text-transform:capitalize}.sec-card-status.sec-ok{color:var(--status-online)}.sec-card-status.sec-warn{color:var(--status-degraded)}.sec-card-status.sec-bad{color:var(--status-error)}.sec-card-status.sec-unknown{color:var(--text-tertiary)}.sec-card-detail{font-size:.6875rem;color:var(--text-tertiary)}.detail-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.detail-list-count{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.detail-list-summary{display:flex;gap:var(--space-md);font-size:.75rem}.svc-running{color:var(--status-online)}.svc-stopped{color:var(--text-tertiary)}.detail-sw-list{display:flex;flex-direction:column;gap:1px;background:var(--border-primary);border-radius:var(--radius-md);overflow:hidden}.detail-sw-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--surface)}.detail-sw-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-sw-meta{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.detail-sw-version{font-family:var(--font-operator);font-size:.6875rem;color:var(--text-secondary)}.detail-sw-publisher{font-size:.6875rem;color:var(--text-tertiary)}.detail-sw-size{font-family:var(--font-operator);font-size:.6875rem;color:var(--text-tertiary)}.detail-svc-list{display:flex;flex-direction:column;gap:1px;background:var(--border-primary);border-radius:var(--radius-md);overflow:hidden}.detail-svc-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--surface)}.svc-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.svc-status-dot--running{background:var(--status-online)}.svc-status-dot--stopped{background:var(--text-tertiary)}.svc-status-dot--disabled{background:var(--border-primary)}.detail-svc-info{flex:1;min-width:0}.detail-svc-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-svc-meta{display:flex;align-items:center;gap:var(--space-md);font-size:.6875rem;color:var(--text-tertiary)}.detail-svc-sysname{font-family:var(--font-operator)}.svc-badge{font-size:.6875rem;font-weight:500;padding:1px 8px;border-radius:var(--radius-full);flex-shrink:0;text-transform:capitalize}.svc-badge--running{background:#34d3991a;color:var(--status-online)}.svc-badge--stopped{background:#94a3b81a;color:var(--text-tertiary)}.detail-event-list{display:flex;flex-direction:column;gap:var(--space-sm)}.detail-event-item{padding:var(--space-md);background:var(--surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);border-left:3px solid var(--border-primary)}.detail-event-item--low{border-left-color:var(--text-tertiary)}.detail-event-item--medium{border-left-color:var(--status-degraded)}.detail-event-item--high{border-left-color:#f97316}.detail-event-item--critical{border-left-color:var(--status-error)}.detail-event-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.event-type-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:1px 6px;border-radius:var(--radius-sm)}.event-type-badge--info{background:#60a5fa1f;color:#60a5fa}.event-type-badge--warning{background:#fbbf241f;color:var(--status-degraded)}.event-type-badge--error{background:#f871711f;color:var(--status-error)}.event-type-badge--security{background:#a78bfa1f;color:#a78bfa}.detail-event-time{font-size:.6875rem;color:var(--text-tertiary)}.detail-event-message{font-size:.8125rem;color:var(--text-primary);line-height:1.4}.detail-event-meta{display:flex;gap:var(--space-md);margin-top:var(--space-xs);font-size:.6875rem;color:var(--text-tertiary)}.detail-panel-footer{padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border-primary);display:flex;gap:var(--space-md);align-items:center;flex-shrink:0}.detail-delete-btn:hover{color:var(--status-error)!important}.auth-message{font-size:.8125rem;text-align:center;min-height:20px}.auth-message.error{color:var(--status-error)}.auth-message.success{color:var(--status-online)}.all-ep-fleet-link{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:.8125rem;color:var(--text-secondary);text-decoration:none;transition:color var(--duration-fast) ease}.all-ep-fleet-link:hover{color:var(--operator-accent-l)}.all-ep-fleet-env{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--text-tertiary)}.all-ep-fleet-env--production{background:var(--status-online)}.all-ep-fleet-env--staging{background:var(--status-degraded)}.all-ep-fleet-env--development{background:var(--blueprint-color, #6882A7)}.sortable-all{cursor:pointer;transition:color var(--duration-fast) ease}.sortable-all:hover{color:var(--text-primary)}.sortable-all.active{color:var(--operator-accent-l)}.sortable-all.active .sort-icon{opacity:1;color:var(--operator-accent-l)}.sortable-all.active.desc .sort-icon{transform:rotate(180deg)}.fleet-picker-loading{text-align:center;padding:var(--space-3xl);color:var(--text-secondary);font-size:.875rem}.fleet-picker-empty{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--text-secondary)}.fleet-picker-empty h3{font-family:var(--font-display);font-size:1.125rem;color:var(--text-primary);margin:var(--space-lg) 0 var(--space-sm)}.fleet-picker-empty p{font-size:.875rem;margin-bottom:var(--space-xl)}.fleet-picker-empty .empty-state-icon{width:48px;height:48px;color:var(--text-tertiary)}@media(max-width:768px){.top-bar-left{gap:var(--space-sm)}.top-bar-title-group{flex-direction:column;align-items:flex-start;gap:2px}.endpoints-controls{flex-direction:column;width:100%}.search-input,.filter-select{width:100%}.fleet-detail-stats{flex-direction:column}.fleet-detail-stat{min-width:unset}.detail-panel{width:100%;max-width:100%}.sec-cards{grid-template-columns:1fr}.top-bar-actions{flex-direction:column;gap:var(--space-xs)}.fleet-picker-grid{grid-template-columns:1fr}}.settings-section{margin-bottom:var(--space-2xl)}.settings-section-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid transparent;background-image:linear-gradient(to right,var(--terracotta),transparent);background-size:60px 2px;background-position:bottom left;background-repeat:no-repeat}.settings-card{background:var(--surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.settings-card--muted{opacity:.75}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-primary)}.settings-row:last-child{border-bottom:none}.settings-row-label{font-size:.875rem;font-weight:500;color:var(--text-primary);display:flex;flex-direction:column;gap:2px}.settings-row-hint{font-size:.75rem;font-weight:400;color:var(--text-tertiary)}.settings-row-value{font-size:.875rem;color:var(--text-secondary);font-family:var(--font-operator)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);border:none;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--duration-fast) ease}.btn--sm{padding:6px 14px}.btn--secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.btn--secondary:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-secondary)}.settings-coming-soon{display:flex;flex-direction:column}.settings-coming-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border-primary);color:var(--text-tertiary)}.settings-coming-item:last-child{border-bottom:none}.settings-coming-item svg{flex-shrink:0;margin-top:2px}.settings-coming-item div{display:flex;flex-direction:column;gap:2px}.settings-coming-item strong{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.settings-coming-item span{font-size:.75rem}