:root{--bg-card-hover:#1c2948;--neo-inset-dark:inset 4px 4px 8px var(--neo-shadow-dark);--neo-inset-light:inset -4px -4px 8px var(--neo-shadow-light);--glass-blur:blur(12px);--text-secondary:var(--text-muted);--status-online:var(--accent-green);--status-warning:var(--accent-amber);--status-error:#ef4444;--status-offline:#6b7280;--glow-online:var(--accent-green-dim);--glow-warning:var(--accent-amber-dim);--glow-error:rgba(239, 68, 68, 0.15);--glow-accent:var(--accent-cyan-subtle)}.services-container{max-width:1400px;margin:0 auto;padding:var(--spacing-xl)var(--spacing-md);background:0 0;min-height:100vh;position:relative;z-index:1}.services-terminal{margin-bottom:var(--spacing-lg);border:1px solid var(--glass-border);overflow:hidden}.services-terminal .terminal-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-sm);background:rgba(0,0,0,.3);border-bottom:1px solid var(--glass-border)}.terminal-dots{display:flex;gap:6px}.dot{width:12px;height:12px;border-radius:50%}.dot-red{background:#ff5f56;box-shadow:0 0 8px rgba(255,95,86,.4)}.dot-yellow{background:#ffbd2e;box-shadow:0 0 8px rgba(255,189,46,.4)}.dot-green{background:#27ca40;box-shadow:0 0 8px rgba(39,202,64,.4)}.services-terminal .terminal-title{flex:1;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);text-align:center}.terminal-stats{display:flex;gap:var(--spacing-xs)}.stat-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);background:rgba(0,0,0,.3);padding:2px 8px;border-radius:4px}.led-mini{width:6px;height:6px;border-radius:50%;display:inline-block}.led-mini.led-online{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green-dim)}.services-terminal .terminal-body{padding:var(--spacing-sm);min-height:80px;max-height:200px;display:flex;flex-direction:column}.services-terminal .terminal-output{flex:1;overflow-y:auto;margin-bottom:var(--spacing-xs)}.services-terminal .terminal-line{display:flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-mono);font-size:.875rem;margin-bottom:4px}.services-terminal .terminal-prompt{color:var(--accent-green);font-weight:600;white-space:nowrap}.services-terminal .terminal-text{color:var(--text-primary)}.services-terminal .terminal-response{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);padding-left:1rem;margin-bottom:8px;white-space:pre-wrap;line-height:1.5}.services-terminal .terminal-input-line{display:flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-mono);font-size:.875rem}.services-terminal .terminal-input{flex:1;background:0 0;border:none;outline:none;color:var(--text-primary);font-family:var(--font-mono);font-size:.875rem;caret-color:var(--accent-cyan)}.services-terminal .terminal-input::placeholder{color:var(--text-dimmed);opacity:.5}.services-terminal .terminal-cursor{color:var(--accent-cyan);animation:blink 1s step-end infinite}.neo-card{background:var(--bg-dark);border-radius:var(--radius-lg);box-shadow:8px 8px 16px var(--neo-shadow-dark),-8px -8px 16px var(--neo-shadow-light);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.neo-card:hover{box-shadow:12px 12px 24px var(--neo-shadow-dark),-12px -12px 24px var(--neo-shadow-light),0 0 30px var(--accent-cyan-subtle);transform:translateY(-4px)}.neo-inset{background:var(--bg-darker);border-radius:var(--radius-lg);box-shadow:var(--neo-inset-dark),var(--neo-inset-light);padding:var(--spacing-md)}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md)}.glass-panel:hover{background:var(--glass-hover);border-color:rgba(255,255,255,.15)}.services-header{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid rgba(255,255,255,5%)}.header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.page-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm);letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.5)}.page-description{font-size:1.125rem;color:var(--text-muted);margin:0;font-family:var(--font-mono);opacity:.9}.header-stats{display:flex;gap:var(--spacing-md)}.stat-item{display:flex;flex-direction:column;align-items:center;min-width:100px;background:var(--glass-bg);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-xs);font-weight:500}.stat-value{font-size:1.75rem;font-weight:700;color:var(--accent-cyan);font-family:var(--font-mono);text-shadow:0 0 15px var(--accent-cyan-subtle)}.stat-value.status-online{color:var(--accent-green);text-shadow:0 0 15px var(--accent-green-dim)}.filter-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.filter-pills{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.filter-pill{background:var(--bg-dark);border:1px solid transparent;border-radius:var(--radius-md);padding:var(--spacing-sm)var(--spacing-md);color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-xs);box-shadow:4px 4px 8px var(--neo-shadow-dark),-4px -4px 8px var(--neo-shadow-light)}.filter-pill:hover{color:var(--text-primary);border-color:var(--glass-border);transform:translateY(-2px);box-shadow:6px 6px 12px var(--neo-shadow-dark),-6px -6px 12px var(--neo-shadow-light)}.filter-pill.active{background:var(--accent-cyan);color:var(--bg-dark);box-shadow:0 0 20px var(--glow-accent),4px 4px 8px var(--neo-shadow-dark);font-weight:600;border-color:transparent}.pill-icon{font-size:1rem}.service-category{margin-bottom:var(--spacing-xl)}.service-category.hidden{display:none}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid rgba(255,255,255,5%);position:relative}.category-header::after{content:'';position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--accent-cyan),transparent);box-shadow:0 0 10px var(--glow-accent)}.category-title{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-md)}.category-icon{font-size:1.5rem;opacity:.8;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.category-count{font-size:.875rem;color:var(--text-muted);background:var(--glass-bg);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--glass-border);font-family:var(--font-mono);backdrop-filter:blur(8px)}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.service-card{padding:var(--spacing-lg);position:relative;display:flex;flex-direction:column;gap:var(--spacing-md);overflow:hidden}.service-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient( circle at top right,rgba(34,211,238,3%),transparent 50% );opacity:0;transition:opacity .3s ease;pointer-events:none}.service-card:hover::before{opacity:1}.service-card.hidden{display:none}.service-status-indicator{position:absolute;top:var(--spacing-md);right:var(--spacing-md);z-index:10}.led{width:8px;height:8px;border-radius:50%;display:inline-block;position:relative}.led-online{background:var(--status-online);box-shadow:0 0 10px rgba(16,185,129,.3),0 0 20px rgba(16,185,129,.2),0 0 30px rgba(16,185,129,.1);animation:pulse-online 2s ease-in-out infinite}.led-warning{background:var(--status-warning);box-shadow:0 0 10px rgba(245,158,11,.3),0 0 20px rgba(245,158,11,.2);animation:pulse-warning 2s ease-in-out infinite}.led-error,.led-offline{background:var(--status-error);box-shadow:0 0 10px rgba(239,68,68,.3),0 0 20px rgba(239,68,68,.2);animation:pulse-error 1s ease-in-out infinite}.led-unknown{background:var(--status-offline);box-shadow:none;opacity:.5}@keyframes pulse-online{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes pulse-warning{0%,100%{opacity:1}50%{opacity:.4}}@keyframes pulse-error{0%,100%{opacity:1}50%{opacity:.3}}.service-header{display:flex;align-items:center;gap:var(--spacing-md);padding-right:var(--spacing-xl)}.service-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-darker);display:flex;align-items:center;justify-content:center;box-shadow:inset 3px 3px 6px var(--neo-shadow-dark),inset -3px -3px 6px rgba(255,255,255,5%);flex-shrink:0;position:relative;overflow:hidden}.service-icon-wrapper::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient( circle,rgba(34,211,238,.1) 0%,transparent 70% );opacity:0;transition:opacity .3s ease}.service-card:hover .service-icon-wrapper::before{opacity:1}.service-icon-img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.service-icon-placeholder{font-size:1.5rem;font-weight:700;color:var(--accent-cyan);text-transform:uppercase;text-shadow:0 0 10px var(--glow-accent)}.service-icon-placeholder.docker-icon{color:#2496ed;text-shadow:0 0 10px rgba(36,150,237,.4)}.service-icon-placeholder.systemd-icon{color:#30d475;text-shadow:0 0 10px rgba(48,212,117,.4)}.badge-online{background:rgba(16,185,129,.2);border-color:var(--accent-green)}.badge-offline{background:rgba(239,68,68,.2);border-color:var(--status-error);color:#fca5a5}.service-title-group{flex:1;min-width:0}.service-name{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-type{font-size:.75rem;color:var(--text-dimmed);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono);opacity:.8}.service-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin:0;flex-grow:1}.service-metrics{display:flex;flex-direction:column;gap:var(--spacing-sm)}.metric-item{display:grid;grid-template-columns:3.5rem 1fr 3rem;align-items:center;gap:var(--spacing-sm)}.metric-label{font-size:.75rem;color:var(--text-dimmed);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono);font-weight:500}.metric-bar{height:6px;background:var(--bg-darker);border-radius:3px;overflow:hidden;box-shadow:inset 2px 2px 4px var(--neo-shadow-dark),inset -1px -1px 2px rgba(255,255,255,2%);position:relative}.metric-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan) 0%,var(--accent-blue) 100%);border-radius:3px;transition:width .3s ease;box-shadow:0 0 8px var(--glow-accent),inset 0 1px rgba(255,255,255,.2);position:relative;overflow:hidden}.metric-fill::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,.2),transparent );animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}100%{left:200%}}.metric-value{font-size:.75rem;color:var(--accent-cyan);font-weight:600;font-family:var(--font-mono);text-align:right}.service-meta{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.meta-badge{display:inline-flex;align-items:center;gap:.375rem;background:var(--bg-darker);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:.375rem .625rem;font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono);box-shadow:inset 1px 1px 2px rgba(0,0,0,.3)}.meta-badge:hover{background:var(--glass-bg);border-color:rgba(255,255,255,.15)}.badge-icon{font-size:.875rem;opacity:.7}.service-actions{display:flex;gap:var(--spacing-sm);margin-top:auto}.btn-primary,.btn-secondary{flex:1;padding:var(--spacing-sm)var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);text-align:center;position:relative;overflow:hidden}.btn-primary{background:var(--accent-cyan);color:var(--bg-dark);box-shadow:0 0 15px var(--glow-accent),4px 4px 8px var(--neo-shadow-dark)}.btn-primary::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.btn-primary:hover::before{width:300px;height:300px}.btn-primary:hover{background:#06b6d4;box-shadow:0 0 25px var(--glow-accent),6px 6px 12px var(--neo-shadow-dark);transform:translateY(-2px)}.btn-secondary{background:var(--bg-darker);color:var(--text-primary);border:1px solid var(--glass-border);box-shadow:4px 4px 8px var(--neo-shadow-dark),-4px -4px 8px rgba(255,255,255,2%)}.btn-secondary:hover{background:var(--bg-card);border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:0 0 15px rgba(34,211,238,.1),4px 4px 8px var(--neo-shadow-dark)}.btn-icon{font-size:1rem;position:relative;z-index:1}.container-info{font-family:var(--font-mono);font-size:.8125rem}.container-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:.375rem}.container-row:last-child{margin-bottom:0}.container-label{color:var(--text-muted);min-width:80px;font-weight:500}.container-value{color:var(--accent-cyan);background:var(--bg-darker);padding:.25rem .625rem;border-radius:4px;font-size:.75rem;box-shadow:inset 1px 1px 2px rgba(0,0,0,.3);border:1px solid rgba(34,211,238,.2)}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-muted);background:var(--glass-bg);border-radius:var(--radius-lg);border:1px solid var(--glass-border);margin-top:var(--spacing-xl)}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.3;filter:grayscale(1)}.empty-text{font-size:1.125rem;margin:0;font-family:var(--font-mono)}.services-footer{margin-top:var(--spacing-xl);padding:var(--spacing-md)0;border-top:1px solid var(--glass-border)}.services-footer .footer-info{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:.8125rem;color:var(--text-muted);font-family:var(--font-mono);flex-wrap:wrap}.services-footer .separator{color:var(--text-dimmed);opacity:.5}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}@media(max-width:1024px){.services-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.header-content{flex-direction:column;align-items:flex-start}.header-stats{width:100%;justify-content:space-around}}@media(max-width:768px){.services-container{padding:var(--spacing-lg)var(--spacing-md)}.services-grid{grid-template-columns:1fr}.page-title{font-size:2rem}.filter-pills{justify-content:center}.service-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.header-stats{flex-direction:row;flex-wrap:wrap}.stat-item{flex:auto;min-width:90px}}@media(max-width:480px){.services-header{padding:var(--spacing-lg)}.header-stats{flex-direction:column;gap:var(--spacing-md);width:100%}.stat-item{flex-direction:row;justify-content:space-between;width:100%}.stat-value{font-size:1.5rem}.category-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.page-title{font-size:1.75rem}.category-title{font-size:1.5rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.filter-pill:focus,.btn-primary:focus,.btn-secondary:focus{outline:2px solid var(--accent-cyan);outline-offset:2px;box-shadow:0 0 0 4px rgba(34,211,238,.2)}@media(prefers-contrast:high){:root{--glass-border:rgba(255, 255, 255, 0.3);--text-secondary:#d4d4d8}}@media print{body::before{display:none}.services-container{background:#fff;max-width:100%}.neo-card,.neo-inset{box-shadow:none;border:1px solid #ccc;page-break-inside:avoid}.filter-section,.service-actions,.services-footer,.led{display:none}.service-card{margin-bottom:1rem}.glass-panel{background:#f5f5f5;border:1px solid #ddd}}.service-card.loading{opacity:.5;pointer-events:none}.service-card.loading::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( 90deg,transparent 0%,rgba(255,255,255,5%) 50%,transparent 100% );animation:loading-sweep 1.5s infinite}@keyframes loading-sweep{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.service-card{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.service-card:nth-child(1){animation-delay:.05s}.service-card:nth-child(2){animation-delay:.1s}.service-card:nth-child(3){animation-delay:.15s}.service-card:nth-child(4){animation-delay:.2s}.service-card:nth-child(5){animation-delay:.25s}.service-card:nth-child(6){animation-delay:.3s}.service-icon-placeholder.truenas-icon{color:#0095d5;text-shadow:0 0 10px rgba(0,149,213,.4)}.legend-dot.truenas{background-color:#0095d5}