@charset "UTF-8";/**
* Copyright (c) 2014 The xterm.js authors. All rights reserved.
* Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
* https://github.com/chjj/term.js
* @license MIT
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*
* Originally forked from (with the author's permission):
*   Fabrice Bellard's javascript vt100 for jslinux:
*   http://bellard.org/jslinux/
*   Copyright (c) 2011 Fabrice Bellard
*   The original design remains. The terminal itself
*   has been extended to include xterm CSI codes, among
*   other features.
*/.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.decanter-app{--bg-primary: #050505;--bg-secondary: #0d0d0d;--bg-tertiary: #141414;--bg-card: #0d0d0d;--bg-hover: #1a1a1a;--text-primary: #ffffff;--text-secondary: #c0c0c0;--text-muted: #8a8a8a;--accent-primary: #6c2bd9;--accent-secondary: #7c3aed;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444;--border-primary: #1c1c1c;--border-secondary: #2c2c2c;--gradient-primary: linear-gradient(135deg, #6c2bd9 0%, #7c3aed 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px}*{box-sizing:border-box}html{margin:0;padding:0;height:100%}html,body{margin:0;padding:0}body.decanter-app{background:var(--bg-primary);color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;margin:0 0 1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--text-secondary);margin:0 0 1rem}a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}@media (hover: hover) and (pointer: fine){a:hover{color:var(--accent-secondary);text-decoration:none}}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.5rem;transition:background-color .2s ease}@media (hover: hover) and (pointer: fine){.card:hover{background:var(--bg-tertiary)}}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary)}.card-body{padding:0}.card-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-primary)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-secondary)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-success{background:var(--gradient-success);color:#fff}.btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-warning{background:var(--gradient-warning);color:#fff}.btn-warning:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger{background:var(--gradient-danger);color:#fff}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border-secondary)}.btn-outline:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-sm{padding:.5rem 1rem;font-size:.75rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge:before{content:"";width:8px;height:8px;border-radius:50%}.status-healthy{background:#10b9811a;color:var(--accent-success);border:1px solid rgba(16,185,129,.2)}.status-healthy:before{background:var(--accent-success)}.status-unhealthy{background:#ef44441a;color:var(--accent-danger);border:1px solid rgba(239,68,68,.2)}.status-unhealthy:before{background:var(--accent-danger)}.status-unknown{background:#f59e0b1a;color:var(--accent-warning);border:1px solid rgba(245,158,11,.2)}.status-unknown:before{background:var(--accent-warning)}.grid{display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-right{text-align:right}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500}.form-control,.form-select{width:100%;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.form-control:focus,.form-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.form-control::placeholder,.form-select::placeholder{color:var(--text-muted)}.form-select{cursor:pointer}.form-control.error,.error.form-select{border-color:var(--danger)}.form-error{display:block;margin-top:.375rem;color:var(--danger);font-size:.75rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end;gap:.75rem}.table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.table th,.table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-primary)}.table th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.table td{color:var(--text-secondary)}.table tr:hover{background:var(--bg-hover)}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg)}@media (max-width: 768px){.table-container{margin:0 -.75rem;border-radius:0}.table{border-radius:0;min-width:600px}.table th,.table td{padding:.75rem .5rem;font-size:.875rem}.table th{font-size:.75rem;padding:.5rem}.grid{grid-template-columns:1fr;gap:1rem}.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.card{padding:1rem;margin-bottom:1rem}.card-header{padding:1rem;margin:-1rem -1rem 1rem}.card-body{padding:0}.btn{font-size:.875rem;padding:.5rem 1rem}.btn-sm{font-size:.75rem;padding:.375rem .75rem}.form-control,.form-select{font-size:1rem}.form-group{margin-bottom:1rem}}@media (max-width: 480px){.grid-4{grid-template-columns:1fr}.card{padding:.75rem;border-radius:var(--radius-md)}.btn{font-size:.8125rem;padding:.5rem .875rem}.btn-sm{font-size:.75rem;padding:.25rem .5rem}}.alert{padding:1rem 1.5rem;border-radius:var(--radius-md);margin-bottom:1rem;border:1px solid}.alert.alert-success{background:#10b9811a;color:var(--accent-success);border-color:#10b98133}.alert.alert-danger{background:#ef44441a;color:var(--accent-danger);border-color:#ef444433}.alert.alert-warning{background:#f59e0b1a;color:var(--accent-warning);border-color:#f59e0b33}.alert.alert-info{background:#3b82f61a;color:var(--accent-primary);border-color:#3b82f633}@media (max-width: 768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.grid-cols-4{grid-template-columns:repeat(2,1fr)}.grid-auto-fit,.grid-auto-fill{grid-template-columns:1fr}}@media (max-width: 480px){.grid-cols-4{grid-template-columns:1fr}}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.decanter-app .app-layout{--sidebar-width: 280px;--sidebar-transition-ms: .24s;--sidebar-transition-ease: cubic-bezier(.215, .61, .355, 1);display:flex;min-height:100vh;height:100vh;width:100vw;background:var(--bg-primary);margin:0;padding:0;position:relative;overflow:hidden}.decanter-app .app-layout.no-sidebar-transition .sidebar,.decanter-app .app-layout.no-sidebar-transition .main-content,.decanter-app .app-layout.no-sidebar-transition .page-content.fullscreen,.decanter-app .app-layout.no-sidebar-transition .logo-text,.decanter-app .app-layout.no-sidebar-transition .nav-section-title,.decanter-app .app-layout.no-sidebar-transition .nav-text,.decanter-app .app-layout.no-sidebar-transition .user-details{transition:none!important}.decanter-app .sidebar{width:var(--sidebar-width);background:var(--bg-secondary);display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto;transition:width var(--sidebar-transition-ms) var(--sidebar-transition-ease);will-change:width}.decanter-app .sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid var(--border-primary)}.decanter-app .logo-link{text-decoration:none;color:inherit}.decanter-app .logo{display:flex;align-items:center;gap:1rem}.decanter-app .logo-icon{width:32px;height:32px;color:var(--accent-primary);flex:0 0 auto}.decanter-app .logo-text{display:flex;flex-direction:column;max-width:220px;overflow:hidden;opacity:1;transform:translate(0);transition:opacity var(--sidebar-transition-ms) var(--sidebar-transition-ease),transform var(--sidebar-transition-ms) var(--sidebar-transition-ease),max-width var(--sidebar-transition-ms) var(--sidebar-transition-ease)}.decanter-app .logo-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1}.decanter-app .logo-subtitle{font-size:.875rem;color:var(--text-muted);line-height:1}.decanter-app .sidebar-nav{flex:1;padding:1rem 0}.decanter-app .nav-section{margin-bottom:2rem}.decanter-app .nav-section-title{padding:0 1.5rem .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);max-width:220px;overflow:hidden;white-space:nowrap;opacity:1;transform:translate(0);transition:opacity var(--sidebar-transition-ms) var(--sidebar-transition-ease),transform var(--sidebar-transition-ms) var(--sidebar-transition-ease),max-width var(--sidebar-transition-ms) var(--sidebar-transition-ease)}.decanter-app .nav-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;color:var(--text-secondary);text-decoration:none;transition:background-color .2s ease,color .2s ease;border-left:3px solid transparent}.decanter-app .nav-item.nav-item--hidden{display:none!important}@media (hover: hover) and (pointer: fine){.decanter-app .nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}}.decanter-app .nav-item.active{background:#6c2bd91f;color:var(--accent-primary);border-left-color:var(--accent-primary)}.decanter-app .nav-icon{font-size:1.25rem;width:24px;text-align:center}.decanter-app .nav-text{font-weight:500;max-width:160px;overflow:hidden;white-space:nowrap;opacity:1;transform:translate(0);transition:opacity var(--sidebar-transition-ms) var(--sidebar-transition-ease),transform var(--sidebar-transition-ms) var(--sidebar-transition-ease),max-width var(--sidebar-transition-ms) var(--sidebar-transition-ease)}.decanter-app .main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;height:100vh;overflow-y:auto;position:relative;transition:margin-left var(--sidebar-transition-ms) var(--sidebar-transition-ease);will-change:margin-left}.decanter-app .page-content{flex:1;padding:.5rem;background:var(--bg-primary);max-width:100%;overflow-x:hidden}.decanter-app .app-layout.service-context .page-content{padding:0}.decanter-app .page-content.fullscreen{padding:0;overflow:hidden;height:100vh;position:fixed;top:0;left:var(--sidebar-width);right:0;bottom:0;transition:left var(--sidebar-transition-ms) var(--sidebar-transition-ease);will-change:left}@media (max-width: 1024px){.decanter-app .page-content.fullscreen{left:0}}.decanter-app .sidebar-footer{padding:1.5rem;border-top:1px solid var(--border-primary)}.decanter-app .user-info{display:flex;align-items:center;gap:1rem;padding:.75rem;margin:0 -.75rem;border-radius:var(--radius-md);text-decoration:none;color:inherit;cursor:pointer;transition:background-color .2s ease}@media (hover: hover) and (pointer: fine){.decanter-app .user-info:hover{background:var(--bg-hover)}}.decanter-app .user-avatar{width:40px;height:40px;border-radius:999px;background:var(--accent-primary);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-weight:600;font-size:1rem}.decanter-app .user-details{flex:1;max-width:180px;overflow:hidden;white-space:nowrap;opacity:1;transform:translate(0);transition:opacity var(--sidebar-transition-ms) var(--sidebar-transition-ease),transform var(--sidebar-transition-ms) var(--sidebar-transition-ease),max-width var(--sidebar-transition-ms) var(--sidebar-transition-ease)}.decanter-app .user-avatar.user-avatar-stop{background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#ef4444}.decanter-app .sidebar-tooltip{position:fixed;z-index:2000;padding:.35rem .5rem;border-radius:2px;background:#050505;border:1px solid #2c2c2c;color:#fff;font-size:.75rem;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(-50%) translate(-4px);transition:opacity .2s ease,transform .2s ease}.decanter-app .sidebar-tooltip.visible{opacity:1;transform:translateY(-50%) translate(0)}@media (prefers-reduced-motion: reduce){.decanter-app .sidebar,.decanter-app .main-content,.decanter-app .page-content.fullscreen,.decanter-app .logo-text,.decanter-app .nav-section-title,.decanter-app .nav-text,.decanter-app .user-details,.decanter-app .nav-item,.decanter-app .user-info,.decanter-app .sidebar-tooltip{transition:none}}.decanter-app .user-name{font-weight:500;color:var(--text-primary);font-size:.875rem;line-height:1}.decanter-app .user-role{font-size:.75rem;color:var(--text-muted);line-height:1}.decanter-app .sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;opacity:0;transition:opacity .3s ease}.decanter-app .sidebar-overlay.active{display:block;opacity:1}.decanter-app .mobile-menu-fab{display:none;position:fixed;bottom:1.5rem;left:1.5rem;width:48px;height:48px;border-radius:999px;background:var(--accent-primary);border:none;color:var(--text-primary);font-size:1.25rem;cursor:pointer;z-index:999;transition:transform .2s ease,background-color .2s ease}@media (hover: hover) and (pointer: fine){.decanter-app .mobile-menu-fab:hover{background:var(--accent-secondary);transform:scale(1.05)}}.decanter-app .mobile-menu-fab:active{transform:scale(.95)}@media (max-width: 768px){.decanter-app .mobile-menu-fab{display:flex;align-items:center;justify-content:center}.decanter-app .sidebar{width:280px;transform:translate(-100%);transition:transform .3s ease;z-index:1001}.decanter-app .main-content{margin-left:0;width:100%}.decanter-app .sidebar.open{transform:translate(0)}.decanter-app .sidebar-overlay.active{display:block}.decanter-app .app-layout{--sidebar-width: 280px}}@media (min-width: 769px){.decanter-app .app-layout.compact-sidebar{--sidebar-width: 72px}.decanter-app .app-layout.compact-sidebar .sidebar-header{padding:2rem .75rem}.decanter-app .app-layout.compact-sidebar .logo{gap:0;justify-content:center}.decanter-app .app-layout.compact-sidebar .logo-text{max-width:0;opacity:0;transform:translate(-6px)}.decanter-app .app-layout.compact-sidebar .nav-section-title{padding:0 .75rem .5rem;max-width:0;opacity:0;transform:translate(-6px)}.decanter-app .app-layout.compact-sidebar .nav-item{justify-content:center;gap:0;padding:.75rem 0;position:relative}.decanter-app .app-layout.compact-sidebar .nav-text{max-width:0;opacity:0;transform:translate(-6px)}.decanter-app .app-layout.compact-sidebar .sidebar-footer{padding:1.45rem .75rem}.decanter-app .app-layout.compact-sidebar .user-info{justify-content:center;gap:0;padding:.75rem 0;margin:0;position:relative}.decanter-app .app-layout.compact-sidebar .user-details{max-width:0;opacity:0;transform:translate(-6px)}}@keyframes landing-pulse{0%,to{opacity:1}50%{opacity:.5}}.landing-page *{margin:0;padding:0;box-sizing:border-box}.landing-page{min-height:100vh;background:#050810;color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.landing-page .container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.landing-page .header{position:sticky;top:0;z-index:100;background:#050810cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(30,41,59,.5)}.landing-page .header-content{display:flex;align-items:center;justify-content:space-between;height:72px}.landing-page .logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.landing-page .logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#1e3a8a,#1e40af);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#60a5fa}.landing-page .logo-text{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.landing-page .nav{display:flex;align-items:center;gap:2rem}.landing-page .nav-link{color:#94a3b8;text-decoration:none;font-size:.9375rem;font-weight:500;transition:color .2s;display:flex;align-items:center;gap:.5rem}.landing-page .nav-link:hover{color:#f8fafc}.landing-page .btn-docs{padding:.625rem 1.25rem;background:#1e3a8a4d;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#f8fafc;text-decoration:none;font-size:.9375rem;font-weight:500;transition:all .2s}.landing-page .btn-docs:hover{background:#1e3a8a80;border-color:#3b82f680}.landing-page .hero{position:relative;padding:8rem 0 6rem;overflow:hidden}.landing-page .hero-bg{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:1400px;height:600px;background:radial-gradient(ellipse at center,rgba(30,58,138,.15) 0%,transparent 70%);pointer-events:none}.landing-page .hero-content{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center;position:relative}@media (min-width: 1024px){.landing-page .hero-content{grid-template-columns:1.1fr .9fr}}.landing-page .hero-text{display:flex;flex-direction:column;gap:2rem}.landing-page .badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#1e3a8a33;border:1px solid rgba(59,130,246,.3);border-radius:100px;font-size:.875rem;font-weight:500;color:#93c5fd;width:fit-content}.landing-page .badge i{font-size:.75rem}.landing-page .hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;letter-spacing:-.03em}@media (min-width: 768px){.landing-page .hero-title{font-size:4.5rem}}.landing-page .gradient-text{background:linear-gradient(135deg,#60a5fa,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-page .hero-description{font-size:1.25rem;line-height:1.7;color:#94a3b8;max-width:600px}.landing-page .hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.landing-page .btn-primary{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,#2563eb,#1e40af);border:none;border-radius:10px;color:#f8fafc;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;box-shadow:0 4px 20px #2563eb4d}.landing-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #2563eb66}.landing-page .btn-secondary{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 1.75rem;background:#1e3a8a33;border:1px solid rgba(59,130,246,.3);border-radius:10px;color:#f8fafc;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.landing-page .btn-secondary:hover{background:#1e3a8a4d;border-color:#3b82f680}.landing-page .hero-badges{display:flex;flex-wrap:wrap;gap:1.5rem;padding-top:1rem}.landing-page .hero-badge-item{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.9375rem}.landing-page .hero-badge-item i{color:#3b82f6;font-size:.875rem}.landing-page .hero-visual{position:relative}.landing-page .terminal{background:#0f172acc;border:1px solid rgba(30,41,59,.8);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000080}.landing-page .terminal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#0f172ae6;border-bottom:1px solid rgba(30,41,59,.8)}.landing-page .terminal-dots{display:flex;gap:.5rem}.landing-page .dot{width:12px;height:12px;border-radius:50%}.landing-page .dot-red{background:#ef4444}.landing-page .dot-yellow{background:#f59e0b}.landing-page .dot-green{background:#10b981}.landing-page .terminal-title{font-size:.875rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;color:#94a3b8}.landing-page .terminal-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#3b82f6}.landing-page .status-indicator{width:8px;height:8px;background:#3b82f6;border-radius:50%;animation:landing-pulse 2s ease-in-out infinite}.landing-page .terminal-body{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.875rem}.landing-page .log-line{display:flex;align-items:center;gap:1rem;opacity:.6;transition:opacity .3s}.landing-page .log-line.active{opacity:1}.landing-page .log-line.pending{opacity:.3}.landing-page .log-time{color:#64748b;font-size:.8125rem}.landing-page .log-icon{color:#10b981;font-size:.75rem}.landing-page .log-line.active .log-icon{color:#3b82f6}.landing-page .log-line.pending .log-icon{color:#475569}.landing-page .log-text{color:#cbd5e1}.landing-page .features{padding:8rem 0}.landing-page .section-header{text-align:center;margin-bottom:4rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.landing-page .section-title{font-size:3rem;font-weight:800;line-height:1.2;letter-spacing:-.02em;max-width:800px}.landing-page .section-description{font-size:1.25rem;line-height:1.7;color:#94a3b8;max-width:700px}.landing-page .features-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.landing-page .features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.landing-page .features-grid{grid-template-columns:repeat(3,1fr)}}.landing-page .feature-card{padding:2rem;background:#0f172a80;border:1px solid rgba(30,41,59,.6);border-radius:16px;transition:all .3s}.landing-page .feature-card:hover{background:#0f172acc;border-color:#3b82f666;transform:translateY(-4px)}.landing-page .feature-icon{width:56px;height:56px;background:linear-gradient(135deg,#1e3a8a66,#1e40af66);border:1px solid rgba(59,130,246,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#60a5fa;margin-bottom:1.5rem;transition:all .3s}.landing-page .feature-card:hover .feature-icon{background:linear-gradient(135deg,#1e3a8a99,#1e40af99);border-color:#3b82f680;transform:scale(1.05)}.landing-page .feature-title{font-size:1.375rem;font-weight:700;margin-bottom:.75rem;letter-spacing:-.01em}.landing-page .feature-description{color:#94a3b8;line-height:1.7}.landing-page .tech{padding:8rem 0;background:#0f172a4d;border-top:1px solid rgba(30,41,59,.5);border-bottom:1px solid rgba(30,41,59,.5)}.landing-page .tech-layout{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}@media (min-width: 1024px){.landing-page .tech-layout{grid-template-columns:1fr 1fr}}.landing-page .tech-info{display:flex;flex-direction:column;gap:1.5rem}.landing-page .tech-highlight{margin-top:1rem;padding:1.5rem;background:#0f172a99;border:1px solid rgba(30,41,59,.8);border-radius:12px}.landing-page .tech-highlight-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.75rem}.landing-page .tech-code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:1rem;color:#93c5fd;display:block}.landing-page .tech-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 640px){.landing-page .tech-grid{grid-template-columns:repeat(2,1fr)}}.landing-page .tech-card{padding:1.75rem;background:#0f172a99;border:1px solid rgba(30,41,59,.8);border-radius:12px;display:flex;gap:1.25rem;transition:all .3s}.landing-page .tech-card:hover{background:#0f172acc;border-color:#3b82f666}.landing-page .tech-icon{width:48px;height:48px;background:#1e3a8a4d;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#60a5fa;flex-shrink:0}.landing-page .tech-info-text{flex:1}.landing-page .tech-name{font-size:1.125rem;font-weight:700;margin-bottom:.375rem;letter-spacing:-.01em}.landing-page .tech-description{font-size:.9375rem;color:#94a3b8;line-height:1.6}.landing-page .cta{padding:8rem 0}.landing-page .cta-card{padding:4rem 2rem;background:linear-gradient(135deg,#0f172acc,#1e3a8a1a);border:1px solid rgba(59,130,246,.3);border-radius:24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2.5rem}@media (min-width: 768px){.landing-page .cta-card{padding:5rem 3rem}}.landing-page .cta-content{display:flex;flex-direction:column;gap:1.25rem;max-width:700px}.landing-page .cta-title{font-size:2.5rem;font-weight:800;line-height:1.2;letter-spacing:-.02em}@media (min-width: 768px){.landing-page .cta-title{font-size:3.5rem}}.landing-page .cta-description{font-size:1.25rem;line-height:1.7;color:#94a3b8}.landing-page .cta-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.landing-page .cta-footer{font-size:.9375rem;color:#64748b;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.landing-page .footer{padding:3rem 0;border-top:1px solid rgba(30,41,59,.5)}.landing-page .footer-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2rem}.landing-page .footer-brand{display:flex;flex-direction:column;gap:.75rem}.landing-page .footer-tagline{color:#64748b;font-size:.9375rem}.landing-page .footer-links{display:flex;gap:1rem}.landing-page .footer-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#1e3a8a33;border:1px solid rgba(59,130,246,.3);border-radius:10px;color:#93c5fd;text-decoration:none;font-size:1.125rem;transition:all .2s}.landing-page .footer-link:hover{background:#1e3a8a66;border-color:#3b82f680;transform:translateY(-2px)}@media (max-width: 1023px){.landing-page .nav{display:none}.landing-page .hero{padding:4rem 0 3rem}.landing-page .hero-title{font-size:2.5rem}.landing-page .section-title{font-size:2rem}.landing-page .features,.landing-page .tech,.landing-page .cta{padding:4rem 0}}.auth-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem;background:radial-gradient(circle at 20% 10%,rgba(124,58,237,.18),transparent 55%),radial-gradient(circle at 80% 30%,rgba(16,185,129,.08),transparent 50%)}.auth-login__card{width:100%;max-width:420px;border:1px solid var(--border-primary);border-radius:14px;background:#ffffff05;padding:1.75rem}.auth-login__brand{display:flex;align-items:center;gap:.875rem}.auth-login__brand-icon{width:42px;height:42px;border-radius:12px;border:1px solid var(--border-secondary);background:#7c3aed1f;color:var(--accent-secondary);display:flex;align-items:center;justify-content:center}.auth-login__brand-title{font-weight:650;letter-spacing:-.01em;line-height:1.1}.auth-login__brand-subtitle{font-size:.8125rem;color:var(--text-muted);line-height:1.1}.auth-login__body{margin-top:1.25rem}.auth-login__button{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:.875rem 1rem;border-radius:12px;border:1px solid rgba(124,58,237,.35);background:#7c3aed2e;color:var(--text-primary);text-decoration:none;font-weight:600;transition:transform .2s ease,background .2s ease,border-color .2s ease}@media (hover: hover) and (pointer: fine){.auth-login__button:hover{transform:translateY(-1px);background:#7c3aed3d;border-color:#7c3aed80}}.auth-login__error{padding:.875rem 1rem;border-radius:12px;border:1px solid rgba(239,68,68,.3);background:#ef444414;color:#ef4444f2;font-size:.875rem}.auth-login__footer{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border-primary);display:flex;flex-wrap:wrap;gap:.75rem 1rem;justify-content:space-between}.auth-login__link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}@media (hover: hover) and (pointer: fine){.auth-login__link:hover{color:var(--text-primary);border-color:var(--border-secondary)}}.admin-page,.api-keys-page,.audit-logs-page,.permissions-page,.roles-page,.users-page{min-height:100vh;background:#0d0d0d;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-page .admin-layout,.api-keys-page .admin-layout,.audit-logs-page .admin-layout,.permissions-page .admin-layout,.roles-page .admin-layout,.users-page .admin-layout{display:flex}@media (max-width: 768px){.admin-page .admin-layout,.api-keys-page .admin-layout,.audit-logs-page .admin-layout,.permissions-page .admin-layout,.roles-page .admin-layout,.users-page .admin-layout{flex-direction:column}}.admin-page .admin-container,.api-keys-page .admin-container,.audit-logs-page .admin-container,.permissions-page .admin-container,.roles-page .admin-container,.users-page .admin-container{display:flex}@media (max-width: 768px){.admin-page .admin-container,.api-keys-page .admin-container,.audit-logs-page .admin-container,.permissions-page .admin-container,.roles-page .admin-container,.users-page .admin-container{flex-direction:column}}.admin-page .admin-sidebar,.api-keys-page .admin-sidebar,.audit-logs-page .admin-sidebar,.permissions-page .admin-sidebar,.roles-page .admin-sidebar,.users-page .admin-sidebar{width:220px;min-width:200px;background:#050505;border-right:1px solid #1c1c1c;height:100vh;padding-top:2rem;padding-bottom:0;display:flex;flex-direction:column;position:fixed;top:0;left:var(--sidebar-width, 72px);overflow-y:auto;z-index:900;transition:left var(--sidebar-transition-ms, .24s) var(--sidebar-transition-ease, cubic-bezier(.215, .61, .355, 1));will-change:left}@media (max-width: 768px){.admin-page .admin-sidebar,.api-keys-page .admin-sidebar,.audit-logs-page .admin-sidebar,.permissions-page .admin-sidebar,.roles-page .admin-sidebar,.users-page .admin-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid #1c1c1c;position:static;overflow-y:visible;left:auto}}.admin-page .admin-sidebar-header,.api-keys-page .admin-sidebar-header,.audit-logs-page .admin-sidebar-header,.permissions-page .admin-sidebar-header,.roles-page .admin-sidebar-header,.users-page .admin-sidebar-header{padding:0 1.5rem;margin-bottom:2rem}.admin-page .admin-sidebar-header h2,.api-keys-page .admin-sidebar-header h2,.audit-logs-page .admin-sidebar-header h2,.permissions-page .admin-sidebar-header h2,.roles-page .admin-sidebar-header h2,.users-page .admin-sidebar-header h2{font-size:1.25rem;font-weight:400}.admin-page .admin-nav a,.api-keys-page .admin-nav a,.audit-logs-page .admin-nav a,.permissions-page .admin-nav a,.roles-page .admin-nav a,.users-page .admin-nav a{display:block;padding:.75rem 1.5rem;color:#b0b0b0;text-decoration:none}.admin-page .admin-nav a.active,.api-keys-page .admin-nav a.active,.audit-logs-page .admin-nav a.active,.permissions-page .admin-nav a.active,.roles-page .admin-nav a.active,.users-page .admin-nav a.active{color:#fff;background:#6c2bd9;border-left:3px solid #6c2bd9}.admin-page .admin-sidebar-footer,.api-keys-page .admin-sidebar-footer,.audit-logs-page .admin-sidebar-footer,.permissions-page .admin-sidebar-footer,.roles-page .admin-sidebar-footer,.users-page .admin-sidebar-footer{padding:1.5rem 1.5rem 3rem;margin-top:auto;border-top:1px solid #1c1c1c}.admin-page .admin-sidebar-footer a,.api-keys-page .admin-sidebar-footer a,.audit-logs-page .admin-sidebar-footer a,.permissions-page .admin-sidebar-footer a,.roles-page .admin-sidebar-footer a,.users-page .admin-sidebar-footer a{display:block;padding:.5rem 0;color:#888;text-decoration:none;font-size:.875rem}.admin-page .admin-content,.api-keys-page .admin-content,.audit-logs-page .admin-content,.permissions-page .admin-content,.roles-page .admin-content,.users-page .admin-content{flex:1;padding:2rem;min-width:0;display:flex;flex-direction:column}@media (max-width: 768px){.admin-page .admin-content,.api-keys-page .admin-content,.audit-logs-page .admin-content,.permissions-page .admin-content,.roles-page .admin-content,.users-page .admin-content{padding:1rem}}.admin-page .admin-main,.api-keys-page .admin-main,.audit-logs-page .admin-main,.permissions-page .admin-main,.roles-page .admin-main,.users-page .admin-main{flex:1;padding:2rem;min-width:0}@media (max-width: 768px){.admin-page .admin-main,.api-keys-page .admin-main,.audit-logs-page .admin-main,.permissions-page .admin-main,.roles-page .admin-main,.users-page .admin-main{padding:1rem}}.admin-page .admin-page-content,.api-keys-page .admin-page-content,.audit-logs-page .admin-page-content,.permissions-page .admin-page-content,.roles-page .admin-page-content,.users-page .admin-page-content{margin-left:calc(130px + var(--sidebar-width, 72px))}@media (max-width: 768px){.admin-page .admin-page-content,.api-keys-page .admin-page-content,.audit-logs-page .admin-page-content,.permissions-page .admin-page-content,.roles-page .admin-page-content,.users-page .admin-page-content{margin-left:0}}.admin-page .admin-page-header,.api-keys-page .admin-page-header,.audit-logs-page .admin-page-header,.permissions-page .admin-page-header,.roles-page .admin-page-header,.users-page .admin-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.admin-page .admin-page-header h1,.api-keys-page .admin-page-header h1,.audit-logs-page .admin-page-header h1,.permissions-page .admin-page-header h1,.roles-page .admin-page-header h1,.users-page .admin-page-header h1{font-size:2rem;font-weight:300;margin:0;margin-bottom:.5rem}@media (max-width: 768px){.admin-page .admin-page-header h1,.api-keys-page .admin-page-header h1,.audit-logs-page .admin-page-header h1,.permissions-page .admin-page-header h1,.roles-page .admin-page-header h1,.users-page .admin-page-header h1{font-size:1.5rem}}.admin-page .admin-page-header p,.api-keys-page .admin-page-header p,.audit-logs-page .admin-page-header p,.permissions-page .admin-page-header p,.roles-page .admin-page-header p,.users-page .admin-page-header p{color:#888;font-size:.875rem;margin:0}.admin-page .admin-page-header .page-description,.api-keys-page .admin-page-header .page-description,.audit-logs-page .admin-page-header .page-description,.permissions-page .admin-page-header .page-description,.roles-page .admin-page-header .page-description,.users-page .admin-page-header .page-description,.admin-page .admin-page-header .permissions-subtitle,.api-keys-page .admin-page-header .permissions-subtitle,.audit-logs-page .admin-page-header .permissions-subtitle,.permissions-page .admin-page-header .permissions-subtitle,.roles-page .admin-page-header .permissions-subtitle,.users-page .admin-page-header .permissions-subtitle{color:#888;font-size:.875rem;margin-top:.5rem}@media (max-width: 768px){.admin-page .admin-page-header,.api-keys-page .admin-page-header,.audit-logs-page .admin-page-header,.permissions-page .admin-page-header,.roles-page .admin-page-header,.users-page .admin-page-header{flex-direction:column;align-items:flex-start;gap:1rem}}.admin-page .admin-title,.api-keys-page .admin-title,.audit-logs-page .admin-title,.permissions-page .admin-title,.roles-page .admin-title,.users-page .admin-title{margin-bottom:2rem;font-size:2rem;font-weight:300}@media (max-width: 768px){.admin-page .admin-title,.api-keys-page .admin-title,.audit-logs-page .admin-title,.permissions-page .admin-title,.roles-page .admin-title,.users-page .admin-title{font-size:1.5rem}}.admin-page .admin-section,.api-keys-page .admin-section,.audit-logs-page .admin-section,.permissions-page .admin-section,.roles-page .admin-section,.users-page .admin-section{background:#050505;border:1px solid #1c1c1c;padding:1.5rem;margin-bottom:1.5rem}.admin-page .admin-filters,.api-keys-page .admin-filters,.audit-logs-page .admin-filters,.permissions-page .admin-filters,.roles-page .admin-filters,.users-page .admin-filters,.users-page .user-filters{background:#050505;border:1px solid #1c1c1c;padding:1rem;margin-bottom:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.admin-page .admin-filter-group label,.api-keys-page .admin-filter-group label,.audit-logs-page .admin-filter-group label,.permissions-page .admin-filter-group label,.roles-page .admin-filter-group label,.users-page .admin-filter-group label{display:block;margin-bottom:.5rem;font-size:.75rem;color:#888}.admin-page .admin-filter-group select,.api-keys-page .admin-filter-group select,.audit-logs-page .admin-filter-group select,.permissions-page .admin-filter-group select,.roles-page .admin-filter-group select,.users-page .admin-filter-group select,.admin-page .admin-filter-group input[type=text],.api-keys-page .admin-filter-group input[type=text],.audit-logs-page .admin-filter-group input[type=text],.permissions-page .admin-filter-group input[type=text],.roles-page .admin-filter-group input[type=text],.users-page .admin-filter-group input[type=text]{width:100%;padding:.5rem;border:1px solid #2c2c2c;background:#0d0d0d;color:#fff;font-size:.875rem}.admin-page .admin-filter-group input[type=checkbox],.api-keys-page .admin-filter-group input[type=checkbox],.audit-logs-page .admin-filter-group input[type=checkbox],.permissions-page .admin-filter-group input[type=checkbox],.roles-page .admin-filter-group input[type=checkbox],.users-page .admin-filter-group input[type=checkbox]{cursor:pointer}.admin-page .admin-checkbox-label,.api-keys-page .admin-checkbox-label,.audit-logs-page .admin-checkbox-label,.permissions-page .admin-checkbox-label,.roles-page .admin-checkbox-label,.users-page .admin-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer;padding:.5rem 0}.admin-page .admin-table-container,.api-keys-page .admin-table-container,.audit-logs-page .admin-table-container,.permissions-page .admin-table-container,.roles-page .admin-table-container,.users-page .admin-table-container{background:#050505;border:1px solid #1c1c1c;overflow-x:auto}.admin-page .admin-table,.api-keys-page .admin-table,.audit-logs-page .admin-table,.permissions-page .admin-table,.roles-page .admin-table,.users-page .admin-table{width:100%;border-collapse:collapse;min-width:600px}.admin-page .admin-table thead tr,.api-keys-page .admin-table thead tr,.audit-logs-page .admin-table thead tr,.permissions-page .admin-table thead tr,.roles-page .admin-table thead tr,.users-page .admin-table thead tr{border-bottom:1px solid #1c1c1c}.admin-page .admin-table th,.api-keys-page .admin-table th,.audit-logs-page .admin-table th,.permissions-page .admin-table th,.roles-page .admin-table th,.users-page .admin-table th{padding:.75rem;text-align:left;font-weight:400;color:#888;font-size:.75rem}.admin-page .admin-table tbody tr,.api-keys-page .admin-table tbody tr,.audit-logs-page .admin-table tbody tr,.permissions-page .admin-table tbody tr,.roles-page .admin-table tbody tr,.users-page .admin-table tbody tr{border-bottom:1px solid #1c1c1c}.admin-page .admin-table td,.api-keys-page .admin-table td,.audit-logs-page .admin-table td,.permissions-page .admin-table td,.roles-page .admin-table td,.users-page .admin-table td{padding:.75rem;font-size:.75rem}.admin-page .admin-table-actions,.api-keys-page .admin-table-actions,.audit-logs-page .admin-table-actions,.permissions-page .admin-table-actions,.roles-page .admin-table-actions,.users-page .admin-table-actions{display:flex;gap:.5rem;flex-wrap:wrap}.admin-page .admin-button,.api-keys-page .admin-button,.audit-logs-page .admin-button,.permissions-page .admin-button,.roles-page .admin-button,.users-page .admin-button{padding:.375rem .75rem;background:#444;color:#fff;border:none;cursor:pointer;font-size:.75rem}.admin-page .admin-button.small,.api-keys-page .admin-button.small,.audit-logs-page .admin-button.small,.permissions-page .admin-button.small,.roles-page .admin-button.small,.users-page .admin-button.small{padding:.375rem .75rem}.admin-page .admin-button.secondary,.api-keys-page .admin-button.secondary,.audit-logs-page .admin-button.secondary,.permissions-page .admin-button.secondary,.roles-page .admin-button.secondary,.users-page .admin-button.secondary{background:#444}.admin-page .admin-button.secondary:hover,.api-keys-page .admin-button.secondary:hover,.audit-logs-page .admin-button.secondary:hover,.permissions-page .admin-button.secondary:hover,.roles-page .admin-button.secondary:hover,.users-page .admin-button.secondary:hover{background:#555}.admin-page .admin-button.success,.api-keys-page .admin-button.success,.audit-logs-page .admin-button.success,.permissions-page .admin-button.success,.roles-page .admin-button.success,.users-page .admin-button.success{background:#10b981}.admin-page .admin-button.success:hover,.api-keys-page .admin-button.success:hover,.audit-logs-page .admin-button.success:hover,.permissions-page .admin-button.success:hover,.roles-page .admin-button.success:hover,.users-page .admin-button.success:hover{background:#059669}.admin-page .admin-button.danger,.api-keys-page .admin-button.danger,.audit-logs-page .admin-button.danger,.permissions-page .admin-button.danger,.roles-page .admin-button.danger,.users-page .admin-button.danger{background:#ef4444}.admin-page .admin-button.danger:hover,.api-keys-page .admin-button.danger:hover,.audit-logs-page .admin-button.danger:hover,.permissions-page .admin-button.danger:hover,.roles-page .admin-button.danger:hover,.users-page .admin-button.danger:hover{background:#dc2626}.admin-page .admin-button:hover,.api-keys-page .admin-button:hover,.audit-logs-page .admin-button:hover,.permissions-page .admin-button:hover,.roles-page .admin-button:hover,.users-page .admin-button:hover{background:#555}.admin-page .admin-button:disabled,.api-keys-page .admin-button:disabled,.audit-logs-page .admin-button:disabled,.permissions-page .admin-button:disabled,.roles-page .admin-button:disabled,.users-page .admin-button:disabled{opacity:.5;cursor:not-allowed}.admin-page .admin-search-input,.api-keys-page .admin-search-input,.audit-logs-page .admin-search-input,.permissions-page .admin-search-input,.roles-page .admin-search-input,.users-page .admin-search-input{width:100%;padding:.75rem;border:1px solid #2c2c2c;background:#0d0d0d;color:#fff;font-size:.875rem}.admin-page .admin-button-primary,.api-keys-page .admin-button-primary,.audit-logs-page .admin-button-primary,.permissions-page .admin-button-primary,.roles-page .admin-button-primary,.users-page .admin-button-primary{background:#6c2bd9}.admin-page .admin-button-primary:hover,.api-keys-page .admin-button-primary:hover,.audit-logs-page .admin-button-primary:hover,.permissions-page .admin-button-primary:hover,.roles-page .admin-button-primary:hover,.users-page .admin-button-primary:hover{background:#7c3aed}.admin-page .admin-pagination,.api-keys-page .admin-pagination,.audit-logs-page .admin-pagination,.permissions-page .admin-pagination,.roles-page .admin-pagination,.users-page .admin-pagination{margin-top:1.5rem;display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;align-items:center}.admin-page .admin-pagination button,.api-keys-page .admin-pagination button,.audit-logs-page .admin-pagination button,.permissions-page .admin-pagination button,.roles-page .admin-pagination button,.users-page .admin-pagination button{padding:.5rem 1rem;background:#444;color:#fff;border:none;cursor:pointer;font-size:.875rem}.admin-page .admin-pagination button:disabled,.api-keys-page .admin-pagination button:disabled,.audit-logs-page .admin-pagination button:disabled,.permissions-page .admin-pagination button:disabled,.roles-page .admin-pagination button:disabled,.users-page .admin-pagination button:disabled{background:#2c2c2c;color:#666;cursor:not-allowed}.admin-page .admin-pagination .page-info,.api-keys-page .admin-pagination .page-info,.audit-logs-page .admin-pagination .page-info,.permissions-page .admin-pagination .page-info,.roles-page .admin-pagination .page-info,.users-page .admin-pagination .page-info{color:#888;font-size:.875rem}.admin-page .admin-empty-state,.api-keys-page .admin-empty-state,.audit-logs-page .admin-empty-state,.permissions-page .admin-empty-state,.roles-page .admin-empty-state,.users-page .admin-empty-state,.admin-page .admin-empty,.api-keys-page .admin-empty,.audit-logs-page .admin-empty,.permissions-page .admin-empty,.roles-page .admin-empty,.users-page .admin-empty{padding:3rem;text-align:center;color:#666;font-size:.875rem}.admin-page .admin-back-link,.api-keys-page .admin-back-link,.audit-logs-page .admin-back-link,.permissions-page .admin-back-link,.roles-page .admin-back-link,.users-page .admin-back-link{color:#888;text-decoration:none;font-size:.875rem}.admin-page .admin-back-link:hover,.api-keys-page .admin-back-link:hover,.audit-logs-page .admin-back-link:hover,.permissions-page .admin-back-link:hover,.roles-page .admin-back-link:hover,.users-page .admin-back-link:hover{color:#b0b0b0}.admin-page .admin-nav-link,.api-keys-page .admin-nav-link,.audit-logs-page .admin-nav-link,.permissions-page .admin-nav-link,.roles-page .admin-nav-link,.users-page .admin-nav-link{display:block;padding:.75rem 1.5rem;color:#b0b0b0;text-decoration:none;transition:all .2s}.admin-page .admin-nav-link.active,.api-keys-page .admin-nav-link.active,.audit-logs-page .admin-nav-link.active,.permissions-page .admin-nav-link.active,.roles-page .admin-nav-link.active,.users-page .admin-nav-link.active{color:#fff;background:#6c2bd9;border-left:3px solid #6c2bd9}.admin-page .admin-nav-link:hover:not(.active),.api-keys-page .admin-nav-link:hover:not(.active),.audit-logs-page .admin-nav-link:hover:not(.active),.permissions-page .admin-nav-link:hover:not(.active),.roles-page .admin-nav-link:hover:not(.active),.users-page .admin-nav-link:hover:not(.active){color:#fff;background:#1c1c1c}.admin-page .modal-close,.api-keys-page .modal-close,.audit-logs-page .modal-close,.permissions-page .modal-close,.roles-page .modal-close,.users-page .modal-close{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;padding:0;line-height:1}.admin-page .modal-close:hover,.api-keys-page .modal-close:hover,.audit-logs-page .modal-close:hover,.permissions-page .modal-close:hover,.roles-page .modal-close:hover,.users-page .modal-close:hover{color:#fff}.users-page .user-cell{display:flex;align-items:center;gap:.75rem}.users-page .user-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500;flex-shrink:0;background:#6c2bd9}.users-page .user-name-email .name{font-weight:400;margin-bottom:.25rem}.users-page .user-name-email .email{font-size:.75rem;color:#888}.users-page .user-roles-list{display:flex;gap:.5rem;flex-wrap:wrap}.users-page .admin-table{min-width:820px}.users-page .user-service-access{display:flex;flex-direction:column;gap:.375rem;min-width:180px}.users-page .user-service-access-badge{display:inline-flex;align-items:center;width:fit-content;padding:.25rem .5rem;border-radius:2px;font-size:.75rem;border:1px solid #2c2c2c;background:#1c1c1c;color:#b0b0b0}.users-page .user-service-access-badge.restricted{border-color:#6c2bd9;background:#6c2bd91f;color:#c4b5fd}.users-page .user-service-access-list{font-size:.75rem;color:#b0b0b0;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.users-page .user-service-access-list-muted{color:#666}.users-page .user-role-badge{padding:.25rem .75rem;background:#2c2c2c;font-size:.75rem;border-radius:2px}.users-page .user-last-login{font-size:.875rem;color:#b0b0b0}.users-page .user-edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.users-page .user-edit-modal{background:#0d0d0d;border:1px solid #1c1c1c;width:500px;max-width:90vw;max-height:80vh;overflow:auto}.users-page .user-modal-header{padding:1.5rem;border-bottom:1px solid #1c1c1c;display:flex;justify-content:space-between;align-items:center}.users-page .user-modal-header h3{font-size:1.25rem;font-weight:400}.users-page .user-modal-header .user-email{font-size:.875rem;color:#888;font-family:monospace;margin-top:.25rem}.users-page .user-modal-header .modal-close{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;padding:0;position:absolute;right:1.5rem;top:1.5rem}.users-page .user-modal-header .modal-close:hover{color:#fff}.users-page .user-modal-body{padding:1.5rem}.users-page .user-modal-section h4{font-size:1rem;font-weight:400;margin-bottom:1rem}.users-page .user-modal-hint{font-size:.75rem;color:#888;margin-top:-.5rem;margin-bottom:1rem}.users-page .user-roles-checkboxes{display:flex;flex-direction:column;gap:.5rem}.users-page .user-services-checkboxes{display:flex;flex-direction:column;gap:.5rem;max-height:240px;overflow:auto}.users-page .user-role-checkbox-label{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:transparent;border:1px solid #2c2c2c;cursor:pointer;transition:background .2s}.users-page .user-role-checkbox-label.checked{background:#1c1c1c}.users-page .user-role-checkbox-label:hover{background:#0d0d0d}.users-page .user-role-checkbox-label input[type=checkbox]{cursor:pointer}.users-page .user-role-checkbox-label .role-info{flex:1}.users-page .user-role-checkbox-label .role-info .role-name{font-weight:400;margin-bottom:.25rem}.users-page .user-role-checkbox-label .role-info .role-description{font-size:.75rem;color:#888;margin-bottom:.5rem}.users-page .user-role-checkbox-label .role-info .role-permissions-count{font-size:.75rem;color:#888}.users-page .user-modal-footer{padding:1.5rem;border-top:1px solid #1c1c1c;display:flex;gap:1rem;justify-content:flex-end}@media (max-width: 768px){.users-page .user-modal-footer{flex-direction:column}}.users-page .user-cancel-button{padding:.5rem 1rem;background:#444;color:#fff;border:none;cursor:pointer;font-size:.875rem}.users-page .user-cancel-button:hover{background:#555}.users-page .user-save-button{padding:.5rem 1rem;background:#6c2bd9;color:#fff;border:none;cursor:pointer;font-size:.875rem}.users-page .user-save-button:hover{background:#7c3aed}.users-page .user-save-button:disabled{opacity:.6;cursor:not-allowed}.roles-page .roles-columns-container{display:flex;gap:0;position:relative;align-items:flex-start}@media (max-width: 1024px){.roles-page .roles-columns-container{flex-direction:column}}.roles-page .roles-list-panel{width:30%;min-width:300px;border-right:1px solid var(--border-primary);position:sticky;top:0;align-self:flex-start;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 1024px){.roles-page .roles-list-panel{width:100%;position:static;border-right:none;border-bottom:1px solid var(--border-primary);max-height:40vh;min-width:auto}}.roles-page .roles-list{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.roles-page .roles-create-button{padding:.5rem 1rem;background:var(--accent-primary);color:var(--text-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;transition:background-color .2s ease}.roles-page .roles-create-button:hover{background:var(--accent-secondary)}.roles-page .role-card{padding:1rem;background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.roles-page .role-card:hover{border-color:var(--border-primary);background:var(--bg-hover)}.roles-page .role-card.active{background:var(--bg-secondary);border-color:var(--accent-primary)}.roles-page .role-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.roles-page .role-name{font-weight:400}.roles-page .role-lock-badge{font-size:.75rem;color:var(--text-muted);padding:.125rem .5rem;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.roles-page .role-description{font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.roles-page .role-stats{font-size:.75rem;color:var(--text-secondary);display:flex;gap:1rem}.roles-page .role-detail-panel{flex:1;padding:1.5rem;display:flex;flex-direction:column;min-width:0}@media (max-width: 1024px){.roles-page .role-detail-panel{width:100%}}.roles-page .role-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary)}@media (max-width: 768px){.roles-page .role-detail-header{flex-direction:column;gap:1rem}}.roles-page .role-detail-title h2{font-size:2rem;font-weight:300;margin-bottom:.5rem}.roles-page .role-detail-title p{color:var(--text-secondary);font-size:.875rem}.roles-page .role-delete-button{padding:.5rem 1rem;background:var(--accent-danger);color:var(--text-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;transition:background-color .2s ease}.roles-page .role-delete-button:hover{background:#dc2626}.roles-page .role-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.roles-page .role-edit-button{padding:.5rem 1rem;background:var(--accent-primary);color:var(--text-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;transition:background-color .2s ease}.roles-page .role-edit-button:hover{background:var(--accent-secondary)}.roles-page .role-permissions-section{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:1.5rem}.roles-page .role-permissions-section h3{font-size:1.25rem;font-weight:400;margin-bottom:1.5rem}.roles-page .role-permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}@media (max-width: 768px){.roles-page .role-permissions-grid{grid-template-columns:1fr}}.roles-page .permission-category{margin-bottom:1.5rem}.roles-page .permission-category-title{font-size:.875rem;font-weight:500;text-transform:uppercase;color:var(--text-muted);margin-bottom:.75rem}.roles-page .permission-checkbox-group{display:flex;flex-direction:column;gap:.5rem}.roles-page .permission-item{padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);display:flex;justify-content:space-between;align-items:center}.roles-page .permission-item.active{background:var(--bg-hover);border-color:var(--border-primary)}.roles-page .permission-item .permission-name{font-family:monospace;font-size:.875rem;color:var(--accent-success)}.roles-page .permission-item .permission-description{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.roles-page .permission-item .permission-check{color:var(--accent-success);font-size:1.25rem}.roles-page .role-users-section{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:1.5rem;margin-top:1.5rem}.roles-page .role-users-section h3{font-size:1.25rem;font-weight:400;margin-bottom:1rem}.roles-page .role-users-list{display:flex;flex-direction:column;gap:.5rem}.roles-page .role-user-item{padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);font-size:.875rem}.roles-page .role-detail-empty{text-align:center;color:var(--text-muted);padding-top:3rem}.roles-page .role-create-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.roles-page .role-create-modal{background:#0d0d0d;border:1px solid #1c1c1c;width:600px;max-width:90vw;max-height:80vh;overflow:auto}.roles-page .role-create-modal .modal-header{padding:1.5rem;border-bottom:1px solid #1c1c1c;display:flex;justify-content:space-between;align-items:center}.roles-page .role-create-modal .modal-header h3{font-size:1.25rem;font-weight:400}.roles-page .role-create-modal .modal-header .modal-close{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;padding:0}.roles-page .role-create-modal .modal-header .modal-close:hover{color:#fff}.roles-page .role-create-modal .modal-body{padding:1.5rem}.roles-page .role-form-group{margin-bottom:1.5rem}.roles-page .role-form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;color:#b0b0b0}.roles-page .role-form-group input[type=text],.roles-page .role-form-group textarea{width:100%;padding:.75rem;border:1px solid #2c2c2c;background:#0d0d0d;color:#fff;font-size:.875rem;font-family:inherit}.roles-page .role-form-group input[type=text]::placeholder,.roles-page .role-form-group textarea::placeholder{color:#555}.roles-page .role-form-group textarea{min-height:80px;resize:vertical}.roles-page .permission-category-group{margin-bottom:1rem}.roles-page .permission-category-label{font-size:.75rem;font-weight:500;text-transform:uppercase;color:#888;margin-bottom:.5rem}.roles-page .permission-checkbox-label{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer;font-size:.875rem;transition:background .2s}.roles-page .permission-checkbox-label.checked{background:#1c1c1c}.roles-page .permission-checkbox-label input[type=checkbox]{cursor:pointer}.roles-page .permission-checkbox-label span{font-family:monospace}.roles-page .role-modal-actions{padding:1.5rem;border-top:1px solid #1c1c1c;display:flex;gap:1rem;justify-content:flex-end}@media (max-width: 768px){.roles-page .role-modal-actions{flex-direction:column}}.roles-page .role-modal-cancel{padding:.5rem 1rem;background:#444;color:#fff;border:none;cursor:pointer;font-size:.875rem}.roles-page .role-modal-cancel:hover{background:#555}.roles-page .role-save-button{padding:.5rem 1rem;background:#6c2bd9;color:#fff;border:none;cursor:pointer;font-size:.875rem}.roles-page .role-save-button:hover{background:#7c3aed}.roles-page .role-save-button:disabled{opacity:.6;cursor:not-allowed}.permissions-page .permissions-sync-button{padding:.75rem 1.5rem;background:#6c2bd9;color:#fff;border:none;cursor:pointer;font-size:.875rem}.permissions-page .permissions-sync-button:hover{background:#7c3aed}.permissions-page .permissions-sync-button:disabled{opacity:.6;cursor:not-allowed}.permissions-page .permissions-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}@media (max-width: 768px){.permissions-page .permissions-stats{grid-template-columns:1fr}}.permissions-page .stat-card{background:#050505;border:1px solid #1c1c1c;padding:1.5rem;text-align:center}.permissions-page .stat-card .stat-value{font-size:2rem;font-weight:300;color:#6c2bd9;margin-bottom:.5rem}.permissions-page .stat-card .stat-label{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.permissions-page .permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}@media (max-width: 768px){.permissions-page .permissions-grid{grid-template-columns:1fr}}.permissions-page .permission-category-card{background:#050505;border:1px solid #1c1c1c;padding:1.5rem}.permissions-page .category-title{font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#6c2bd9;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #1c1c1c}.permissions-page .permission-list{display:flex;flex-direction:column;gap:.75rem}.permissions-page .permission-item{padding:1rem;background:#0d0d0d;border:1px solid #2c2c2c;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.permissions-page .permission-item.inactive{opacity:.5;border-color:#1c1c1c}.permissions-page .permission-info{flex:1}.permissions-page .permission-name{font-family:monospace;font-size:.875rem;color:#10b981;margin-bottom:.5rem}.permissions-page .permission-description{font-size:.75rem;color:#b0b0b0;margin-bottom:.5rem}.permissions-page .permission-meta{display:flex;gap:1rem;font-size:.75rem;color:#666}.permissions-page .meta-item{display:inline-block}.permissions-page .inactive-badge{padding:.125rem .5rem;background:#2c2c2c;border-radius:2px;font-size:.625rem;text-transform:uppercase;letter-spacing:.05em}.permissions-page .permission-edit-button{padding:.5rem 1rem;background:#444;color:#fff;border:none;cursor:pointer;font-size:.75rem;flex-shrink:0}.permissions-page .permission-edit-button:hover{background:#555}.permissions-page .permission-edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.permissions-page .permission-edit-modal{background:#0d0d0d;border:1px solid #1c1c1c;width:500px;max-width:90vw}.permissions-page .modal-header{padding:1.5rem;border-bottom:1px solid #1c1c1c;display:flex;justify-content:space-between;align-items:flex-start}.permissions-page .modal-header h3{font-size:1.25rem;font-weight:400;margin-bottom:.5rem}.permissions-page .modal-header .permission-name-display{font-family:monospace;font-size:.875rem;color:#10b981}.permissions-page .modal-body{padding:1.5rem}.permissions-page .form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;color:#b0b0b0}.permissions-page .form-group textarea{width:100%;padding:.75rem;border:1px solid #2c2c2c;background:#0d0d0d;color:#fff;font-size:.875rem;font-family:inherit;resize:vertical}.permissions-page .form-group textarea::placeholder{color:#555}.permissions-page .permission-note{margin-top:1rem;padding:1rem;background:#1c1c1c;font-size:.75rem;color:#888;border-left:3px solid #6c2bd9}.permissions-page .modal-footer{padding:1.5rem;border-top:1px solid #1c1c1c;display:flex;gap:1rem;justify-content:flex-end}@media (max-width: 768px){.permissions-page .modal-footer{flex-direction:column}}.permissions-page .cancel-button{padding:.5rem 1rem;background:#444;color:#fff;border:none;cursor:pointer;font-size:.875rem}.permissions-page .cancel-button:hover{background:#555}.permissions-page .save-button{padding:.5rem 1rem;background:#6c2bd9;color:#fff;border:none;cursor:pointer;font-size:.875rem}.permissions-page .save-button:hover{background:#7c3aed}.permissions-page .save-button:disabled{opacity:.6;cursor:not-allowed}.audit-logs-page .audit-action-badge{padding:.25rem .75rem;font-size:.75rem;border-radius:2px;font-family:monospace}.audit-logs-page .audit-action-badge.delete,.audit-logs-page .audit-action-badge.cancel,.audit-logs-page .audit-action-badge.failure{background:#ef4444}.audit-logs-page .audit-action-badge.create{background:#10b981}.audit-logs-page .audit-action-badge.update{background:#f59e0b}.audit-logs-page .audit-action-badge.authentication{background:#3b82f6}.audit-logs-page .audit-action-badge.default{background:#888}.audit-logs-page .audit-resource{font-family:monospace;color:#b0b0b0}.audit-logs-page .audit-resource .resource-type{font-size:.75rem}.audit-logs-page .audit-resource .resource-id{font-size:.65rem;color:#888}.audit-logs-page .audit-resource .no-resource{color:#555;font-size:.875rem}.audit-logs-page .audit-timestamp{font-size:.75rem;color:#b0b0b0}.audit-logs-page .audit-user{font-size:.75rem}.audit-logs-page .audit-user .system-user{color:#888}.audit-logs-page .audit-ip{font-size:.65rem;color:#888;font-family:monospace}.audit-logs-page .audit-ip .ip-address{margin-bottom:.25rem}.audit-logs-page .audit-ip .localhost-ip{color:#f59e0b;cursor:help}.audit-logs-page .audit-ip .device-info{display:flex;gap:.25rem;flex-wrap:wrap;margin-top:.25rem}.audit-logs-page .audit-ip .device-badge{padding:.125rem .375rem;font-size:.625rem;border-radius:2px;background:#444}.audit-logs-page .audit-ip .device-badge.mobile{background:#6c2bd9}.audit-logs-page .audit-ip .device-badge.tablet{background:#7c3aed}.audit-logs-page .audit-ip .device-badge.desktop{background:#555}.audit-logs-page .audit-ip .browser-info{padding:.125rem .375rem;font-size:.625rem;color:#b0b0b0;background:#2c2c2c;border-radius:2px}.audit-logs-page .audit-ip .bot-badge{padding:.125rem .375rem;font-size:.625rem;background:#ef4444;border-radius:2px}.audit-logs-page .audit-details-row{background:#0d0d0d}.audit-logs-page .audit-details-row .details-content{padding:1rem;border-top:1px solid #2c2c2c}.audit-logs-page .audit-details-row .details-json{background:#050505;border:1px solid #2c2c2c;padding:1rem;border-radius:2px;overflow-x:auto}.audit-logs-page .audit-details-row .details-json pre{margin:0;font-family:monospace;font-size:.75rem;color:#10b981;white-space:pre-wrap;word-break:break-all}.api-keys-page .page-description{color:#888;font-size:.875rem;margin-top:.5rem}.api-keys-page .create-token-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#6c2bd9;color:#fff;border:none;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s ease}.api-keys-page .create-token-btn:hover{background:#7c3aed}.api-keys-page .create-token-btn i{font-size:.75rem}.api-keys-page .tokens-table-container{background:#050505;border:1px solid #1c1c1c;overflow-x:auto;margin-bottom:2rem}.api-keys-page .tokens-table{width:100%;border-collapse:collapse;min-width:900px}.api-keys-page .tokens-table thead tr{border-bottom:1px solid #1c1c1c}.api-keys-page .tokens-table th{padding:.875rem 1rem;text-align:left;font-weight:400;color:#888;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.api-keys-page .tokens-table tbody tr{border-bottom:1px solid #1c1c1c;transition:background .2s ease}.api-keys-page .tokens-table tbody tr:hover{background:#0d0d0d}.api-keys-page .tokens-table tbody tr.inactive{opacity:.6}.api-keys-page .tokens-table td{padding:.875rem 1rem;font-size:.875rem}.api-keys-page .token-name{display:flex;flex-direction:column;gap:.25rem}.api-keys-page .token-name code{font-family:SF Mono,Monaco,monospace;font-size:.875rem;color:#fff}.api-keys-page .token-name .token-digest{font-family:SF Mono,Monaco,monospace;font-size:.7rem;color:#666}.api-keys-page .role-badge{display:inline-block;padding:.25rem .5rem;background:#2c2c2c;font-size:.75rem;border-radius:2px;color:#b0b0b0}.api-keys-page .status-badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;border-radius:2px}.api-keys-page .status-badge.active{background:#10b98126;color:#10b981}.api-keys-page .status-badge.revoked{background:#ef444426;color:#ef4444}.api-keys-page .status-badge.expired{background:#f59e0b26;color:#f59e0b}.api-keys-page .meta-cell{color:#888;font-size:.8rem}.api-keys-page .meta-cell .ip-address{font-family:SF Mono,Monaco,monospace;font-size:.7rem;color:#666}.api-keys-page .meta-cell .never{color:#555}.api-keys-page .token-actions{display:flex;gap:.5rem}.api-keys-page .action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #2c2c2c;color:#888;cursor:pointer;transition:all .2s ease}.api-keys-page .action-btn:hover:not(:disabled){border-color:#3c3c3c;color:#fff}.api-keys-page .action-btn:disabled{opacity:.5;cursor:not-allowed}.api-keys-page .action-btn.revoke:hover:not(:disabled){border-color:#f59e0b;color:#f59e0b}.api-keys-page .action-btn.delete:hover:not(:disabled){border-color:#ef4444;color:#ef4444}.api-keys-page .action-btn i{font-size:.75rem}.api-keys-page .empty-state{text-align:center;color:#555;padding:3rem!important}.api-keys-page .api-docs-section{background:#050505;border:1px solid #1c1c1c;padding:1.5rem}.api-keys-page .api-docs-section h3{font-size:1rem;font-weight:400;margin:0 0 1rem;color:#888}.api-keys-page .code-block{background:#0d0d0d;border:1px solid #2c2c2c;margin-bottom:1rem;overflow:hidden}.api-keys-page .code-block:last-child{margin-bottom:0}.api-keys-page .code-header{padding:.5rem .75rem;background:#1c1c1c;border-bottom:1px solid #2c2c2c}.api-keys-page .code-header span{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.api-keys-page .code-block pre{margin:0;padding:1rem;font-family:SF Mono,Monaco,monospace;font-size:.8rem;color:#b0b0b0;line-height:1.5;overflow-x:auto;white-space:pre}.api-keys-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.api-keys-page .modal{background:#0d0d0d;border:1px solid #1c1c1c;width:480px;max-width:90vw;max-height:85vh;overflow:auto}.api-keys-page .modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid #1c1c1c;display:flex;justify-content:space-between;align-items:center}.api-keys-page .modal-header h3{font-size:1.125rem;font-weight:400;margin:0}.api-keys-page .modal-header .modal-close{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;padding:0;line-height:1}.api-keys-page .modal-header .modal-close:hover{color:#fff}.api-keys-page .modal-body{padding:1.5rem}.api-keys-page .modal-footer{padding:1rem 1.5rem;border-top:1px solid #1c1c1c;display:flex;justify-content:flex-end;gap:.75rem}.api-keys-page .form-group{margin-bottom:1.25rem}.api-keys-page .form-group:last-child{margin-bottom:0}.api-keys-page .form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;color:#b0b0b0}.api-keys-page .form-group input,.api-keys-page .form-group select{width:100%;padding:.625rem .75rem;border:1px solid #2c2c2c;background:#050505;color:#fff;font-size:.875rem}.api-keys-page .form-group input:focus,.api-keys-page .form-group select:focus{outline:none;border-color:#6c2bd9}.api-keys-page .form-group .form-hint{margin-top:.375rem;font-size:.75rem;color:#666}.api-keys-page .form-group .role-permissions{margin-top:.5rem;padding:.5rem .75rem;background:#1c1c1c;font-size:.75rem;color:#888;font-family:SF Mono,Monaco,monospace}.api-keys-page .form-group .role-permissions strong{color:#b0b0b0;font-weight:400;margin-right:.5rem}.api-keys-page .btn-primary{padding:.625rem 1.25rem;background:#6c2bd9;color:#fff;border:none;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s ease}.api-keys-page .btn-primary:hover:not(:disabled){background:#7c3aed}.api-keys-page .btn-primary:disabled{opacity:.5;cursor:not-allowed}.api-keys-page .btn-secondary{padding:.625rem 1.25rem;background:#2c2c2c;color:#fff;border:none;cursor:pointer;font-size:.875rem;transition:background .2s ease}.api-keys-page .btn-secondary:hover{background:#3c3c3c}.api-keys-page .token-created-message{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);margin-bottom:1.25rem}.api-keys-page .token-created-message i{color:#10b981;font-size:1.25rem}.api-keys-page .token-created-message p{margin:0;font-size:.875rem;color:#b0b0b0}.api-keys-page .new-token-display{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#050505;border:1px solid #2c2c2c;margin-bottom:1.25rem}.api-keys-page .new-token-display code{flex:1;font-family:SF Mono,Monaco,monospace;font-size:.8rem;color:#10b981;word-break:break-all}.api-keys-page .new-token-display .copy-btn{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#2c2c2c;border:none;color:#888;cursor:pointer;transition:all .2s ease}.api-keys-page .new-token-display .copy-btn:hover{background:#3c3c3c;color:#fff}.api-keys-page .new-token-display .copy-btn .fa-check{color:#10b981}.api-keys-page .token-details{font-size:.875rem;color:#888}.api-keys-page .token-details div{margin-bottom:.375rem}.api-keys-page .token-details div:last-child{margin-bottom:0}.api-keys-page .token-details div strong{color:#b0b0b0;font-weight:400;margin-right:.5rem}.servers-page,.server-detail-page{min-height:100vh;background:#050505;padding:2rem;box-sizing:border-box}.servers-page *,.servers-page *:before,.servers-page *:after,.server-detail-page *,.server-detail-page *:before,.server-detail-page *:after{box-sizing:border-box}.servers-page .mono,.server-detail-page .mono{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.servers-page .error-text,.server-detail-page .error-text{color:#ef4444}.servers-page .error-banner,.server-detail-page .error-banner{display:flex;gap:1rem;padding:1rem;margin-bottom:1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:4px;position:relative}.servers-page .error-banner .error-icon,.server-detail-page .error-banner .error-icon{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:#dc2626;font-size:1.25rem}.servers-page .error-banner .error-content,.server-detail-page .error-banner .error-content{flex:1}.servers-page .error-banner .error-title,.server-detail-page .error-banner .error-title{font-weight:600;color:#fff;margin-bottom:.25rem;text-transform:lowercase}.servers-page .error-banner .error-message,.server-detail-page .error-banner .error-message{color:#b0b0b0;font-size:.875rem;line-height:1.5}.servers-page .error-banner .error-list,.server-detail-page .error-banner .error-list{margin:.5rem 0 0;padding-left:1.25rem;color:#b0b0b0;font-size:.875rem}.servers-page .error-banner .error-hint,.server-detail-page .error-banner .error-hint{margin-top:.75rem;padding:.5rem;background:#0000004d;border-radius:3px;font-size:.875rem;color:#b0b0b0}.servers-page .error-banner .error-hint code,.server-detail-page .error-banner .error-hint code{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;color:#7c3aed;background:#7c3aed1a;padding:.125rem .375rem;border-radius:3px}.servers-page .error-banner .btn-dismiss,.server-detail-page .error-banner .btn-dismiss{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;color:#666;cursor:pointer;padding:.25rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.servers-page .error-banner .btn-dismiss:hover,.server-detail-page .error-banner .btn-dismiss:hover{background:#ffffff1a;color:#fff}.servers-page .tab-content,.server-detail-page .tab-content{padding:1.5rem 0;width:100%}.servers-page .page-header,.server-detail-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #1c1c1c}.servers-page .header-content,.server-detail-page .header-content{flex:1}.servers-page .page-title,.server-detail-page .page-title{display:flex;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:1.75rem;font-weight:600;color:#fff;text-transform:lowercase}.servers-page .page-title i,.server-detail-page .page-title i{color:#7c3aed;font-size:1.5rem}.servers-page .page-description,.server-detail-page .page-description{margin:0;font-size:.875rem;color:#b0b0b0;line-height:1.5}.servers-page .page-header-compact,.server-detail-page .page-header-compact{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;background:#0d0d0d;border-bottom:1px solid #1c1c1c;margin:-2rem -2rem 0}.servers-page .page-header-compact .page-title,.server-detail-page .page-header-compact .page-title{font-size:1.25rem;margin:0}.servers-page .header-left,.server-detail-page .header-left{display:flex;align-items:center;gap:1rem}.servers-page .header-info,.server-detail-page .header-info{display:flex;flex-direction:column;gap:.125rem}.servers-page .page-subtitle,.server-detail-page .page-subtitle{font-size:.8125rem;color:#6b7280;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.servers-page .header-actions,.server-detail-page .header-actions{display:flex;gap:.75rem;align-items:center}.servers-page .btn-primary,.servers-page .btn-secondary,.servers-page .btn-back,.servers-page .btn-action,.server-detail-page .btn-primary,.server-detail-page .btn-secondary,.server-detail-page .btn-back,.server-detail-page .btn-action{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);border:none;text-transform:lowercase;text-decoration:none}.servers-page .btn-primary:disabled,.servers-page .btn-secondary:disabled,.servers-page .btn-back:disabled,.servers-page .btn-action:disabled,.server-detail-page .btn-primary:disabled,.server-detail-page .btn-secondary:disabled,.server-detail-page .btn-back:disabled,.server-detail-page .btn-action:disabled{opacity:.5;cursor:not-allowed}.servers-page .btn-primary,.server-detail-page .btn-primary{background:#7c3aed;color:#fff}@media (hover: hover) and (pointer: fine){.servers-page .btn-primary:not(:disabled):hover,.server-detail-page .btn-primary:not(:disabled):hover{background:#6c2bd9}}.servers-page .btn-secondary,.server-detail-page .btn-secondary{background:transparent;border:1px solid #2c2c2c;color:#b0b0b0}.servers-page .btn-danger,.server-detail-page .btn-danger{background:#dc2626;color:#fff;border:1px solid #dc2626;display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer}@media (hover: hover) and (pointer: fine){.servers-page .btn-danger:not(:disabled):hover,.server-detail-page .btn-danger:not(:disabled):hover{background:#b91c1c;border-color:#b91c1c}}.servers-page .btn-back,.server-detail-page .btn-back{background:transparent;border:1px solid #2c2c2c;color:#b0b0b0;padding:.5rem .75rem}.servers-page .btn-action,.server-detail-page .btn-action{background:transparent;border:1px solid #2c2c2c;color:#b0b0b0;padding:.5rem .875rem;font-size:.75rem}.servers-page .btn-sm,.server-detail-page .btn-sm{padding:.5rem .875rem;font-size:.75rem}@media (hover: hover) and (pointer: fine){.servers-page .btn-secondary:not(:disabled):hover,.servers-page .btn-back:hover,.servers-page .btn-action:not(:disabled):hover,.server-detail-page .btn-secondary:not(:disabled):hover,.server-detail-page .btn-back:hover,.server-detail-page .btn-action:not(:disabled):hover{background:#151515;border-color:#3c3c3c;color:#fff}}.servers-page .btn-icon,.server-detail-page .btn-icon{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#1c1c1c;border:1px solid #2c2c2c;border-radius:4px;color:#b0b0b0;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);text-transform:lowercase}@media (hover: hover) and (pointer: fine){.servers-page .btn-icon:not(:disabled):hover,.server-detail-page .btn-icon:not(:disabled):hover{background:#2c2c2c;border-color:#3c3c3c;color:#fff}}.servers-page .btn-icon:not(:disabled):active,.server-detail-page .btn-icon:not(:disabled):active{transform:translateY(1px)}.servers-page .btn-icon:disabled,.server-detail-page .btn-icon:disabled{opacity:.5;cursor:not-allowed}.servers-page .btn-icon.copied,.server-detail-page .btn-icon.copied{background:#10b9811a;border-color:#10b9814d;color:#10b981}.servers-page .btn-icon i,.server-detail-page .btn-icon i{font-size:.75rem}.servers-page .btn-icon-danger,.server-detail-page .btn-icon-danger{background:#ef444414;border-color:#ef444459;color:#ef4444}@media (hover: hover) and (pointer: fine){.servers-page .btn-icon-danger:not(:disabled):hover,.server-detail-page .btn-icon-danger:not(:disabled):hover{background:#ef444426;border-color:#ef444499;color:#fff}}.servers-page .tabs-container,.server-detail-page .tabs-container{background:#0d0d0d;border-bottom:1px solid #1c1c1c;padding:0 2rem;margin:0 -2rem}.servers-page .tabs,.server-detail-page .tabs{display:flex;gap:0}.servers-page .tab,.server-detail-page .tab{background:transparent;border:none;color:#b0b0b0;padding:.875rem 1.25rem;cursor:pointer;font-size:.8125rem;font-weight:500;position:relative;transition:all .2s cubic-bezier(.25,.46,.45,.94);border-bottom:2px solid transparent;display:flex;align-items:center;gap:.5rem;text-transform:lowercase}.servers-page .tab:disabled,.server-detail-page .tab:disabled{opacity:.3;cursor:not-allowed}.servers-page .tab.active,.server-detail-page .tab.active{color:#7c3aed;border-bottom-color:#7c3aed}@media (hover: hover) and (pointer: fine){.servers-page .tab:not(:disabled):not(.active):hover,.server-detail-page .tab:not(:disabled):not(.active):hover{color:#fff;background:#151515}}.servers-page .panel,.server-detail-page .panel{background:#0d0d0d;border:1px solid #1c1c1c;border-radius:6px;margin-bottom:1rem;overflow:hidden;width:100%}.servers-page .panel-header,.server-detail-page .panel-header{padding:.875rem 1.25rem;border-bottom:1px solid #1c1c1c;display:flex;justify-content:space-between;align-items:center;background:#05050580}.servers-page .panel-title,.server-detail-page .panel-title{font-size:.8125rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.5rem;text-transform:lowercase}.servers-page .panel-title i,.server-detail-page .panel-title i{color:#7c3aed;font-size:.875rem}.servers-page .panel-body,.server-detail-page .panel-body{padding:1.25rem;width:100%}.servers-page .panel-body.no-padding,.server-detail-page .panel-body.no-padding{padding:0}.servers-page .panel-footer,.server-detail-page .panel-footer{padding:.875rem 1.25rem;border-top:1px solid #1c1c1c;background:#050505}.servers-page .panel-footer .action-buttons,.server-detail-page .panel-footer .action-buttons{display:flex;gap:.5rem}.servers-page .panel-description,.server-detail-page .panel-description{color:#b0b0b0;font-size:.8125rem;margin:0 0 1rem;line-height:1.5}.servers-page .panel-hint,.server-detail-page .panel-hint{font-size:.6875rem;color:#6b7280;margin:0}.servers-page .panel-grid,.server-detail-page .panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;align-items:start}@media (max-width: 1200px){.servers-page .panel-grid,.server-detail-page .panel-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.servers-page .panel-grid,.server-detail-page .panel-grid{grid-template-columns:1fr}}.servers-page .panel-grid>.panel,.server-detail-page .panel-grid>.panel{height:100%}.servers-page .panel-actions,.server-detail-page .panel-actions{display:flex;align-items:center;gap:.5rem}.servers-page .status-badge,.server-detail-page .status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .5rem;border-radius:3px;font-size:.6875rem;font-weight:600;text-transform:lowercase;white-space:nowrap}.servers-page .status-success,.server-detail-page .status-success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.servers-page .status-error,.server-detail-page .status-error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.servers-page .status-warning,.server-detail-page .status-warning{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.servers-page .status-info,.server-detail-page .status-info{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.servers-page .status-inactive,.server-detail-page .status-inactive{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.2)}.servers-page .live-badge,.server-detail-page .live-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:600;color:#10b981;text-transform:lowercase;padding:.1875rem .5rem;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:3px}.servers-page .live-dot,.server-detail-page .live-dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.servers-page .setup-badge,.server-detail-page .setup-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .5rem;border-radius:3px;font-size:.6875rem;font-weight:600;text-transform:lowercase}.servers-page .setup-badge.setup-completed,.server-detail-page .setup-badge.setup-completed{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.servers-page .setup-badge.setup-failed,.server-detail-page .setup-badge.setup-failed{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.servers-page .setup-badge.setup-in_progress,.server-detail-page .setup-badge.setup-in_progress{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.servers-page .version-tag,.server-detail-page .version-tag{font-size:.6875rem;font-weight:500;padding:.1875rem .5rem;background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);border-radius:3px;color:#7c3aed;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.servers-page .detail-list,.server-detail-page .detail-list{display:flex;flex-direction:column;width:100%;gap:0}.servers-page .detail-item,.server-detail-page .detail-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #1c1c1c;width:100%;min-height:2rem;gap:1rem}.servers-page .detail-item:first-child,.server-detail-page .detail-item:first-child{padding-top:0}.servers-page .detail-item:last-child,.server-detail-page .detail-item:last-child{border-bottom:none;padding-bottom:0}.servers-page .detail-label,.server-detail-page .detail-label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:lowercase;flex-shrink:0;white-space:nowrap}.servers-page .detail-value,.server-detail-page .detail-value{font-size:.75rem;color:#fff;font-weight:400;text-align:right;word-break:break-word}.servers-page .detail-value.mono,.server-detail-page .detail-value.mono{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.6875rem}.servers-page .empty-state,.server-detail-page .empty-state{padding:3rem 2rem;text-align:center}.servers-page .empty-state h3,.server-detail-page .empty-state h3{font-size:.9375rem;font-weight:600;color:#fff;margin:0 0 .5rem;text-transform:lowercase}.servers-page .empty-state p,.server-detail-page .empty-state p{font-size:.8125rem;color:#b0b0b0;margin:0 0 1.5rem;line-height:1.5}.servers-page .empty-state-small,.server-detail-page .empty-state-small{padding:1.5rem;text-align:center;color:#6b7280;font-size:.8125rem;display:flex;flex-direction:column;align-items:center;gap:.375rem}.servers-page .empty-icon,.server-detail-page .empty-icon{font-size:2.5rem;color:#2c2c2c;margin-bottom:1rem}.servers-page .last-updated,.server-detail-page .last-updated{font-size:.6875rem;color:#6b7280}.servers-page .action-buttons,.server-detail-page .action-buttons{display:flex;gap:.5rem}.server-detail-page .server-stats{display:flex;gap:.75rem;padding:1rem 2rem;background:#0d0d0d;border-bottom:1px solid #1c1c1c;margin:0 -2rem}@media (max-width: 768px){.server-detail-page .server-stats{flex-wrap:wrap}}.server-detail-page .stat-card{flex:1;min-width:140px;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#05050580;border:1px solid #1c1c1c;border-radius:4px}.server-detail-page .stat-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);border-radius:4px;color:#7c3aed;font-size:.875rem;flex-shrink:0}.server-detail-page .stat-icon.docker-icon{background:#3b82f61a;border-color:#3b82f633;color:#3b82f6}.server-detail-page .stat-content{flex:1;min-width:0}.server-detail-page .stat-label{font-size:.625rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.125rem}.server-detail-page .stat-value{font-size:.8125rem;color:#fff;font-weight:500}.server-detail-page .stat-value.mono{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.75rem}.server-detail-page .stat-success,.server-detail-page .stat-error{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:500}.server-detail-page .stat-success{color:#10b981}.server-detail-page .stat-error{color:#ef4444}.server-detail-page .stat-pending{display:flex;align-items:center;gap:.25rem;color:#6b7280;font-size:.75rem}.server-detail-page .stat-docker{display:flex;align-items:baseline;gap:.125rem;font-size:.8125rem}.server-detail-page .stat-docker .docker-running{color:#10b981;font-weight:600}.server-detail-page .stat-docker .docker-sep{color:#6b7280}.server-detail-page .stat-docker .docker-total{color:#b0b0b0}.server-detail-page .stat-resources{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#fff}.server-detail-page .stat-resources .resource-sep{color:#6b7280}.server-detail-page .stat-na{color:#6b7280;font-size:.75rem}.server-detail-page .server-overview{display:flex;flex-direction:column;gap:1rem}.server-detail-page .ssh-key-container{display:flex;flex-direction:column;gap:.75rem;width:100%}.server-detail-page .ssh-key-display{background:#050505;border:1px solid #1c1c1c;border-radius:4px;padding:.75rem 1rem;overflow-x:auto;width:100%}.server-detail-page .ssh-key-text{display:block;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.75rem;line-height:1.5;color:#ccc;word-break:break-all;white-space:pre-wrap;margin:0;padding:0;background:transparent;border:none;width:100%}.server-detail-page .ssh-key-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.server-detail-page .ssh-key-hint{display:block;width:100%;margin-top:.75rem;padding:.5rem .75rem;background:#7c3aed0d;border:1px solid rgba(124,58,237,.15);border-radius:4px;font-size:.6875rem;color:#6b7280;line-height:1.4;text-transform:lowercase}.server-detail-page .docker-quick-stats{display:flex;align-items:center;gap:2rem}.server-detail-page .quick-stat{display:flex;align-items:baseline;gap:.375rem}.server-detail-page .quick-stat-value{font-size:1.5rem;font-weight:600;color:#fff;line-height:1}.server-detail-page .quick-stat-value.stat-running{color:#10b981}.server-detail-page .quick-stat-value.stat-stopped{color:#6b7280}.server-detail-page .quick-stat-label{font-size:.6875rem;color:#6b7280;text-transform:lowercase}.server-detail-page .docker-container-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #1c1c1c}.server-detail-page .container-preview-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#05050580;border:1px solid #1c1c1c;border-radius:4px}.server-detail-page .container-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.server-detail-page .container-dot.running{background:#10b981;box-shadow:0 0 4px #10b98166}.server-detail-page .container-dot.stopped{background:#6b7280}.server-detail-page .container-preview-name{flex:1;font-size:.75rem;color:#fff;font-weight:500;text-transform:lowercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-detail-page .container-preview-stat{font-size:.6875rem;color:#6b7280;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.server-detail-page .container-preview-more{font-size:.6875rem;color:#6b7280;padding:.5rem;grid-column:1/-1}.server-detail-page .server-form{display:flex;flex-direction:column;gap:1.25rem}.server-detail-page .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}@media (max-width: 768px){.server-detail-page .form-grid{grid-template-columns:1fr}}.server-detail-page .form-field{display:flex;flex-direction:column;gap:.375rem}.server-detail-page .form-field .field-hint{margin:0;font-size:.75rem;color:#6b7280;line-height:1.4}.server-detail-page .form-field label{font-size:.8125rem;font-weight:500;color:#fff;text-transform:lowercase}.server-detail-page .form-field input,.server-detail-page .form-field select,.server-detail-page .form-field textarea{background:#151515;border:1px solid #2c2c2c;color:#fff;padding:.625rem .875rem;border-radius:4px;font-size:.8125rem;transition:all .2s cubic-bezier(.25,.46,.45,.94);font-family:inherit}.server-detail-page .form-field input.mono,.server-detail-page .form-field select.mono,.server-detail-page .form-field textarea.mono{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.75rem}.server-detail-page .form-field input:focus,.server-detail-page .form-field select:focus,.server-detail-page .form-field textarea:focus{outline:none;border-color:#7c3aed;background:#1a1a1a}.server-detail-page .toggle-field{position:relative;display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;background:#05050599;border:1px solid #1c1c1c;border-radius:6px;cursor:pointer;grid-column:span 2;transition:border-color .2s cubic-bezier(.25,.46,.45,.94)}.server-detail-page .toggle-field input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.server-detail-page .toggle-field input[type=checkbox]:checked+.toggle-switch{background:#7c3aed59;border-color:#7c3aed}.server-detail-page .toggle-field input[type=checkbox]:checked+.toggle-switch:after{transform:translate(18px);background:#f4f3ff}.server-detail-page .toggle-field input[type=checkbox]:focus-visible+.toggle-switch{box-shadow:0 0 0 2px #7c3aed59}.server-detail-page .toggle-field input[type=checkbox]:disabled+.toggle-switch{opacity:.35}@media (max-width: 768px){.server-detail-page .toggle-field{grid-column:span 1}}.server-detail-page .toggle-switch{position:relative;width:44px;height:24px;border-radius:999px;background:#232323e6;border:1px solid #2c2c2c;flex-shrink:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.server-detail-page .toggle-switch:after{content:"";position:absolute;top:2px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.server-detail-page .toggle-text{display:flex;flex-direction:column;gap:.25rem}.server-detail-page .toggle-title{font-size:.875rem;font-weight:600;color:#fff;text-transform:lowercase}.server-detail-page .toggle-description{font-size:.75rem;color:#6b7280;line-height:1.4;max-width:400px}.server-detail-page .form-errors{display:flex;flex-direction:column;gap:.375rem}.server-detail-page .error-message{display:flex;align-items:center;gap:.375rem;padding:.625rem .875rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:4px;color:#ef4444;font-size:.8125rem}.server-detail-page .form-actions{display:flex;gap:.5rem;padding-top:.25rem}.server-detail-page .panel-full-width{width:100%;max-width:none}.server-detail-page .panel-full-width .logs-container{height:calc(100vh - 350px);min-height:400px;max-height:800px}.server-detail-page .logs-container{height:500px;overflow-y:auto;background:#050505;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.server-detail-page .logs-container::-webkit-scrollbar{width:6px}.server-detail-page .logs-container::-webkit-scrollbar-track{background:#0d0d0d}.server-detail-page .logs-container::-webkit-scrollbar-thumb{background:#2c2c2c;border-radius:3px}.server-detail-page .logs-container::-webkit-scrollbar-thumb:hover{background:#3c3c3c}.server-detail-page .log-line{padding:.375rem 1rem;border-bottom:1px solid #1c1c1c;font-size:.75rem;line-height:1.5}.server-detail-page .log-line.log-error{background:#ef44440d;border-left:2px solid #ef4444}.server-detail-page .log-line.log-error .log-text{color:#ef4444}.server-detail-page .log-line.log-warn{background:#f59e0b0d;border-left:2px solid #f59e0b}.server-detail-page .log-line.log-warn .log-text{color:#f59e0b}.server-detail-page .log-line.log-debug .log-text{color:#9ca3af}.server-detail-page .log-text{color:#ccc;white-space:pre-wrap;word-break:break-all}.server-detail-page .setup-container{max-height:500px;overflow-y:auto;background:#050505}.server-detail-page .setup-container::-webkit-scrollbar{width:6px}.server-detail-page .setup-container::-webkit-scrollbar-track{background:#0d0d0d}.server-detail-page .setup-container::-webkit-scrollbar-thumb{background:#2c2c2c;border-radius:3px}.server-detail-page .setup-container::-webkit-scrollbar-thumb:hover{background:#3c3c3c}.server-detail-page .setup-steps{display:flex;flex-direction:column;gap:.375rem;padding:.75rem}.server-detail-page .setup-step{background:#0d0d0d;border:1px solid #1c1c1c;border-radius:4px;padding:.75rem 1rem;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.server-detail-page .setup-step.step-in_progress{border-color:#3b82f6;background:#3b82f60d}.server-detail-page .setup-step.step-in_progress .step-icon{color:#3b82f6}.server-detail-page .setup-step.step-completed{border-color:#10b981;background:#10b9810d}.server-detail-page .setup-step.step-completed .step-icon{color:#10b981}.server-detail-page .setup-step.step-error{border-color:#ef4444;background:#ef44440d}.server-detail-page .setup-step.step-error .step-icon{color:#ef4444}.server-detail-page .setup-step.step-skipped{border-color:#6b7280;background:#6b72800d}.server-detail-page .setup-step.step-skipped .step-icon{color:#6b7280}.server-detail-page .step-header{display:flex;align-items:center;gap:.625rem}.server-detail-page .step-icon{font-size:.875rem;min-width:.875rem}.server-detail-page .step-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.server-detail-page .step-label{font-size:.8125rem;font-weight:500;color:#fff;text-transform:lowercase}.server-detail-page .step-time{font-size:.6875rem;color:#6b7280;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.server-detail-page .step-output{margin-top:.625rem;padding:.625rem;background:#050505;border:1px solid #1c1c1c;border-radius:4px;max-height:300px;overflow-y:auto}.server-detail-page .output-block{margin-bottom:.5rem}.server-detail-page .output-block:last-child{margin-bottom:0}.server-detail-page .output-command{display:flex;align-items:center;gap:.375rem;margin-bottom:.375rem;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.6875rem}.server-detail-page .output-command .prompt{color:#10b981;-webkit-user-select:none;user-select:none}.server-detail-page .output-command .command{color:#fff;flex:1;word-break:break-all;font-weight:600}.server-detail-page .output-text{padding-left:1rem;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.6875rem}.server-detail-page .output-line{display:flex;gap:.375rem;margin-bottom:.125rem;color:#b0b0b0}.server-detail-page .output-line:last-child{margin-bottom:0}.server-detail-page .output-line .line-time{color:#6b7280;white-space:nowrap;font-size:.625rem}.server-detail-page .output-line .line-text{color:#ccc;flex:1;word-break:break-all}.servers-page .servers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1rem}@media (max-width: 768px){.servers-page .servers-grid{grid-template-columns:1fr}}.servers-page .server-card{background:#0d0d0d;border:1px solid #1c1c1c;border-radius:6px;padding:1.25rem;transition:all .2s cubic-bezier(.25,.46,.45,.94);text-decoration:none;display:block;cursor:pointer}@media (hover: hover) and (pointer: fine){.servers-page .server-card:hover{border-color:#3c3c3c;background:#151515;transform:translateY(-1px)}}.servers-page .server-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.875rem}.servers-page .server-info{flex:1}.servers-page .server-name{font-size:.9375rem;font-weight:600;color:#fff;margin:0 0 .375rem;text-transform:lowercase}.servers-page .server-meta{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7280;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.servers-page .server-divider{color:#2c2c2c}.servers-page .server-status{display:flex;align-items:center;gap:.375rem}.servers-page .server-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.875rem;border-top:1px solid #1c1c1c}.servers-page .server-actions{display:flex;gap:.375rem}.servers-page .server-installed{display:flex;align-items:center;gap:.25rem;font-size:.6875rem;color:#6b7280}.servers-page .server-installed i{color:#7c3aed}.servers-page .inactive-badge{font-size:.6875rem;font-weight:600;padding:.1875rem .5rem;border-radius:3px;background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.2);text-transform:lowercase}.docker-containers-section{display:flex;flex-direction:column;gap:1rem;width:100%}.docker-containers-section .panel{margin-bottom:0;width:100%}.docker-containers-section .panel-body{width:100%}.docker-containers-section .panel-body.refreshing{opacity:.85;transition:opacity .2s cubic-bezier(.25,.46,.45,.94)}.docker-containers-section .docker-error{display:flex;align-items:center;gap:.5rem;color:#ef4444;font-size:.8125rem}.docker-containers-section .docker-error i{font-size:.875rem}.docker-containers-section .docker-version-badge{display:flex;align-items:center}.docker-containers-section .docker-stats-grid{display:flex;gap:1rem;flex-wrap:wrap;width:100%}.docker-containers-section .docker-stat{flex:1;min-width:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:1rem;background:#05050580;border:1px solid #1c1c1c;border-radius:4px}.docker-containers-section .docker-stat-value{font-size:1.75rem;font-weight:600;color:#fff;line-height:1}.docker-containers-section .docker-stat-value.stat-running{color:#10b981}.docker-containers-section .docker-stat-value.stat-stopped{color:#6b7280}.docker-containers-section .docker-stat-label{font-size:.6875rem;color:#6b7280;text-transform:lowercase}.docker-containers-section .container-counts{display:flex;gap:.5rem;margin-left:.5rem;padding-left:.5rem;border-left:1px solid #2c2c2c}.docker-containers-section .container-counts .count-running{font-size:.6875rem;font-weight:500;color:#10b981}.docker-containers-section .container-counts .count-stopped{font-size:.6875rem;font-weight:500;color:#6b7280}.docker-containers-section .containers-list{display:flex;flex-direction:column;width:100%}.docker-containers-section .container-item{border-bottom:1px solid #1c1c1c;width:100%}.docker-containers-section .container-item:last-child{border-bottom:none}.docker-containers-section .container-item.container-item-skeleton .container-header{cursor:default}@media (hover: hover) and (pointer: fine){.docker-containers-section .container-item.container-item-skeleton .container-header:hover{background:transparent}}.docker-containers-section .skeleton-block,.docker-containers-section .skeleton-pill{display:inline-block;background:#ffffff14;border:1px solid rgba(255,255,255,.06);border-radius:8px;animation:skeletonPulse .8s ease-in-out infinite}.docker-containers-section .skeleton-block{height:12px}.docker-containers-section .skeleton-pill{height:14px;width:56px;border-radius:999px}.docker-containers-section .skeleton-state{background:transparent!important;border:none!important}@media (prefers-reduced-motion: reduce){.docker-containers-section .skeleton-block,.docker-containers-section .skeleton-pill{animation:none}}.docker-containers-section .container-header{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.25rem;cursor:pointer;transition:background .2s cubic-bezier(.25,.46,.45,.94);width:100%}@media (hover: hover) and (pointer: fine){.docker-containers-section .container-header:hover{background:#ffffff05}}.docker-containers-section .container-state{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:4px;flex-shrink:0;font-size:.75rem}.docker-containers-section .container-state.state-running{background:#10b9811a;color:#10b981}.docker-containers-section .container-state.state-exited{background:#6b72801a;color:#6b7280}.docker-containers-section .container-state.state-paused{background:#f59e0b1a;color:#f59e0b}.docker-containers-section .container-state.state-restarting{background:#3b82f61a;color:#3b82f6}.docker-containers-section .container-state.state-created{background:#7c3aed1a;color:#7c3aed}.docker-containers-section .container-state.state-unknown{background:#6b72801a;color:#6b7280}.docker-containers-section .container-main{flex:1;min-width:0}.docker-containers-section .container-name{font-size:.8125rem;font-weight:600;color:#fff;text-transform:lowercase;margin-bottom:.125rem}.docker-containers-section .container-image{font-size:.6875rem;color:#6b7280;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.docker-containers-section .container-status{font-size:.6875rem;color:#b0b0b0;white-space:nowrap;min-width:100px}.docker-containers-section .container-resources{display:flex;gap:.875rem}.docker-containers-section .container-resources .resource-item{display:flex;align-items:center;gap:.25rem;font-size:.6875rem;color:#b0b0b0;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.docker-containers-section .container-resources .resource-item i{font-size:.5625rem;color:#6b7280}.docker-containers-section .container-expand{color:#6b7280;font-size:.6875rem;padding:.25rem;margin-left:.5rem}.docker-containers-section .container-details{padding:0 1.25rem 1rem 3.875rem;animation:slideDown .2s cubic-bezier(.25,.46,.45,.94);width:100%;box-sizing:border-box}@media (prefers-reduced-motion: reduce){.docker-containers-section .container-details{animation:none}}.docker-containers-section .container-tools,.docker-containers-section .container-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.docker-containers-section .container-tools+.container-actions{margin-top:.5rem}.docker-containers-section .detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;background:#05050580;border:1px solid #1c1c1c;border-radius:4px;overflow:hidden;width:100%}@media (max-width: 640px){.docker-containers-section .detail-grid{grid-template-columns:1fr}}.docker-containers-section .detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .875rem;border-bottom:1px solid #1c1c1c;border-right:1px solid #1c1c1c}.docker-containers-section .detail-row:nth-child(2n){border-right:none}.docker-containers-section .detail-row:nth-last-child(-n+2){border-bottom:none}@media (max-width: 640px){.docker-containers-section .detail-row{border-right:none}.docker-containers-section .detail-row:last-child{border-bottom:none}}.docker-containers-section .detail-row .detail-key{font-size:.6875rem;color:#6b7280;text-transform:lowercase}.docker-containers-section .detail-row .detail-val{font-size:.6875rem;color:#fff;text-align:right;max-width:65%;word-break:break-all}.docker-containers-section .detail-row .detail-val.mono{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.poll-indicator{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:#6b7280}.poll-indicator i{color:#7c3aed}.last-run-time{font-size:.75rem;color:#6b7280}.last-run-info{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.75rem;color:#6b7280}.last-run-info i{color:#7c3aed;font-size:.6875rem}.setup-tabs{display:flex;gap:.25rem;background:#05050580;border:1px solid #1c1c1c;border-radius:6px;padding:.25rem}.setup-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:transparent;border:none;border-radius:4px;color:#b0b0b0;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);text-transform:lowercase;position:relative}.setup-tab i{font-size:.75rem}.setup-tab:hover:not(.active){background:#15151580;color:#fff}.setup-tab.active{background:#7c3aed;color:#fff}.setup-tab.active .tab-status{background:#fff;box-shadow:0 0 4px #ffffff80}.setup-tab .tab-status{width:6px;height:6px;border-radius:50%;margin-left:.25rem}.setup-tab .tab-status.installing{background:#3b82f6;animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.setup-tab .tab-status.completed{background:#10b981}.logs-tabs{display:flex;gap:0;background:#0d0d0d;border-bottom:1px solid #1c1c1c}.logs-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#b0b0b0;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);text-transform:lowercase}.logs-tab i{font-size:.75rem}.logs-tab:hover:not(.active){color:#fff;background:#15151580}.logs-tab.active{color:#7c3aed;border-bottom-color:#7c3aed}.logs-tab .tab-indicator{width:6px;height:6px;border-radius:50%}.logs-tab .tab-indicator.running{background:#10b981;box-shadow:0 0 4px #10b98180}.logs-tab .tab-indicator.stopped{background:#6b7280}.logs-tab .tab-indicator.error{background:#ef4444}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.servers-page *,.servers-page *:before,.servers-page *:after,.server-detail-page *,.server-detail-page *:before,.server-detail-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.metrics-dashboard-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;background:#0d0d0d}.metrics-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;color:#b0b0b0;font-size:.875rem;z-index:10}.loading-spinner{width:40px;height:40px;border:3px solid #1c1c1c;border-top-color:#6c2bd9;border-radius:50%;animation:spin 1s linear infinite}.metrics-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;color:#ef4444;font-size:.875rem;text-align:center;z-index:10}.metrics-error i{font-size:2rem;opacity:.7}.metrics-error .btn-retry{margin-top:.5rem;padding:.5rem 1rem;background:#6c2bd9;border:none;border-radius:4px;color:#fff;font-size:.75rem;cursor:pointer;transition:background .2s ease}.metrics-error .btn-retry:hover{background:#7c3aed}.metrics-iframe{width:100%;height:100%;border:none;background:#0d0d0d}.metrics-iframe.loading{opacity:0}.metrics-page{max-width:1400px;margin:0 auto;padding:2rem}.metrics-page .skeleton-block,.metrics-page .skeleton-pill{display:inline-block;background:#ffffff14;border:1px solid rgba(255,255,255,.06);border-radius:8px;animation:skeletonPulse .8s ease-in-out infinite}.metrics-page .skeleton-block{height:12px}.metrics-page .skeleton-pill{height:14px;width:56px;border-radius:999px}@media (prefers-reduced-motion: reduce){.metrics-page .skeleton-block,.metrics-page .skeleton-pill{animation:none}}.metrics-page .metrics-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-primary)}.metrics-page .header-left{flex:1;min-width:0}.metrics-page .breadcrumb{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem;margin-bottom:.75rem;flex-wrap:wrap}.metrics-page .breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}@media (hover: hover) and (pointer: fine){.metrics-page .breadcrumb a:hover{color:var(--text-primary)}}.metrics-page .breadcrumb .current{color:var(--text-primary);font-weight:600}.metrics-page h1{font-size:1.5rem;font-weight:600;margin:0 0 .75rem}.metrics-page .badges{display:flex;flex-wrap:wrap;gap:.5rem}.metrics-page .badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary);font-size:.75rem;line-height:1}.metrics-page .header-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.metrics-page .btn.is-active{background:#6c2bd91f;border-color:#6c2bd959;color:var(--text-primary)}.metrics-page .stats-section{margin-bottom:2rem}.metrics-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.metrics-page .stat-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1rem}.metrics-page .stat-label{font-size:.75rem;color:var(--text-muted);text-transform:lowercase;letter-spacing:.03em;margin-bottom:.25rem}.metrics-page .stat-value{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.metrics-page .stat-sub{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.metrics-page .stat-row{display:flex;justify-content:space-between;gap:.75rem;color:var(--text-secondary);font-size:.875rem}.metrics-page .stat-bar{margin-top:.5rem}.metrics-page .stat-progress{width:100%;height:10px;border:1px solid var(--border-primary);border-radius:999px;background:var(--bg-primary);overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.metrics-page .stat-progress::-webkit-progress-bar{background:var(--bg-primary);border-radius:999px}.metrics-page .stat-progress::-webkit-progress-value{background:var(--accent-primary);border-radius:999px;transition:width .2s ease}.metrics-page .stat-progress::-moz-progress-bar{background:var(--accent-primary);border-radius:999px}.metrics-page .card-section{margin-top:2rem}.metrics-page .card-section h2{font-size:1.125rem;font-weight:600;margin:0 0 1rem}.metrics-page .details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}.metrics-page .detail{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:.75rem .875rem}.metrics-page .detail .label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem;text-transform:lowercase}.metrics-page .detail .value{color:var(--text-primary);font-size:.875rem}.metrics-page .value-row{display:flex;align-items:center;gap:.5rem;min-width:0}.metrics-page .value-code{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:.375rem .5rem;overflow-x:auto;white-space:nowrap}.metrics-page .icon-btn{flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}@media (hover: hover) and (pointer: fine){.metrics-page .icon-btn:hover{border-color:#6c2bd959;background:#6c2bd914;color:var(--text-primary)}}@media (prefers-reduced-motion: reduce){.metrics-page .icon-btn{transition:none}}.metrics-page .icon-btn i{font-size:.875rem}.metrics-page .detail .value.link{color:var(--text-primary);text-decoration:none;font-weight:600}@media (hover: hover) and (pointer: fine){.metrics-page .detail .value.link:hover{text-decoration:underline}}.metrics-page .mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.metrics-page .query-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.metrics-page .query-result{margin-top:.75rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.metrics-page .query-result pre{margin:0;color:var(--text-secondary);font-size:.8125rem;line-height:1.5;overflow:auto}.metrics-page .notice{margin:.75rem 0;padding:.75rem .875rem;border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-secondary);font-size:.875rem}.metrics-page .notice.warning{border-color:#f59e0b59;background:#f59e0b14;color:var(--text-primary)}.metrics-page .notice.info{border-color:#3b82f659;background:#3b82f614;color:var(--text-primary)}.metrics-page .health-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;margin-top:.75rem}.metrics-page .health-check{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:.75rem .875rem}.metrics-page .health-check.healthy{border-color:#10b98159;background:#10b9810f}.metrics-page .health-check.unhealthy{border-color:#ef444459;background:#ef44440f}.metrics-page .check-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.25rem}.metrics-page .check-name{font-weight:600;color:var(--text-primary);font-size:.875rem;text-transform:lowercase}.metrics-page .check-status{font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-secondary);line-height:1;white-space:nowrap}.metrics-page .check-status.healthy{border-color:#10b98159;color:var(--accent-success)}.metrics-page .check-status.unhealthy{border-color:#ef444459;color:var(--accent-danger)}.metrics-page .check-message{color:var(--text-secondary);font-size:.8125rem;line-height:1.5;word-break:break-word}.metrics-page .replication-section{margin-top:1rem}.metrics-page .replication-section h3{font-size:.875rem;color:var(--text-muted);margin:0 0 .5rem}.metrics-page .replication-row{display:flex;align-items:baseline;gap:.5rem;padding:.375rem .5rem;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-primary);margin-bottom:.375rem;font-size:.8125rem;color:var(--text-secondary)}.metrics-page .replication-row .client{color:var(--accent-primary);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.metrics-page .replication-row .state.ok{color:var(--accent-success);font-weight:600}.metrics-page .replication-row .state.warn{color:var(--accent-warning);font-weight:600}.metrics-page .replication-row .lsn{color:var(--text-muted);margin-left:auto;font-size:.75rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.metrics-page .actions-section{margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.metrics-page .action-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--bg-secondary);text-decoration:none;color:var(--text-primary);transition:border-color .2s ease,background-color .2s ease,transform .2s cubic-bezier(.25,.46,.45,.94)}@media (hover: hover) and (pointer: fine){.metrics-page .action-card:hover{border-color:#6c2bd959;background:#6c2bd90f;transform:translateY(-1px)}}@media (prefers-reduced-motion: reduce){.metrics-page .action-card{transition:none}.metrics-page .action-card:hover{transform:none}}.metrics-page .action-card .icon{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--border-primary)}.metrics-page .action-card .icon i{font-size:.95rem;color:var(--text-primary)}.metrics-page .action-card .text{display:flex;flex-direction:column;gap:.125rem;min-width:0}.metrics-page .action-card strong{font-size:.875rem;font-weight:600}.metrics-page .action-card small{color:var(--text-muted);font-size:.75rem}.metrics-page .charts-section{margin-top:1.5rem}.metrics-page .charts-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.metrics-page .charts-header .left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.metrics-page .charts-header .right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.metrics-page .data-source{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .625rem;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-secondary);font-size:.75rem}.metrics-page .data-source .dot{width:8px;height:8px;border-radius:999px;background:var(--text-muted)}.metrics-page .data-source.is-prometheus .dot{background:var(--accent-success)}.metrics-page .data-source.is-fallback .dot{background:var(--accent-warning)}.metrics-page .charts-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.metrics-page .charts-grid .span-6{grid-column:span 6}.metrics-page .charts-grid .span-12{grid-column:span 12}@media (max-width: 1100px){.metrics-page .charts-grid .span-6{grid-column:span 12}}.metrics-page .ts-chart{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:.875rem;position:relative;overflow:hidden}.metrics-page .ts-chart-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.metrics-page .ts-chart-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.metrics-page .ts-chart-title-text{font-weight:600;color:var(--text-primary);font-size:.95rem}.metrics-page .ts-chart-subtitle{margin-top:.25rem;color:var(--text-muted);font-size:.75rem}.metrics-page .ts-chart-latest{display:inline-flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.8125rem}.metrics-page .ts-chart-latest-item{display:inline-flex;align-items:center;gap:.375rem}.metrics-page .ts-chart-latest-item .dot,.metrics-page .ts-chart-legend-item .dot,.metrics-page .ts-chart-tooltip-row .dot{width:8px;height:8px;border-radius:999px;background:var(--series-color, var(--accent-primary))}.metrics-page .ts-chart-legend{display:inline-flex;align-items:center;gap:.75rem;color:var(--text-muted);font-size:.75rem;white-space:nowrap}.metrics-page .ts-chart-legend-item{display:inline-flex;align-items:center;gap:.375rem}.metrics-page .ts-chart-body{position:relative}.metrics-page .ts-chart-svg{width:100%;height:180px;display:block}.metrics-page .ts-chart-bg{fill:var(--bg-primary)}.metrics-page .ts-chart-grid line{stroke:#ffffff0f;stroke-width:1}.metrics-page .ts-chart-ylabels text,.metrics-page .ts-chart-xlabels text{fill:var(--text-muted);font-size:11px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.metrics-page .ts-chart-series path{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.metrics-page .ts-chart-hover-line{stroke:#ffffff2e;stroke-width:1;stroke-dasharray:3 3}.metrics-page .ts-chart-tooltip{position:absolute;top:.75rem;right:.75rem;width:240px;background:#0c0c0ceb;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:.625rem .75rem;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.metrics-page .ts-chart-tooltip-time{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:var(--text-primary);font-size:.75rem;margin-bottom:.5rem}.metrics-page .ts-chart-tooltip-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem}.metrics-page .ts-chart-tooltip-row:last-child{margin-bottom:0}.metrics-page .ts-chart-tooltip-row .name{display:inline-flex;align-items:center;gap:.375rem;min-width:0}.metrics-page .ts-chart-tooltip-row .val{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:var(--text-primary)}.metrics-page .ts-chart-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.25rem;padding:1.5rem;color:var(--text-muted);text-align:center}.metrics-page .ts-chart-empty .title{color:var(--text-primary);font-weight:600}.error-page{display:flex;align-items:center;justify-content:center;padding:48px 24px;min-height:60vh}.error-card{width:100%;max-width:720px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:32px}.error-code{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.error-title{margin:0 0 10px;font-size:26px;font-weight:700;color:var(--text-primary)}.error-message{margin:0 0 18px;color:var(--text-secondary);line-height:1.5}.error-details{border:1px solid var(--border-secondary);background:var(--bg-secondary);border-radius:var(--radius-lg);padding:14px 16px;margin:18px 0}.error-detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0}.error-detail-label{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.error-detail-value{color:var(--text-secondary);background:transparent;border:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.error-actions{display:flex;gap:10px;flex-wrap:wrap}.settings-page{min-height:100vh;background:#0d0d0d;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.settings-page .settings-container{max-width:900px;padding:2rem}.settings-page .settings-title{margin-bottom:2rem;font-size:2rem;font-weight:300}.settings-page .settings-section{background:#050505;border:1px solid #1c1c1c;padding:1.5rem;margin-bottom:1.5rem}.settings-page .settings-section-title{margin-bottom:1rem;font-size:1.25rem;font-weight:400}.settings-page .settings-account-info{margin-bottom:1rem}.settings-page .settings-account-info .label{font-size:.875rem;color:#888;margin-bottom:.25rem}.settings-page .settings-account-info .email{font-size:1rem;color:#fff}.settings-page .settings-account-info .name{font-size:.875rem;color:#b0b0b0;margin-top:.25rem}.settings-page .settings-logout-button{background:#444;color:#fff;padding:.5rem 1rem;border:none;cursor:pointer;font-family:inherit;font-size:.875rem}.settings-page .settings-roles-section{margin-bottom:1rem}.settings-page .settings-roles-section .label{font-size:.875rem;color:#888;margin-bottom:.5rem}.settings-page .settings-roles-section .roles-list{display:flex;gap:.5rem;flex-wrap:wrap}.settings-page .settings-roles-section .role-badge{padding:.375rem .75rem;background:#2c2c2c;font-size:.875rem;border-radius:2px}.settings-page .settings-permissions-section .label{font-size:.875rem;color:#888;margin-bottom:.5rem}.settings-page .settings-permissions-section .permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.settings-page .settings-permissions-section .permission-badge{padding:.5rem;background:#0d0d0d;border:1px solid #2c2c2c;font-size:.75rem;font-family:monospace;color:#10b981}.log-delivery-config-container{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.log-delivery-config-container .log-delivery-config-content{max-width:1200px;margin:0 auto;padding:1.5rem}@media (max-width: 768px){.log-delivery-config-container .log-delivery-config-content{padding:1rem}}.log-delivery-config-container .log-delivery-breadcrumb{color:var(--text-muted);font-size:.875rem;margin-bottom:1rem}.log-delivery-config-container .log-delivery-breadcrumb a{color:var(--accent-primary);text-decoration:none}.log-delivery-config-container .log-delivery-breadcrumb a:hover{text-decoration:underline}.log-delivery-config-container .page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.log-delivery-config-container .log-delivery-header-actions{display:inline-flex;gap:.5rem;align-items:center}.log-delivery-config-container .log-delivery-visibility-panel{background:#7c3aed0f;border:1px solid rgba(124,58,237,.18);border-radius:var(--radius-sm);padding:1.25rem;margin-bottom:1.5rem}.log-delivery-config-container .log-delivery-visibility-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.log-delivery-config-container .log-delivery-visibility-title{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary)}.log-delivery-config-container .log-delivery-visibility-controls{display:inline-flex;align-items:center;gap:.5rem}.log-delivery-config-container .log-delivery-visibility-controls select{padding:.5rem .75rem;border-radius:var(--radius-sm);background:var(--bg-primary);border:1px solid var(--border-secondary);color:var(--text-primary);font-size:.875rem;outline:none}.log-delivery-config-container .log-delivery-visibility-empty{color:var(--text-muted);font-size:.875rem;padding:.25rem 0}.log-delivery-config-container .log-delivery-visibility-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}@media (max-width: 900px){.log-delivery-config-container .log-delivery-visibility-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.log-delivery-config-container .log-delivery-visibility-summary .kv{background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);padding:.75rem}.log-delivery-config-container .log-delivery-visibility-summary .k{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem}.log-delivery-config-container .log-delivery-visibility-summary .v{color:var(--text-primary);font-weight:600;font-size:.95rem}.log-delivery-config-container .log-delivery-visibility-summary .muted{color:var(--text-muted);font-weight:500}.log-delivery-config-container .log-delivery-visibility-charts{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.log-delivery-config-container .log-delivery-visibility-charts .span-6{grid-column:span 6}@media (max-width: 900px){.log-delivery-config-container .log-delivery-visibility-charts .span-6{grid-column:span 12}}.log-delivery-config-container .log-delivery-bulk-operations{background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-sm);padding:1.5rem;margin-bottom:2rem}.log-delivery-config-container .log-delivery-bulk-operations h3{margin:0 0 1rem;color:var(--accent-success);font-size:1.125rem;font-weight:400}.log-delivery-config-container .log-delivery-select-all{margin-bottom:1rem}.log-delivery-config-container .log-delivery-select-all label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.log-delivery-config-container .log-delivery-select-all input[type=checkbox]{cursor:pointer;accent-color:var(--accent-success)}.log-delivery-config-container .log-delivery-bulk-form{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:end;margin-bottom:1rem}.log-delivery-config-container .log-delivery-form-group label{display:block;margin-bottom:.5rem;font-size:.875rem}.log-delivery-config-container .log-delivery-form-group input{width:100%;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem}.log-delivery-config-container .log-delivery-form-group input:focus{outline:none;border-color:var(--accent-primary)}.log-delivery-config-container .log-delivery-bulk-actions{display:flex;gap:.5rem}.log-delivery-config-container .log-delivery-bulk-source-id{margin-top:0}.log-delivery-config-container .log-delivery-bulk-source-id-hint{color:var(--text-muted);font-size:.75rem;margin-top:.25rem}.log-delivery-config-container .log-delivery-btn{padding:.75rem 1rem;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;white-space:nowrap;transition:opacity .2s}.log-delivery-config-container .log-delivery-btn:hover:not(:disabled){opacity:.9}.log-delivery-config-container .log-delivery-btn:disabled{cursor:not-allowed;opacity:.5}.log-delivery-config-container .log-delivery-btn-success{background:var(--accent-success);color:var(--text-primary)}.log-delivery-config-container .log-delivery-btn-danger{background:var(--accent-danger);color:var(--text-primary)}.log-delivery-config-container .log-delivery-btn-primary{background:var(--accent-primary);color:var(--text-primary)}.log-delivery-config-container .log-delivery-btn-outline{background:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary)}.log-delivery-config-container .log-delivery-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.log-delivery-config-container .log-delivery-btn-sm{padding:.5rem 1rem}.log-delivery-config-container .log-delivery-components-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.log-delivery-config-container .log-delivery-component-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:1.5rem;transition:all .2s}.log-delivery-config-container .log-delivery-component-card.enabled{background:#10b9810d;border:1px solid rgba(16,185,129,.3)}.log-delivery-config-container .log-delivery-component-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.log-delivery-config-container .log-delivery-component-stats .stat{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);padding:.75rem}.log-delivery-config-container .log-delivery-component-stats .stat-wide{grid-column:1/-1}.log-delivery-config-container .log-delivery-component-stats .k{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem}.log-delivery-config-container .log-delivery-component-stats .v{color:var(--text-primary);font-weight:600;font-size:.9rem}.log-delivery-config-container .log-delivery-component-stats .v.danger{color:var(--accent-danger)}.log-delivery-config-container .log-delivery-component-stats .muted{color:var(--text-muted);font-weight:500}.log-delivery-config-container .log-delivery-component-stats .mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:500}.log-delivery-config-container .log-delivery-component-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary)}.log-delivery-config-container .log-delivery-component-title{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.1rem}.log-delivery-config-container .log-delivery-component-title input[type=checkbox]{cursor:pointer;accent-color:var(--accent-success)}.log-delivery-config-container .log-delivery-component-kind{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.log-delivery-config-container .log-delivery-status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.log-delivery-config-container .log-delivery-status-badge.enabled{background:#10b98133;color:var(--accent-success);border:1px solid rgba(16,185,129,.5)}.log-delivery-config-container .log-delivery-status-badge.disabled{background:#6b728033;color:var(--text-muted);border:1px solid rgba(107,114,128,.5)}.log-delivery-config-container .log-delivery-toggle-container{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s ease}@media (hover: hover) and (pointer: fine){.log-delivery-config-container .log-delivery-toggle-container:hover{background:var(--bg-hover)}}.log-delivery-config-container .log-delivery-toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.log-delivery-config-container .log-delivery-toggle-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:2;pointer-events:none}.log-delivery-config-container .log-delivery-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-tertiary);transition:.3s;border-radius:24px;z-index:1}.log-delivery-config-container .log-delivery-toggle-slider.enabled{background-color:var(--accent-success)}.log-delivery-config-container .log-delivery-toggle-knob{position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;transform:translate(0)}.log-delivery-config-container .log-delivery-toggle-knob.enabled{transform:translate(24px)}.log-delivery-config-container .log-delivery-toggle-label{margin:0}.log-delivery-config-container .log-delivery-config-fields{margin-top:1rem}.log-delivery-config-container .log-delivery-form-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-primary)}.log-delivery-config-container .log-delivery-summary{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:1.5rem}.log-delivery-config-container .log-delivery-summary h2{margin:0 0 1rem;font-size:1.25rem;font-weight:400}.log-delivery-config-container .log-delivery-summary-table{width:100%;border-collapse:collapse}.log-delivery-config-container .log-delivery-summary-table thead tr{border-bottom:1px solid var(--border-primary)}.log-delivery-config-container .log-delivery-summary-table th{text-align:left;padding:.75rem;color:var(--text-muted);font-weight:400;font-size:.75rem;text-transform:uppercase}.log-delivery-config-container .log-delivery-summary-table tbody tr{border-bottom:1px solid var(--border-primary)}.log-delivery-config-container .log-delivery-summary-table td{padding:.75rem}.log-delivery-config-container .log-delivery-summary-table td.kind{text-transform:capitalize}.log-delivery-config-container .log-delivery-summary-table td.endpoint{font-size:.875rem}.log-delivery-config-container .log-delivery-summary-empty{text-align:center;padding:2rem;color:var(--text-muted)}.log-delivery-config-container .log-delivery-summary-empty p:last-child{font-size:.875rem}.log-delivery-config-container .log-delivery-summary-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5;color:var(--text-muted)}.log-delivery-config-container .log-delivery-back-container{margin-top:2rem;text-align:center}.log-delivery-config-container .log-delivery-back-link{display:inline-block;background:var(--bg-tertiary);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:var(--radius-sm);text-decoration:none;font-size:.875rem;transition:opacity .2s}.log-delivery-config-container .log-delivery-back-link:hover{opacity:.9}@media (max-width: 768px){.log-delivery-config-container .log-delivery-bulk-form,.log-delivery-config-container .log-delivery-components-grid{grid-template-columns:1fr}}.env-vars-page{max-width:1200px;margin:0 auto;padding:1.5rem}.env-vars-page .page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.env-vars-page .page-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.env-vars-page .env-vars-filters{padding:1.25rem;margin-bottom:1rem}.env-vars-page .env-vars-filters-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1rem}.env-vars-page .env-vars-table{margin-bottom:1.5rem}.env-vars-page .env-var-key{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem;color:var(--text-primary)}.env-vars-page .env-var-value code{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:.125rem .375rem}.env-vars-page .env-var-reveal{display:inline-flex;align-items:center;gap:.5rem;border:0;background:transparent;padding:0;color:inherit;cursor:pointer}@media (hover: hover) and (pointer: fine){.env-vars-page .env-var-reveal:hover code{border-color:var(--border-secondary);background:var(--bg-tertiary)}}.env-vars-page .env-var-reveal i{color:var(--text-muted);font-size:.875rem}.env-vars-page .env-var-group-link{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}@media (hover: hover) and (pointer: fine){.env-vars-page .env-var-group-link:hover{color:var(--text-primary)}}.env-vars-page .env-var-group-unassigned{color:var(--text-muted)}.env-vars-page .env-var-value-revealed{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.env-vars-page .env-var-value-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.env-vars-page .env-var-value-pre{margin:0;padding:.5rem .75rem;width:100%;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem;line-height:1.55;max-height:240px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.env-vars-page .env-var-value-pre--error{border-color:#ef444459;color:var(--accent-danger)}.env-vars-page .env-var-hide,.env-vars-page .env-var-copy{display:inline-flex;align-items:center;gap:.5rem}.env-vars-page .env-var-actions{display:flex;justify-content:flex-end;gap:.5rem}.env-vars-page .env-vars-empty{text-align:center;padding:2rem 1rem;color:var(--text-muted)}.env-vars-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1000}.env-vars-page .modal{width:min(680px,100%);padding:1.25rem}.env-vars-page .modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.env-vars-page .modal-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.env-vars-page .modal-body{display:flex;flex-direction:column;gap:.75rem}.env-vars-page .modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem;flex-wrap:wrap}.env-vars-page .btn.disabled{opacity:.5;pointer-events:none}@media (max-width: 768px){.env-vars-page{padding:1rem}.env-vars-page .page-header{flex-direction:column;align-items:flex-start}.env-vars-page .env-vars-filters-grid{grid-template-columns:1fr}.env-vars-page .modal-actions{flex-direction:column;align-items:stretch}}.env-var-form-page{max-width:920px;margin:0 auto;padding:1.5rem}.env-var-form-page .back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);text-decoration:none;font-size:.875rem;margin-bottom:1rem;transition:color .2s ease}@media (hover: hover) and (pointer: fine){.env-var-form-page .back-link:hover{color:var(--text-secondary)}}.env-var-form-page .env-var-form-card{padding:1.5rem}.env-var-form-page .env-var-form-title{display:flex;align-items:center;gap:.75rem;margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.env-var-form-page .env-var-errors{display:flex;flex-direction:column;gap:.25rem}.env-var-form-page .env-var-form{display:flex;flex-direction:column;gap:1rem}.env-var-form-page .env-var-form-actions{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap;margin-top:.5rem}@media (max-width: 768px){.env-var-form-page,.env-var-form-page .env-var-form-card{padding:1rem}.env-var-form-page .env-var-form-actions{flex-direction:column;align-items:stretch}}.env-groups-page{max-width:1400px;margin:0 auto;padding:1.5rem}.env-groups-page .page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.env-groups-page .page-title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.env-groups-page .page-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.env-groups-page .env-group-name{font-weight:600;color:var(--text-primary)}.env-groups-page .env-group-link{color:var(--text-primary);text-decoration:none}@media (hover: hover) and (pointer: fine){.env-groups-page .env-group-link:hover{color:#7c3aed}}.env-groups-page .env-group-actions{display:flex;justify-content:flex-end;gap:.5rem}.env-groups-page .env-group-row{cursor:pointer}@media (hover: hover) and (pointer: fine){.env-groups-page .env-group-row:hover{background:#ffffff05}}.env-groups-page .env-groups-empty{text-align:center;padding:2rem 1rem;color:var(--text-muted)}.env-group-show{max-width:1400px;margin:0 auto;padding:1.5rem}.env-group-show .back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);text-decoration:none;font-size:.875rem;margin-bottom:.75rem;transition:color .2s ease}@media (hover: hover) and (pointer: fine){.env-group-show .back-link:hover{color:var(--text-secondary)}}.env-group-show .page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.env-group-show .page-title{display:flex;align-items:center;gap:.75rem;margin:.25rem 0 0;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.env-group-show .page-subtitle{margin:.5rem 0 0;color:var(--text-muted);max-width:720px}.env-group-show .page-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.env-group-show .env-group-grid{align-items:start}.env-group-show .card-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary)}.env-group-show .env-vars-list{display:flex;flex-direction:column;gap:.5rem}.env-group-show .env-var-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;gap:.75rem;align-items:start;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.env-group-show .env-var-row:last-child{border-bottom:0}.env-group-show .env-var-key{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:var(--text-primary);font-size:.8125rem}.env-group-show .env-var-value code{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:.125rem .375rem}.env-group-show .env-var-reveal{display:inline-flex;align-items:center;gap:.5rem;border:0;background:transparent;padding:0;color:inherit;cursor:pointer}@media (hover: hover) and (pointer: fine){.env-group-show .env-var-reveal:hover code{border-color:var(--border-secondary);background:var(--bg-tertiary)}}.env-group-show .env-var-reveal i{color:var(--text-muted);font-size:.875rem}.env-group-show .env-var-value-revealed{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.env-group-show .env-var-value-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.env-group-show .env-var-value-pre{margin:0;padding:.5rem .75rem;width:100%;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem;line-height:1.55;max-height:240px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.env-group-show .env-var-value-pre--error{border-color:#ef444459;color:var(--accent-danger)}.env-group-show .env-var-hide,.env-group-show .env-var-copy{display:inline-flex;align-items:center;gap:.5rem}.env-group-show .services-list{display:flex;flex-direction:column;gap:.5rem}.env-group-show .service-link-row{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.env-group-show .service-link-row:last-child{border-bottom:0}@media (hover: hover) and (pointer: fine){.env-group-show .service-link-row:hover{color:var(--text-primary)}}@media (max-width: 1024px){.env-groups-page,.env-group-show{padding:1rem}.env-group-show .page-header{flex-direction:column;align-items:flex-start}}.env-group-form-page{max-width:920px;margin:0 auto;padding:1.5rem}.env-group-form-page .back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);text-decoration:none;font-size:.875rem;margin-bottom:1rem;transition:color .2s ease}@media (hover: hover) and (pointer: fine){.env-group-form-page .back-link:hover{color:var(--text-secondary)}}.env-group-form-page .env-group-form-card{padding:1.5rem}.env-group-form-page .env-group-form-title{display:flex;align-items:center;gap:.75rem;margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.env-group-form-page .env-group-errors{display:flex;flex-direction:column;gap:.25rem}.env-group-form-page .env-group-form{display:flex;flex-direction:column;gap:1rem}.env-group-form-page .env-group-form-actions{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap;margin-top:.5rem}@media (max-width: 768px){.env-group-form-page,.env-group-form-page .env-group-form-card{padding:1rem}.env-group-form-page .env-group-form-actions{flex-direction:column;align-items:stretch}}.webhook-requests-page{max-width:1400px;margin:0 auto;padding:1.5rem}.webhook-requests-page .page-header{margin-bottom:1.25rem}.webhook-requests-page .page-title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.webhook-requests-page .mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem}.webhook-requests-page .webhook-req-actions{display:flex;justify-content:flex-end}.webhook-requests-page .empty-cell{text-align:center;padding:2rem 1rem;color:var(--text-muted)}.webhook-request-show{max-width:1400px;margin:0 auto;padding:1.5rem}.webhook-request-show .back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);text-decoration:none;font-size:.875rem;margin-bottom:.75rem;transition:color .2s ease}@media (hover: hover) and (pointer: fine){.webhook-request-show .back-link:hover{color:var(--text-secondary)}}.webhook-request-show .page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.webhook-request-show .page-title{display:flex;align-items:center;gap:.75rem;margin:.25rem 0 0;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.webhook-request-show .request-subtitle{margin-top:.5rem;color:var(--text-muted)}.webhook-request-show .mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem}.webhook-request-show .card-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary)}.webhook-request-show .webhook-request-grid{align-items:start;margin-bottom:1rem}.webhook-request-show .details-kv{display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;align-items:baseline}.webhook-request-show .k{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.webhook-request-show .v{color:var(--text-secondary);font-size:.875rem;word-break:break-word}.webhook-request-show .payload-card{padding:0}.webhook-request-show .payload-pre{margin:0;padding:1rem;max-height:520px;overflow:auto;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem;line-height:1.5;white-space:pre}@media (max-width: 1024px){.webhook-requests-page,.webhook-request-show{padding:1rem}.webhook-request-show .page-header{flex-direction:column;align-items:flex-start}}.error-tracking-page,.error-tracking-category{max-width:1400px;margin:0 auto;padding:1.5rem}.error-tracking-page .page-header,.error-tracking-category .page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.error-tracking-page .page-title,.error-tracking-category .page-title{display:flex;align-items:center;gap:.75rem;margin:.25rem 0 0;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.error-tracking-page .page-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.error-tracking-category .back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);text-decoration:none;font-size:.875rem;margin-bottom:.75rem;transition:color .2s ease}@media (hover: hover) and (pointer: fine){.error-tracking-category .back-link:hover{color:var(--text-secondary)}}.error-tracking-page .card-title,.error-tracking-category .card-title{font-weight:600;color:var(--text-primary)}.error-tracking-page .muted,.error-tracking-category .muted{color:var(--text-muted)}.error-tracking-page .mono,.error-tracking-category .mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem}.error-tracking-page .error-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}.error-tracking-page .error-category-card{display:block;text-decoration:none;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:.875rem 1rem;transition:background-color .2s ease,border-color .2s ease}@media (hover: hover) and (pointer: fine){.error-tracking-page .error-category-card:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}}.error-tracking-page .category-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.error-tracking-page .category-name{font-weight:700;color:var(--text-primary)}.error-tracking-page .error-count{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#ef4444;padding:.25rem .625rem;border-radius:999px;font-weight:700;font-size:.875rem}.error-tracking-page .category-code{color:var(--text-muted)}.error-tracking-page .recent-errors-card{margin-top:1rem}.error-tracking-page .error-list,.error-tracking-category .error-list{display:flex;flex-direction:column;gap:.75rem}.error-tracking-page .error-entry,.error-tracking-category .error-entry{padding:.875rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:#ffffff05}.error-tracking-page .error-entry.level-warn,.error-tracking-category .error-entry.level-warn{border-left:2px solid #F59E0B}.error-tracking-page .error-entry.level-error,.error-tracking-category .error-entry.level-error{border-left:2px solid #EF4444}.error-tracking-page .error-entry.level-info,.error-tracking-category .error-entry.level-info{border-left:2px solid #3B82F6}.error-tracking-page .error-entry-header,.error-tracking-category .error-entry-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}.error-tracking-page .level-pill,.error-tracking-category .level-pill{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#ef4444;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase}.error-tracking-page .category-pill{background:#7c3aed1f;border:1px solid rgba(124,58,237,.25);color:#c4b5fd;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700}.error-tracking-page .error-entry-message,.error-tracking-category .error-entry-message{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.error-tracking-page .error-context,.error-tracking-category .error-context{margin-top:.75rem}.error-tracking-page .context-pre,.error-tracking-category .context-pre{margin:.5rem 0 0;padding:.75rem;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);overflow:auto;max-height:360px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem;line-height:1.5}@media (max-width: 1024px){.error-tracking-page,.error-tracking-category{padding:1rem}.error-tracking-page .page-header{flex-direction:column;align-items:flex-start}}.deployments-dashboard,.deployment-details-dashboard{max-width:1200px;margin:0 auto;padding:1.5rem}.deployments-dashboard .breadcrumb-nav,.deployment-details-dashboard .breadcrumb-nav{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding:1rem 1.25rem;background:#1a1a1a;border-radius:8px;border:1px solid #2C2C2C;box-shadow:0 1px 3px #0003}.deployments-dashboard .breadcrumb-link,.deployment-details-dashboard .breadcrumb-link{display:flex;align-items:center;gap:.5rem;color:#ccc;text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s cubic-bezier(.25,.46,.45,.94)}@media (hover: hover) and (pointer: fine){.deployments-dashboard .breadcrumb-link:hover,.deployment-details-dashboard .breadcrumb-link:hover{color:#7c3aed;text-decoration:none}}.deployments-dashboard .breadcrumb-separator,.deployment-details-dashboard .breadcrumb-separator{color:#666;font-size:.75rem}.deployments-dashboard .breadcrumb-current,.deployment-details-dashboard .breadcrumb-current{color:#fff;font-weight:700;font-size:.875rem}.deployments-dashboard .page-title,.deployment-details-dashboard .page-title{display:flex;align-items:center;gap:1rem;font-size:2.25rem;font-weight:800;color:#fff;margin:0 0 0 1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.deployments-dashboard .page-title i,.deployment-details-dashboard .page-title i{color:#7c3aed;font-size:2rem}.deployments-dashboard .deploy-section,.deployment-details-dashboard .deploy-section{margin-bottom:3rem}.deployments-dashboard .deploy-status-indicator,.deployment-details-dashboard .deploy-status-indicator{display:flex;align-items:center}.deployments-dashboard .card,.deployment-details-dashboard .card{background:#0d0d0d;border:1px solid #2C2C2C;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 8px #0000004d}.deployments-dashboard .card-header,.deployment-details-dashboard .card-header{padding:1.25rem 1.5rem;border-bottom:1px solid #2C2C2C;display:flex;justify-content:space-between;align-items:center;background:#7c3aed0d}.deployments-dashboard .card-header h2,.deployment-details-dashboard .card-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:#fff;margin:0}.deployments-dashboard .deploy-form,.deployment-details-dashboard .deploy-form{max-width:none}.deployments-dashboard .form-grid,.deployment-details-dashboard .form-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}.deployments-dashboard .form-group,.deployment-details-dashboard .form-group{display:flex;flex-direction:column;margin-bottom:1rem}.deployments-dashboard .form-label,.deployment-details-dashboard .form-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:#fff;font-weight:600;font-size:.875rem}.deployments-dashboard .label-icon,.deployment-details-dashboard .label-icon{font-size:1rem;color:#7c3aed}.deployments-dashboard .form-control,.deployment-details-dashboard .form-control{padding:.875rem 1rem;background:#1a1a1a;border:2px solid #3C3C3C;border-radius:6px;color:#fff;font-size:.875rem;transition:all .2s cubic-bezier(.25,.46,.45,.94);box-shadow:inset 0 1px 3px #0000004d}.deployments-dashboard .form-control:hover,.deployment-details-dashboard .form-control:hover{border-color:#5b5b5b}.deployments-dashboard .form-control:focus,.deployment-details-dashboard .form-control:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a,inset 0 1px 3px #0000004d}.deployments-dashboard .sha-input,.deployment-details-dashboard .sha-input{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.875rem;letter-spacing:.5px}.deployments-dashboard .form-help,.deployment-details-dashboard .form-help{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.8125rem;color:#ccc;font-weight:500}.deployments-dashboard .help-icon,.deployment-details-dashboard .help-icon{font-size:.875rem;color:#7c3aed}.deployments-dashboard .form-actions,.deployment-details-dashboard .form-actions{display:flex;gap:1rem;align-items:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #2C2C2C}.deployments-dashboard .btn,.deployment-details-dashboard .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 4px #0003}.deployments-dashboard .btn:disabled,.deployment-details-dashboard .btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.deployments-dashboard .btn-primary,.deployment-details-dashboard .btn-primary{background:#7c3aed;color:#fff}@media (hover: hover) and (pointer: fine){.deployments-dashboard .btn-primary:hover:not(:disabled),.deployment-details-dashboard .btn-primary:hover:not(:disabled){background:#6c2bd9;transform:translateY(-1px);box-shadow:0 4px 8px #7c3aed4d}}.deployments-dashboard .btn-secondary,.deployment-details-dashboard .btn-secondary{background:#3c3c3c;color:#fff;border:1px solid #5B5B5B}@media (hover: hover) and (pointer: fine){.deployments-dashboard .btn-secondary:hover:not(:disabled),.deployment-details-dashboard .btn-secondary:hover:not(:disabled){background:#4c4c4c;border-color:#7c3aed;transform:translateY(-1px)}}.deployments-dashboard .btn-danger,.deployment-details-dashboard .btn-danger{background:#ef4444;color:#fff}@media (hover: hover) and (pointer: fine){.deployments-dashboard .btn-danger:hover:not(:disabled),.deployment-details-dashboard .btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}}.deployments-dashboard .btn-success,.deployment-details-dashboard .btn-success{background:#10b981;color:#fff}@media (hover: hover) and (pointer: fine){.deployments-dashboard .btn-success:hover:not(:disabled),.deployment-details-dashboard .btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}}.deployments-dashboard .btn-sm,.deployment-details-dashboard .btn-sm{padding:.625rem 1rem;font-size:.8125rem}.deployments-dashboard .btn-lg,.deployment-details-dashboard .btn-lg{padding:1rem 2rem;font-size:1rem;font-weight:700}.deployments-dashboard .deploy-status,.deployment-details-dashboard .deploy-status{margin:1rem 0;padding:1rem;border-radius:4px}.deployments-dashboard .deploy-status.info,.deployment-details-dashboard .deploy-status.info{background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);color:#7c3aed}.deployments-dashboard .deploy-status.success,.deployment-details-dashboard .deploy-status.success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#10b981}.deployments-dashboard .deploy-status.warning,.deployment-details-dashboard .deploy-status.warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#f59e0b}.deployments-dashboard .deploy-status.error,.deployment-details-dashboard .deploy-status.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.deployments-dashboard .deploy-message,.deployment-details-dashboard .deploy-message{font-weight:500}.deployments-dashboard .loading-spinner,.deployment-details-dashboard .loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.deployments-dashboard .latest-deployment-section,.deployment-details-dashboard .latest-deployment-section{margin-bottom:3rem}.deployments-dashboard .deployment-overview,.deployment-details-dashboard .deployment-overview{display:grid;gap:1.5rem}.deployments-dashboard .deployment-status,.deployment-details-dashboard .deployment-status{display:flex;justify-content:center}.deployments-dashboard .meta-grid,.deployment-details-dashboard .meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.deployments-dashboard .meta-item,.deployment-details-dashboard .meta-item{display:flex;flex-direction:column;gap:.25rem}.deployments-dashboard .meta-label,.deployment-details-dashboard .meta-label{font-size:.75rem;color:#ccc;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.deployments-dashboard .meta-value,.deployment-details-dashboard .meta-value{font-size:.875rem;color:#fff;font-weight:500}.deployments-dashboard .meta-value.commit-hash,.deployment-details-dashboard .meta-value.commit-hash{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;color:#7c3aed;font-weight:600}.deployments-dashboard .timestamp-with-relative,.deployment-details-dashboard .timestamp-with-relative{display:flex;flex-direction:column;gap:.25rem}.deployments-dashboard .timestamp-relative,.deployment-details-dashboard .timestamp-relative{font-size:1.125rem;font-weight:700;color:#fff;letter-spacing:-.01em}.deployments-dashboard .timestamp-absolute,.deployment-details-dashboard .timestamp-absolute{font-size:.8125rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;color:#b0b0b0;font-weight:400}.deployments-dashboard .deployment-actions-full,.deployment-details-dashboard .deployment-actions-full{display:flex;gap:1rem;justify-content:center}.deployments-dashboard .recent-deployments-section,.deployment-details-dashboard .recent-deployments-section{margin-bottom:2rem}.deployments-dashboard .section-header,.deployment-details-dashboard .section-header{margin-bottom:1.5rem}.deployments-dashboard .section-header h2,.deployment-details-dashboard .section-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:600;color:#fff;margin:0}.deployments-dashboard .section-icon,.deployment-details-dashboard .section-icon{font-size:1.25rem}.deployments-dashboard .deployments-list,.deployment-details-dashboard .deployments-list{display:flex;flex-direction:column;gap:.75rem}.deployments-dashboard .deployment-item,.deployment-details-dashboard .deployment-item{opacity:0;animation:fadeInUp .5s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.deployments-dashboard .deployment-card-link,.deployment-details-dashboard .deployment-card-link{display:block;text-decoration:none;color:inherit}.deployments-dashboard .deployment-card-mini,.deployment-details-dashboard .deployment-card-mini{background:#0d0d0d;border:1px solid #2C2C2C;border-radius:6px;padding:1rem;transition:all .2s cubic-bezier(.25,.46,.45,.94);box-shadow:0 1px 3px #0003;cursor:pointer}@media (hover: hover) and (pointer: fine){.deployments-dashboard .deployment-card-link:hover .deployment-card-mini,.deployment-details-dashboard .deployment-card-link:hover .deployment-card-mini{transform:translateY(-2px);border-color:#7c3aed;box-shadow:0 4px 12px #0000004d}}.deployments-dashboard .deployment-header-mini,.deployment-details-dashboard .deployment-header-mini{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:1rem}.deployments-dashboard .deployment-info-mini,.deployment-details-dashboard .deployment-info-mini{flex:1;min-width:0}.deployments-dashboard .deployment-repo-link,.deployment-details-dashboard .deployment-repo-link{text-decoration:none;color:inherit;transition:color .2s cubic-bezier(.25,.46,.45,.94)}@media (hover: hover) and (pointer: fine){.deployments-dashboard .deployment-repo-link:hover,.deployment-details-dashboard .deployment-repo-link:hover{color:var(--accent-primary)}.deployments-dashboard .deployment-repo:hover .repo-icon,.deployment-details-dashboard .deployment-repo:hover .repo-icon{transform:scale(1.1)}}.deployments-dashboard .deployment-repo,.deployment-details-dashboard .deployment-repo{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.9375rem;font-weight:600;color:var(--text-primary);transition:color .2s cubic-bezier(.25,.46,.45,.94);min-width:0;flex:1}.deployments-dashboard .repo-icon,.deployment-details-dashboard .repo-icon{font-size:.875rem;color:var(--accent-primary);transition:transform .2s cubic-bezier(.25,.46,.45,.94);flex-shrink:0}.deployments-dashboard .repo-name,.deployment-details-dashboard .repo-name{flex-shrink:0;white-space:nowrap}.deployments-dashboard .commit-message-inline,.deployment-details-dashboard .commit-message-inline{color:var(--text-secondary);font-weight:400;font-size:.875rem;margin-left:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.deployments-dashboard .commit-message-inline:before,.deployment-details-dashboard .commit-message-inline:before{content:"•";margin-right:.5rem;color:var(--text-muted)}.deployments-dashboard .deployment-commit-mini,.deployment-details-dashboard .deployment-commit-mini{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;margin-top:.25rem}.deployments-dashboard .commit-hash,.deployment-details-dashboard .commit-hash{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;color:#7c3aed;font-weight:600;background:#7c3aed1a;padding:.125rem .375rem;border-radius:3px;font-size:.75rem}.deployments-dashboard .branch-name,.deployment-details-dashboard .branch-name{color:#b0b0b0;font-size:.75rem}.deployments-dashboard .deployment-status-mini,.deployment-details-dashboard .deployment-status-mini{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;flex-shrink:0}.deployments-dashboard .deployment-meta-mini,.deployment-details-dashboard .deployment-meta-mini{display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;gap:1.5rem;margin-bottom:.75rem;padding:.75rem;background:var(--bg-hover);border-radius:var(--radius-sm);border:1px solid var(--border-secondary);flex-wrap:wrap}.deployments-dashboard .meta-rows-group,.deployment-details-dashboard .meta-rows-group{display:flex;flex-direction:row;align-items:center;gap:1.5rem;flex-wrap:wrap;flex:1}.deployments-dashboard .meta-row,.deployment-details-dashboard .meta-row{display:flex;align-items:baseline;gap:.5rem;font-size:.8125rem}.deployments-dashboard .deployment-action-badge,.deployment-details-dashboard .deployment-action-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:100px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid transparent;transition:background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease}.deployments-dashboard .deployment-action-badge i,.deployment-details-dashboard .deployment-action-badge i{font-size:.75rem}.deployments-dashboard .deployment-action-badge:focus-visible,.deployment-details-dashboard .deployment-action-badge:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.deployments-dashboard .deployment-action-badge.action-redeploy,.deployment-details-dashboard .deployment-action-badge.action-redeploy{background:#7c3aed26;color:#7c3aed;border-color:#7c3aed4d}.deployments-dashboard .deployment-action-badge.action-cancel,.deployment-details-dashboard .deployment-action-badge.action-cancel{background:#ef444426;color:#ef4444;border-color:#ef44444d}@media (hover: hover) and (pointer: fine){.deployments-dashboard .deployment-action-badge.action-redeploy:hover,.deployment-details-dashboard .deployment-action-badge.action-redeploy:hover{background:#7c3aed38;border-color:#7c3aed73}.deployments-dashboard .deployment-action-badge.action-cancel:hover,.deployment-details-dashboard .deployment-action-badge.action-cancel:hover{background:#ef444438;border-color:#ef444473}}.deployments-dashboard .deployment-action-badge:active,.deployment-details-dashboard .deployment-action-badge:active{opacity:.9}.deployments-dashboard .meta-row .meta-label,.deployment-details-dashboard .meta-row .meta-label{color:#b0b0b0;font-weight:600;text-transform:uppercase;font-size:.6875rem;letter-spacing:.05em;white-space:nowrap}.deployments-dashboard .meta-row .meta-value,.deployment-details-dashboard .meta-row .meta-value{color:#fff;font-weight:500}.deployments-dashboard .meta-row .timestamp-with-relative,.deployment-details-dashboard .meta-row .timestamp-with-relative{display:flex;flex-direction:row;align-items:baseline;gap:.5rem}.deployments-dashboard .meta-row .timestamp-relative,.deployment-details-dashboard .meta-row .timestamp-relative{font-size:.875rem;font-weight:700;color:#fff;white-space:nowrap}.deployments-dashboard .meta-row .timestamp-absolute,.deployment-details-dashboard .meta-row .timestamp-absolute{font-size:.6875rem;color:#b0b0b0;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;white-space:nowrap}.deployments-dashboard .deployment-actions-mini,.deployment-details-dashboard .deployment-actions-mini{display:flex;gap:.5rem;flex-wrap:wrap}.deployments-dashboard .status-badge,.deployment-details-dashboard .status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:100px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 1px 3px #0003;white-space:nowrap}.deployments-dashboard .status-dot,.deployment-details-dashboard .status-dot{width:6px;height:6px;border-radius:50%;box-shadow:0 0 3px #0000004d}.deployments-dashboard .status-running,.deployment-details-dashboard .status-running{background:#7c3aed26;color:#7c3aed;border:2px solid rgba(124,58,237,.3)}.deployments-dashboard .status-running .status-dot,.deployment-details-dashboard .status-running .status-dot{background:#7c3aed;animation:pulse 1.5s infinite}.deployments-dashboard .status-success,.deployment-details-dashboard .status-success{background:#10b98126;color:#10b981;border:2px solid rgba(16,185,129,.3)}.deployments-dashboard .status-success .status-dot,.deployment-details-dashboard .status-success .status-dot{background:#10b981}.deployments-dashboard .status-failed,.deployment-details-dashboard .status-failed{background:#ef444426;color:#ef4444;border:2px solid rgba(239,68,68,.3)}.deployments-dashboard .status-failed .status-dot,.deployment-details-dashboard .status-failed .status-dot{background:#ef4444}.deployments-dashboard .status-queued,.deployment-details-dashboard .status-queued{background:#f59e0b26;color:#f59e0b;border:2px solid rgba(245,158,11,.3)}.deployments-dashboard .status-queued .status-dot,.deployment-details-dashboard .status-queued .status-dot{background:#f59e0b;animation:pulse 2s infinite}.deployments-dashboard .status-healthy,.deployment-details-dashboard .status-healthy{background:#10b98126;color:#10b981;border:2px solid rgba(16,185,129,.3)}.deployments-dashboard .status-healthy .status-dot,.deployment-details-dashboard .status-healthy .status-dot{background:#10b981}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.deployments-dashboard .empty-state,.deployment-details-dashboard .empty-state{padding:3rem 2rem;text-align:center}.deployments-dashboard .empty-icon,.deployment-details-dashboard .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.7;color:#b0b0b0}.deployments-dashboard .empty-state h3,.deployment-details-dashboard .empty-state h3{color:#fff;margin-bottom:.5rem}.deployments-dashboard .empty-state p,.deployment-details-dashboard .empty-state p{color:#b0b0b0;max-width:400px;margin:0 auto}.deployments-dashboard .deployment-header,.deployment-details-dashboard .deployment-header{margin-bottom:2rem}.deployments-dashboard .header-content,.deployment-details-dashboard .header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.deployments-dashboard .header-info,.deployment-details-dashboard .header-info{flex:1}.deployments-dashboard .deployment-title,.deployment-details-dashboard .deployment-title{display:flex;align-items:center;gap:.75rem;font-size:2rem;font-weight:700;color:#fff;margin:0 0 1rem}.deployments-dashboard .deployment-title i,.deployment-details-dashboard .deployment-title i{color:#7c3aed}.deployments-dashboard .deployment-status-main,.deployment-details-dashboard .deployment-status-main{display:flex;align-items:center}.deployments-dashboard .header-actions,.deployment-details-dashboard .header-actions{display:flex;gap:1rem;align-items:center}.deployments-dashboard .deployment-meta-grid,.deployment-details-dashboard .deployment-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.deployments-dashboard .deployment-meta-grid .meta-item,.deployment-details-dashboard .deployment-meta-grid .meta-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#050505;border-radius:4px;border:1px solid #1C1C1C;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.deployments-dashboard .deployment-meta-grid .meta-item.full-width,.deployment-details-dashboard .deployment-meta-grid .meta-item.full-width{grid-column:1/-1}.deployments-dashboard .deployment-meta-grid .meta-item-highlight,.deployment-details-dashboard .deployment-meta-grid .meta-item-highlight{background:#7c3aed0d;border:1px solid rgba(124,58,237,.2)}.deployments-dashboard .servers-list,.deployment-details-dashboard .servers-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.deployments-dashboard .deployment-targets-hint,.deployment-details-dashboard .deployment-targets-hint{font-size:.75rem;color:#999;margin-top:.5rem}.deployments-dashboard .server-badge,.deployment-details-dashboard .server-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);border-radius:4px;color:#fff;font-size:.8125rem;font-weight:600;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;transition:all .2s cubic-bezier(.25,.46,.45,.94)}@media (hover: hover) and (pointer: fine){.deployments-dashboard .server-badge:hover,.deployment-details-dashboard .server-badge:hover{background:#7c3aed26;border-color:#7c3aed80}}.deployments-dashboard .commit-message,.deployment-details-dashboard .commit-message{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;color:#fff;font-size:.875rem;line-height:1.5;word-break:break-word;white-space:pre-wrap;display:block}.deployments-dashboard .not-available,.deployment-details-dashboard .not-available{color:#666;font-style:italic;font-size:.875rem}.deployments-dashboard .deployment-meta-grid .meta-label,.deployment-details-dashboard .deployment-meta-grid .meta-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#b0b0b0;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.deployments-dashboard .deployment-meta-grid .meta-label i,.deployment-details-dashboard .deployment-meta-grid .meta-label i{color:#7c3aed;width:16px}.deployments-dashboard .deployment-meta-grid .meta-value,.deployment-details-dashboard .deployment-meta-grid .meta-value{font-size:1rem;color:#fff;font-weight:500;word-break:break-all}.deployments-dashboard .meta-value .service-link,.deployment-details-dashboard .meta-value .service-link{color:#7c3aed;text-decoration:none;font-weight:600;transition:color .2s cubic-bezier(.25,.46,.45,.94)}@media (hover: hover) and (pointer: fine){.deployments-dashboard .meta-value .service-link:hover,.deployment-details-dashboard .meta-value .service-link:hover{color:#6c2bd9;text-decoration:underline}}.deployments-dashboard .deployment-meta-grid .meta-value.commit-hash,.deployment-details-dashboard .deployment-meta-grid .meta-value.commit-hash{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;color:#7c3aed;background:#7c3aed1a;padding:.5rem;border-radius:4px;font-weight:600}.deployments-dashboard .error-section,.deployment-details-dashboard .error-section{margin:2rem 0;padding:1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:4px}.deployments-dashboard .error-header,.deployment-details-dashboard .error-header{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#ef4444;margin-bottom:1rem;font-size:1.125rem}.deployments-dashboard .error-content,.deployment-details-dashboard .error-content{color:#fff;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;background:#0d0d0d;padding:1rem;border-radius:4px;white-space:pre-wrap;word-break:break-word}.deployments-dashboard .deployment-actions,.deployment-details-dashboard .deployment-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #1C1C1C}.deployments-dashboard .timeline,.deployment-details-dashboard .timeline{position:relative;--timeline-gutter: 3rem;--timeline-line-x: 1rem;--timeline-item-pad: 0px;padding-left:var(--timeline-gutter)}.deployments-dashboard .timeline:before,.deployment-details-dashboard .timeline:before{content:"";position:absolute;left:var(--timeline-line-x);top:0;bottom:0;width:2px;background:#2c2c2c}.deployments-dashboard .timeline-item,.deployment-details-dashboard .timeline-item{position:relative;margin-bottom:2rem;padding-left:var(--timeline-item-pad)}.deployments-dashboard .timeline-marker,.deployment-details-dashboard .timeline-marker{position:absolute;left:calc(var(--timeline-line-x) - var(--timeline-gutter) - var(--timeline-item-pad));transform:translate(-50%);top:.25rem;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;border:2px solid #0D0D0D}.deployments-dashboard .timeline-item.success .timeline-marker,.deployment-details-dashboard .timeline-item.success .timeline-marker{background:#10b981;color:#fff}.deployments-dashboard .timeline-item.failure .timeline-marker,.deployment-details-dashboard .timeline-item.failure .timeline-marker{background:#ef4444;color:#fff}.deployments-dashboard .timeline-item.in-progress .timeline-marker,.deployment-details-dashboard .timeline-item.in-progress .timeline-marker{background:#7c3aed;color:#fff}.deployments-dashboard .timeline-item:not(.success):not(.failure):not(.in-progress) .timeline-marker,.deployment-details-dashboard .timeline-item:not(.success):not(.failure):not(.in-progress) .timeline-marker{background:#050505;color:#b0b0b0;border-color:#2c2c2c}.deployments-dashboard .timeline-content,.deployment-details-dashboard .timeline-content{background:#0d0d0d;border:1px solid #1C1C1C;border-radius:4px;padding:1.5rem}.deployments-dashboard .timeline-header,.deployment-details-dashboard .timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.deployments-dashboard .timeline-header strong,.deployment-details-dashboard .timeline-header strong{color:#fff;font-size:1.125rem}.deployments-dashboard .timeline-time,.deployment-details-dashboard .timeline-time{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#b0b0b0}.deployments-dashboard .timeline-time-relative,.deployment-details-dashboard .timeline-time-relative{font-weight:600;color:#fff;margin-left:.25rem}.deployments-dashboard .timeline-time-absolute,.deployment-details-dashboard .timeline-time-absolute{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;color:#b0b0b0;margin-left:.25rem}.deployments-dashboard .timeline-message,.deployment-details-dashboard .timeline-message{color:#ccc;margin-bottom:1rem;line-height:1.6}.deployments-dashboard .timeline-details,.deployment-details-dashboard .timeline-details{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.deployments-dashboard .detail-item,.deployment-details-dashboard .detail-item{background:#050505;padding:.5rem .75rem;border-radius:4px;font-size:.875rem;color:#ccc}.deployments-dashboard .timeline-duration,.deployment-details-dashboard .timeline-duration{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#b0b0b0;font-weight:500}.deployments-dashboard .log-count,.deployment-details-dashboard .log-count{font-size:.75rem;color:#b0b0b0;font-weight:500;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace}.deployments-dashboard .logs-container-wrapper,.deployment-details-dashboard .logs-container-wrapper{position:relative}.deployments-dashboard .logs-new-lines-pill,.deployment-details-dashboard .logs-new-lines-pill{position:absolute;left:50%;bottom:.75rem;transform:translate(-50%);z-index:2;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:999px;background:#1a1a1af2;border:1px solid #2C2C2C;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;box-shadow:0 6px 16px #00000059;transition:background-color .2s ease,border-color .2s ease,transform .2s cubic-bezier(.25,.46,.45,.94)}.deployments-dashboard .logs-new-lines-pill i,.deployment-details-dashboard .logs-new-lines-pill i{color:#7c3aed}@media (hover: hover) and (pointer: fine){.deployments-dashboard .logs-new-lines-pill:hover,.deployment-details-dashboard .logs-new-lines-pill:hover{background:#1a1a1a;border-color:#7c3aed80;transform:translate(-50%) translateY(-1px)}}@media (prefers-reduced-motion: reduce){.deployments-dashboard .logs-new-lines-pill,.deployment-details-dashboard .logs-new-lines-pill{transition:none}.deployments-dashboard .logs-new-lines-pill:hover,.deployment-details-dashboard .logs-new-lines-pill:hover{transform:translate(-50%)}}.deployments-dashboard .logs-container,.deployment-details-dashboard .logs-container{background:#0d0d0d;border:1px solid #1C1C1C;border-radius:4px;padding:1.5rem;max-height:600px;min-height:400px;overflow-y:auto!important;overflow-x:auto!important;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.875rem;line-height:1.6;display:block}.deployments-dashboard .log-line,.deployment-details-dashboard .log-line{color:#ccc;margin-bottom:.5rem;word-break:break-word;white-space:pre-wrap}.deployments-dashboard .log-line:last-child,.deployment-details-dashboard .log-line:last-child{margin-bottom:0}.deployments-dashboard .empty-logs,.deployment-details-dashboard .empty-logs{text-align:center;padding:3rem 2rem}.deployments-dashboard .waiting-indicator,.deployment-details-dashboard .waiting-indicator{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#7c3aed;font-weight:500;font-size:.875rem}@media (max-width: 768px){.deployments-dashboard .form-grid,.deployment-details-dashboard .form-grid,.deployments-dashboard .meta-grid,.deployment-details-dashboard .meta-grid{grid-template-columns:1fr}.deployments-dashboard .deployment-header-mini,.deployment-details-dashboard .deployment-header-mini{flex-direction:column;gap:1rem}.deployments-dashboard .deployment-status-mini,.deployment-details-dashboard .deployment-status-mini{justify-content:flex-start;width:100%}.deployments-dashboard .deployment-repo,.deployment-details-dashboard .deployment-repo{max-width:100%;overflow:hidden}.deployments-dashboard .commit-message-inline,.deployment-details-dashboard .commit-message-inline{max-width:50%}.deployments-dashboard .deployment-meta-mini,.deployment-details-dashboard .deployment-meta-mini{flex-wrap:nowrap;gap:1rem}.deployments-dashboard .meta-rows-group,.deployment-details-dashboard .meta-rows-group{flex-wrap:wrap;min-width:0;flex:1}.deployments-dashboard .deployment-actions-mini,.deployment-details-dashboard .deployment-actions-mini{justify-content:center}.deployments-dashboard .form-actions,.deployment-details-dashboard .form-actions{flex-direction:column;width:100%}.deployments-dashboard .btn-lg,.deployment-details-dashboard .btn-lg{width:100%}.deployments-dashboard .header-content,.deployment-details-dashboard .header-content{flex-direction:column;gap:1rem}.deployments-dashboard .deployment-title,.deployment-details-dashboard .deployment-title{font-size:1.5rem}.deployments-dashboard .deployment-meta-grid,.deployment-details-dashboard .deployment-meta-grid{grid-template-columns:1fr;gap:1rem}.deployments-dashboard .deployment-meta-grid .meta-item,.deployment-details-dashboard .deployment-meta-grid .meta-item{padding:.75rem}.deployments-dashboard .deployment-actions,.deployment-details-dashboard .deployment-actions{flex-direction:column;align-items:stretch}.deployments-dashboard .timeline,.deployment-details-dashboard .timeline{--timeline-gutter: 1.5rem;--timeline-line-x: .75rem;--timeline-item-pad: 1.5rem;padding-left:var(--timeline-gutter)}.deployments-dashboard .timeline:before,.deployment-details-dashboard .timeline:before{left:var(--timeline-line-x)}.deployments-dashboard .timeline-marker,.deployment-details-dashboard .timeline-marker{left:calc(var(--timeline-line-x) - var(--timeline-gutter) - var(--timeline-item-pad));transform:translate(-50%);width:1.5rem;height:1.5rem;font-size:.75rem}.deployments-dashboard .timeline-item,.deployment-details-dashboard .timeline-item{padding-left:var(--timeline-item-pad)}.deployments-dashboard .timeline-header,.deployment-details-dashboard .timeline-header{flex-direction:column;align-items:flex-start;gap:.5rem}.deployments-dashboard .logs-container,.deployment-details-dashboard .logs-container{padding:1rem;font-size:.8125rem}.deployments-dashboard .empty-logs,.deployment-details-dashboard .empty-logs{padding:2rem 1rem}}@media (max-width: 480px){.deployments-dashboard .deployment-title,.deployment-details-dashboard .deployment-title{font-size:1.25rem}.deployments-dashboard .deployment-meta-grid .meta-item,.deployment-details-dashboard .deployment-meta-grid .meta-item{padding:.5rem}.deployments-dashboard .timeline-content,.deployment-details-dashboard .timeline-content{padding:1rem}.deployments-dashboard .logs-container,.deployment-details-dashboard .logs-container{max-height:400px}}@media (max-width: 768px){.deployments-dashboard,.deployment-details-dashboard{padding:1rem}}.deploy-any-error{margin-top:.75rem}.deploy-anything{margin-top:.75rem;display:flex;flex-direction:column;gap:1rem}.deploy-anything-modes{display:inline-flex;gap:.5rem;padding:.25rem;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-tertiary);width:fit-content}.deploy-mode-btn{border:1px solid transparent;background:transparent;color:var(--text-muted);padding:.35rem .6rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.deploy-mode-btn.active{background:#7c3aed29;border-color:#7c3aed59;color:var(--text-primary)}@media (hover: hover) and (pointer: fine){.deploy-mode-btn:hover:not(:disabled){background:#7c3aed1a;color:var(--text-primary);border-color:#7c3aed40}}.deploy-mode-btn:disabled{opacity:.5;cursor:not-allowed}.deploy-anything-grid{display:grid;grid-template-columns:1fr 360px;gap:1rem;align-items:start}@media (max-width: 1100px){.deploy-anything-grid{grid-template-columns:1fr}}.deploy-field{display:flex;flex-direction:column;gap:.5rem}.deploy-field+.deploy-field{margin-top:.75rem}.deploy-field-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.deploy-field-label{color:var(--text-primary);font-weight:700;font-size:.8125rem}.deploy-field-meta{color:var(--text-muted);font-size:.75rem;font-weight:700}.deploy-field-help{margin:0;color:var(--text-muted);font-size:.75rem}.deploy-branch-recent{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}.deploy-branch-recent-label{color:var(--text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.deploy-branch-recent-list{display:flex;flex-wrap:wrap;gap:.5rem}.deploy-branch-chip{border:1px solid var(--border-primary);background:#ffffff05;color:var(--text-secondary);border-radius:var(--radius-md);padding:.35rem .6rem;font-size:.75rem;font-weight:700;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.deploy-branch-chip.active{background:#7c3aed29;border-color:#7c3aed59;color:var(--text-primary)}@media (hover: hover) and (pointer: fine){.deploy-branch-chip:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-secondary);color:var(--text-primary)}}.deploy-branch-chip:disabled{opacity:.6;cursor:not-allowed}.deploy-branch-controls{display:grid;grid-template-columns:1fr;gap:.5rem}.deploy-sha-controls{display:flex;gap:.75rem;align-items:center}.deploy-sha-controls .form-control{flex:1;min-width:0}.deploy-commit-list{border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-tertiary);overflow:hidden;max-height:260px;overflow-y:auto}.deploy-commit-row{width:100%;text-align:left;padding:.65rem .75rem;background:transparent;border:none;border-top:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.deploy-commit-row:first-child{border-top:none}.deploy-commit-row.active{background:#7c3aed1a;border-top-color:#7c3aed40}@media (hover: hover) and (pointer: fine){.deploy-commit-row:hover:not(:disabled){background:var(--bg-hover)}}.deploy-commit-row:disabled{opacity:.65;cursor:not-allowed}.deploy-commit-top{display:flex;align-items:center;gap:.75rem}.deploy-commit-sha{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;color:var(--text-primary);white-space:nowrap}.deploy-commit-message{flex:1;min-width:0;font-size:.8125rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deploy-commit-bottom{margin-top:.25rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.75rem;color:var(--text-muted)}.deploy-empty{padding:.75rem;color:var(--text-muted);font-size:.8125rem}.deploy-preview{border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-tertiary);padding:.75rem}.deploy-preview-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-primary)}.deploy-preview-title{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.deploy-preview-env{color:var(--text-muted);font-size:.75rem}.deploy-preview-body{padding-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.deploy-preview-row{display:grid;grid-template-columns:90px 1fr;gap:.75rem;align-items:start}.deploy-preview-k{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.deploy-preview-v{color:var(--text-secondary);font-size:.8125rem;line-height:1.35;overflow-wrap:anywhere}.deploy-preview-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:.25rem;color:var(--accent-primary);font-size:.8125rem;font-weight:700}.deploy-preview-empty{padding-top:.75rem;color:var(--text-muted);font-size:.8125rem}.deploy-actions{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.deploy-actions-help{margin:0;color:var(--text-muted);font-size:.75rem;line-height:1.35}.deploy-confirm{border:1px solid rgba(245,158,11,.25);background:#f59e0b1a;border-radius:var(--radius-md);padding:.75rem}.deploy-confirm-title{font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-warning)}.deploy-confirm-details{margin-top:.5rem;display:flex;flex-direction:column;gap:.35rem}.deploy-confirm-row{display:grid;grid-template-columns:70px 1fr;gap:.75rem;align-items:center}.deploy-confirm-k{color:var(--text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.deploy-confirm-v{color:var(--text-secondary);font-size:.8125rem;overflow-wrap:anywhere}.deploy-confirm-actions{margin-top:.75rem;display:flex;gap:.75rem;justify-content:flex-end}.deploy-manual-btn{border-color:#7c3aed59;background:#7c3aed1f}@media (hover: hover) and (pointer: fine){.deploy-manual-btn:hover:not(:disabled){background:#7c3aed29;border-color:#7c3aed8c}}.deploy-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;justify-content:flex-end;align-items:stretch;z-index:1100}.deploy-drawer{width:min(640px,100vw - 2rem);height:100%;background:var(--bg-secondary);border-left:1px solid var(--border-secondary);display:flex;flex-direction:column;overflow:hidden;animation:deploy-drawer-in .22s cubic-bezier(.25,.46,.45,.94)}.deploy-drawer .deploy-anything-grid{grid-template-columns:1fr}@keyframes deploy-drawer-in{0%{transform:translate(18px);opacity:0}to{transform:translate(0);opacity:1}}.deploy-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-primary)}.deploy-drawer-body{padding:1rem 1.25rem 1.25rem;overflow-y:auto}.deploy-drawer-title h3{display:inline-flex;align-items:center;gap:.5rem;margin:0}.deploy-drawer-title h3 i{color:var(--accent-primary)}.deploy-drawer-subtitle{margin-top:.35rem;display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.8125rem}.deploy-drawer-divider{opacity:.5}.deploy-drawer-recent{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-primary)}.deploy-drawer-recent-header{margin-bottom:.5rem}.deploy-drawer-recent-title{color:var(--text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.deploy-drawer-recent-list{display:flex;flex-direction:column;border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden}.deploy-drawer-recent-row{display:grid;grid-template-columns:110px 1fr 110px 90px;gap:.75rem;align-items:center;padding:.6rem .75rem;border-top:1px solid var(--border-primary);background:#ffffff05;color:var(--text-secondary);transition:background-color .2s ease,border-color .2s ease}.deploy-drawer-recent-row:first-child{border-top:none}@media (hover: hover) and (pointer: fine){.deploy-drawer-recent-row:hover{background:var(--bg-hover);border-top-color:var(--border-secondary)}}.deploy-drawer-recent-sha{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:var(--text-primary)}.deploy-drawer-recent-branch{color:var(--text-secondary)}.deploy-drawer-recent-status{text-transform:uppercase;font-size:.75rem;font-weight:800;letter-spacing:.06em}.deploy-drawer-recent-time{color:var(--text-muted);font-size:.8125rem;text-align:right}@media (max-width: 720px){.deploy-drawer{width:100vw}.deploy-drawer-recent-row{grid-template-columns:110px 1fr}.deploy-drawer-recent-status,.deploy-drawer-recent-time{display:none}}@media (prefers-reduced-motion: reduce){.deploy-drawer{animation:none}}.deploy-form-page{max-width:1100px;margin:0 auto;padding:1.5rem}.deploy-form-page .deploy-form-header{margin-bottom:1.25rem}.deploy-form-page .deploy-form-title{display:flex;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.deploy-form-page .deploy-form-subtitle{margin:0;color:var(--text-muted)}.deploy-form-page .deploy-form-card{padding:1.5rem;margin-bottom:1.5rem}.deploy-form-page .deploy-form-section-title{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.deploy-form-page .form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.deploy-form-page .deploy-form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.deploy-form-page .deploy-analysis-title{display:flex;align-items:center;gap:.75rem;margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.deploy-form-page .analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.deploy-form-page .analysis-card{padding:1.25rem}.deploy-form-page .analysis-card-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.deploy-form-page .analysis-kv{display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;align-items:baseline}.deploy-form-page .analysis-k{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.deploy-form-page .analysis-v{color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem;word-break:break-word}.deploy-form-page .analysis-list{margin:0;padding-left:1rem;color:var(--text-secondary)}.deploy-form-page .analysis-scroll{margin-top:.75rem;max-height:220px;overflow:auto;border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:.75rem;background:var(--bg-secondary)}.deploy-form-page .analysis-empty{padding:1.25rem;color:var(--text-muted)}@media (max-width: 768px){.deploy-form-page,.deploy-form-page .deploy-form-card{padding:1rem}.deploy-form-page .form-row-2{grid-template-columns:1fr}.deploy-form-page .deploy-form-actions{flex-direction:column;align-items:stretch}}.services-index-page{max-width:1200px;margin:0 auto;padding:1.5rem}.services-index-page .page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.services-index-page .page-title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.services-index-page .services-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.services-index-page .services-tabs{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.services-index-page .services-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}@media (hover: hover) and (pointer: fine){.services-index-page .services-tab:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-secondary)}}.services-index-page .services-tab.active{background:#7c3aed1f;border-color:#7c3aed59;color:var(--text-primary)}.services-index-page .search-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:1.25rem}.services-index-page .search-input{width:min(420px,100%)}.services-index-page .services-table{width:100%}.services-index-page .service-row{cursor:pointer}.services-index-page .service-info{display:flex;align-items:center;gap:.75rem;flex-direction:row}.services-index-page .service-icon{width:32px;height:32px;border-radius:6px;background:#7c3aed29;border:1px solid rgba(124,58,237,.25);display:inline-flex;align-items:center;justify-content:center;color:#7c3aed;flex-shrink:0}.services-index-page .service-details{display:flex;flex-direction:column;gap:.125rem;min-width:0}.services-index-page .service-name{color:var(--text-primary);font-weight:600;font-size:.875rem;line-height:1.2}.services-index-page .service-repo{color:var(--text-muted);font-size:.75rem;display:flex;align-items:center;gap:.375rem;min-width:0}.services-index-page .service-repo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.services-index-page .service-status{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border:1px solid transparent}.services-index-page .service-status.status-active{background:#10b9811f;border-color:#10b98140;color:#10b981}.services-index-page .service-status.status-pending{background:#f59e0b1f;border-color:#f59e0b40;color:#f59e0b}.services-index-page .service-status.status-error{background:#ef44441f;border-color:#ef444440;color:#ef4444}.services-index-page .service-status.status-inactive,.services-index-page .service-status.status-suspended{background:#6b72801f;border-color:#6b728040;color:#9ca3af}.services-index-page .services-actions{display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.services-index-page .services-dropdown{position:relative}.services-index-page .services-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:180px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.375rem;z-index:20}.services-index-page .services-dropdown-menu.services-dropdown-menu--up{top:auto;bottom:calc(100% + .5rem)}.services-index-page .services-dropdown-item{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:0;background:transparent;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;transition:background-color .2s ease,color .2s ease}@media (hover: hover) and (pointer: fine){.services-index-page .services-dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}}.services-index-page .services-dropdown-item.danger{color:#ef4444}@media (hover: hover) and (pointer: fine){.services-index-page .services-dropdown-item.danger:hover{background:#ef44441f;color:#ef4444}}.services-index-page .no-data{color:var(--text-muted)}.services-index-page .services-empty{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}@media (max-width: 768px){.services-index-page{padding:1rem}.services-index-page .page-header{flex-direction:column;align-items:flex-start}}.service-new-page{max-width:920px;margin:0 auto;padding:1.5rem}.service-new-page .back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);text-decoration:none;font-size:.875rem;margin-bottom:1rem;transition:color .2s ease}@media (hover: hover) and (pointer: fine){.service-new-page .back-link:hover{color:var(--text-secondary)}}.service-new-page .service-new-card{padding:1.5rem}.service-new-page .service-new-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.service-new-page .service-new-title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.service-new-page .repo-status{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radius-md);margin:0 0 1rem;border:1px solid transparent;font-size:.875rem}.service-new-page .repo-status.success{background:#10b9811f;border-color:#10b98140;color:#10b981}.service-new-page .repo-status.error{background:#ef44441f;border-color:#ef444440;color:#ef4444}.service-new-page .repo-status.loading{background:#7c3aed1f;border-color:#7c3aed40;color:#c4b5fd}.service-new-page .service-new-form{display:flex;flex-direction:column;gap:1rem}.service-new-page .repo-test-row{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:end}.service-new-page .form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.service-new-page .service-new-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}@media (max-width: 768px){.service-new-page,.service-new-page .service-new-card{padding:1rem}.service-new-page .repo-test-row,.service-new-page .form-row-2{grid-template-columns:1fr}.service-new-page .service-new-actions{flex-direction:column;align-items:stretch}}.service-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.service-layout{display:flex;min-height:100vh;position:relative}.service-sidebar{width:220px;min-width:220px;background:var(--bg-primary);border-right:1px solid var(--border-primary);height:100vh;padding:1.5rem 0;display:flex;flex-direction:column;position:fixed;top:0;left:var(--sidebar-width);overflow-y:auto;z-index:900;transition:left var(--sidebar-transition-ms) var(--sidebar-transition-ease);will-change:left}.service-sidebar-header{padding:0 1.5rem;margin-bottom:1.5rem}.service-sidebar-title{font-size:1rem;font-weight:500;color:var(--text-primary);line-height:1.2}.service-sidebar-subtitle{font-size:.75rem;color:var(--text-muted);margin-top:.25rem;word-break:break-word}.service-nav{display:flex;flex-direction:column}.service-nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:var(--text-secondary);text-decoration:none;border-left:3px solid transparent;transition:background-color .2s ease,color .2s ease}@media (hover: hover) and (pointer: fine){.service-nav-link:hover{background:var(--bg-secondary);color:var(--text-primary)}}.service-nav-link.active{background:#6c2bd91f;color:var(--text-primary);border-left-color:var(--accent-primary)}.service-nav-icon{width:18px;text-align:center;color:var(--text-muted)}.service-nav-link.active .service-nav-icon{color:var(--accent-primary)}.service-nav-label{font-size:.875rem}.service-sidebar-footer{padding:1.5rem;margin-top:auto;border-top:1px solid var(--border-primary)}.service-back-link{display:block;padding:.5rem 0;color:var(--text-muted);text-decoration:none;font-size:.875rem}@media (hover: hover) and (pointer: fine){.service-back-link:hover{color:var(--text-primary)}}.service-main{flex:1;min-width:0;margin-left:220px;padding-top:0;padding-bottom:2rem}@media (max-width: 768px){.service-layout{flex-direction:column}.service-sidebar{width:100%;min-width:0;height:auto;border-right:none;border-bottom:1px solid var(--border-primary);position:static;overflow-y:visible}.service-main{margin-left:0}}.service-main .page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.service-main .page-title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.service-main .page-title i{color:var(--accent-primary)}.service-ops-page{padding:1.5rem;max-width:1200px;margin:0 auto}.service-ops-page .page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.service-ops-actions{display:flex;gap:.5rem}.service-ops-grid{display:flex;flex-direction:column;gap:1.5rem}.service-ops-page .service-actions-card .card-header h3{display:inline-flex;align-items:center;gap:.75rem;margin:0;font-size:1.125rem;font-weight:600}.service-ops-page .service-actions-card .card-header h3 i{color:var(--accent-primary)}.service-ops-page .service-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.service-ops-page .service-actions-group{display:flex;flex-direction:column;gap:1rem}.service-ops-page .service-actions-group h4{margin:0;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-primary);padding-bottom:.5rem}.service-ops-page .service-actions-buttons{display:flex;flex-direction:column;gap:.75rem}.service-ops-page .service-actions-buttons .btn{justify-content:flex-start;text-align:left;width:100%}.service-ops-page .branch-form-bottom{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.service-ops-page .branch-form-bottom label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.service-ops-page .branch-input-group{display:flex;gap:.75rem;align-items:center}.service-ops-page .branch-input-group .form-control{flex:1}.service-ops-page .branch-input-group .btn{min-width:80px}.service-ops-page .danger-zone{border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:1rem;background:#ef44440d}.service-ops-page .danger-zone h4{color:var(--accent-danger);border-color:#ef44444d}.service-ops-page .danger-warning{margin:.75rem 0 0;font-size:.8125rem;color:var(--text-muted);line-height:1.4}@media (max-width: 768px){.service-ops-page{padding:1rem}.service-ops-page .service-actions-grid{grid-template-columns:1fr;gap:1.5rem}.service-ops-page .branch-input-group{flex-direction:column;align-items:stretch}.service-ops-page .branch-input-group .btn{width:100%}}.service-servers-page{max-width:1200px;margin:0 auto;padding:1.5rem}@media (max-width: 768px){.service-servers-page{padding:1rem}}.service-env-groups-page{max-width:1200px;margin:0 auto;padding:1.5rem}.service-env-groups-page .service-context{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.5rem}.service-env-groups-page .context-item{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem}.service-env-groups-page .card-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary)}.service-env-groups-page .env-groups-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}@media (max-width: 1100px){.service-env-groups-page .env-groups-grid{grid-template-columns:1fr}}.service-env-groups-page .current-group{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.service-env-groups-page .current-group-name{font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.service-env-groups-page .current-group-description{color:var(--text-secondary);margin-bottom:.75rem}.service-env-groups-page .current-group-stats,.service-env-groups-page .group-row-stats{display:flex;gap:.75rem;flex-wrap:wrap}.service-env-groups-page .stat-item{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem}.service-env-groups-page .current-group-actions{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.service-env-groups-page .groups-list{display:flex;flex-direction:column;gap:.75rem}.service-env-groups-page .group-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.75rem;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:#ffffff05}.service-env-groups-page .group-row.current{border-color:#7c3aed59;background:#7c3aed14}.service-env-groups-page .group-row-name{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.service-env-groups-page .current-badge{font-size:.6875rem;padding:.125rem .375rem;border-radius:999px;background:#7c3aed2e;border:1px solid rgba(124,58,237,.35);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em}.service-env-groups-page .group-row-description{color:var(--text-secondary);margin-bottom:.75rem}.service-env-groups-page .group-row-actions{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}@media (max-width: 768px){.service-env-groups-page{padding:1rem}.service-env-groups-page .page-header,.service-env-groups-page .current-group{flex-direction:column;align-items:flex-start}.service-env-groups-page .current-group-actions{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start}.service-env-groups-page .group-row{flex-direction:column;align-items:stretch}.service-env-groups-page .group-row-actions{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start}}.service-show-container{max-width:1200px;margin:0 auto;padding:1.5rem}@media (max-width: 768px){.service-show-container{padding:1rem}}.service-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary)}.service-info{display:flex;flex-direction:column;gap:1rem}.service-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.service-title{display:inline-flex;align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:600;color:var(--text-primary);line-height:1.15}.service-title i{color:var(--accent-primary)}.service-header-badges{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.service-badge-link{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .5rem;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:.75rem;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}@media (hover: hover) and (pointer: fine){.service-badge-link:hover{background:var(--bg-hover);border-color:var(--border-secondary);color:var(--text-primary)}}.service-header-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.service-meta-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .85rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);min-width:0}.service-meta-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap}.service-meta-value{color:var(--text-secondary);font-size:.875rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.service-status{padding:.35rem .6rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;text-transform:uppercase;display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-secondary)}.service-status.status-active{border-color:#10b98140;background:#10b9811f;color:var(--accent-success)}.service-status.status-pending{border-color:#f59e0b40;background:#f59e0b1f;color:var(--accent-warning)}.service-status.status-error{border-color:#ef444440;background:#ef44441f;color:var(--accent-danger)}.service-overview-content{display:flex;flex-direction:column;gap:1.5rem}.card-actions{display:flex;align-items:center;gap:.5rem}.components-layout{display:flex;flex-direction:column;gap:1.5rem}.components-two-column{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.component-column{display:flex;flex-direction:column;gap:.75rem}.component-column-title{margin:0;font-size:.8125rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.component-empty-state{padding:1rem;text-align:center;border:1px dashed var(--border-primary);border-radius:var(--radius-md);background:#ffffff03}.component-empty-text{font-size:.8125rem;color:var(--text-muted);font-style:italic}@media (max-width: 1100px){.components-two-column{grid-template-columns:1fr;gap:1.5rem}}.component-list,.servers-list{display:flex;flex-direction:column;gap:.75rem}.component-item,.server-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:#ffffff05;transition:background-color .2s ease,border-color .2s ease}@media (hover: hover) and (pointer: fine){.component-item:hover,.server-item:hover{background:var(--bg-hover);border-color:var(--border-secondary)}}.component-item[role=link]{cursor:pointer}.component-item[role=link]:focus-visible{outline:none;border-color:#7c3aed73;box-shadow:0 0 0 3px #7c3aed2e}.component-info,.server-info{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.component-name,.server-name{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary);min-width:0}.component-name i,.server-name i{color:var(--text-muted)}.container-count{font-size:.75rem;color:var(--text-muted);align-self:flex-start;width:fit-content}.component-actions,.server-status{display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0}.component-actions{gap:.35rem;padding:.25rem;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:#ffffff03}.component-actions .btn{padding:.25rem .45rem}.component-actions .btn i{margin:0}.component-actions .btn.btn-outline{border-color:transparent;background:transparent}@media (hover: hover) and (pointer: fine){.component-item:hover .component-actions{border-color:var(--border-secondary);background:#ffffff05}}.server-link{color:var(--text-primary);text-decoration:none;transition:color .2s ease}@media (hover: hover) and (pointer: fine){.server-link:hover{color:var(--accent-primary)}}.server-ip{font-size:.8125rem;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.fluent-bit-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted)}.fluent-bit-badge i{color:var(--accent-primary)}.status-indicator{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;align-self:flex-start;width:fit-content;border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-secondary)}.status-indicator.active{border-color:#10b98140;background:#10b9811f;color:var(--accent-success)}.status-indicator.inactive{border-color:#b0b0b033;background:#b0b0b00f;color:var(--text-muted)}.status-indicator.fluent-bit-running{border-color:#10b98140;background:#10b9811f;color:var(--accent-success)}.status-indicator.fluent-bit-stopped,.status-indicator.fluent-bit-error{border-color:#ef444440;background:#ef44441f;color:var(--accent-danger)}.status-indicator.fluent-bit-installed{border-color:#b0b0b033;background:#b0b0b00f;color:var(--text-muted)}.empty-state{text-align:center;padding:2rem 1rem;color:var(--text-muted)}.empty-state p{margin:.5rem 0 0}.empty-state-small{color:var(--text-muted);font-size:.875rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1100}.modal-content{width:min(720px,100vw - 2rem);max-height:calc(100vh - 2rem);overflow:auto;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-primary)}.modal-header h3{margin:0;font-size:1rem}.modal-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}@media (hover: hover) and (pointer: fine){.modal-close:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-secondary)}}.modal-body{padding:1rem 1.25rem 1.25rem}.server-select-list{display:flex;flex-direction:column;gap:.75rem}.server-select-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:#ffffff05;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}@media (hover: hover) and (pointer: fine){.server-select-item:hover{background:var(--bg-hover);border-color:var(--border-secondary)}}.server-select-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.server-select-name{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:600}.server-select-ip{font-size:.8125rem;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@media (prefers-reduced-motion: reduce){.service-badge-link,.component-item,.server-item,.modal-close,.server-select-item,.server-link{transition:none}}.webhook-edit-container,.webhook-show-container{max-width:1200px;margin:0 auto;padding:1.5rem}@media (max-width: 768px){.webhook-edit-container,.webhook-show-container{padding:1rem}}.webhook-edit-container .header-content,.webhook-show-container .header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.webhook-edit-container .page-title,.webhook-show-container .page-title{margin:0}.webhook-edit-container .page-subtitle,.webhook-show-container .page-subtitle{margin:0;color:var(--text-muted);font-size:.875rem}.webhook-grid{display:grid;grid-template-columns:1fr 360px;gap:1.5rem;align-items:start}.webhook-sidebar{position:sticky;top:1.5rem;height:fit-content}@media (max-width: 1100px){.webhook-grid{grid-template-columns:1fr}.webhook-sidebar{position:static}}.webhook-edit-container .card-header h2,.webhook-edit-container .card-header h3,.webhook-show-container .card-header h2,.webhook-show-container .card-header h3{display:inline-flex;align-items:center;gap:.75rem;margin:0;font-size:1.125rem;font-weight:600}.webhook-edit-container .card-header h2 i,.webhook-edit-container .card-header h3 i,.webhook-show-container .card-header h2 i,.webhook-show-container .card-header h3 i{color:var(--accent-primary)}.webhook-status-banner{border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--bg-secondary);padding:1rem 1.25rem;margin-bottom:1.25rem}.status-banner-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.status-info{display:inline-flex;align-items:center;gap:.75rem;color:var(--text-secondary)}.status-info i{color:var(--accent-success)}.status-text strong{color:var(--text-primary)}.webhook-emergency-pause{display:inline-flex;align-items:center;gap:.35rem;margin-left:.5rem;color:var(--accent-warning);font-size:.75rem}.status-badge-large{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-secondary)}.status-badge-large.enabled{border-color:#10b98140;background:#10b9811f;color:var(--accent-success)}.status-badge-large.disabled{border-color:#b0b0b033;background:#b0b0b00f;color:var(--text-muted)}.config-section{padding:1rem 0;border-bottom:1px solid var(--border-primary)}.config-section:first-child{padding-top:0}.config-section:last-child{padding-bottom:0;border-bottom:none}.config-label{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary)}.config-label i{color:var(--accent-primary)}.config-help{margin:.5rem 0 .75rem;color:var(--text-muted);font-size:.8125rem;line-height:1.5}.url-copy-group,.secret-display-group,.secret-input-group{display:flex;gap:.75rem;align-items:center}.url-copy-group .form-control,.secret-display-group .form-control,.secret-input-group .form-control{flex:1;min-width:0}.branches-display{display:flex;gap:.5rem;flex-wrap:wrap}.branch-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.environment-display{display:flex;flex-direction:column;gap:.35rem}.environment-link{font-weight:700;color:var(--text-primary)}.environment-source{color:var(--text-muted);font-size:.8125rem}.secret-status-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.secret-source-text{color:var(--text-muted);font-size:.8125rem}.secret-actions{margin-top:.75rem}.status-badge-inline{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.status-badge-inline.success{border-color:#10b98140;background:#10b9811f;color:var(--accent-success)}.status-badge-inline.warning,.status-badge-inline.pending{border-color:#f59e0b40;background:#f59e0b1f;color:var(--accent-warning)}.status-badge-inline.danger,.status-badge-inline.failure,.status-badge-inline.error{border-color:#ef444440;background:#ef44441f;color:var(--accent-danger)}.status-indicator{border-radius:var(--radius-sm)}.activity-table{border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.activity-table-header,.activity-row{display:grid;grid-template-columns:110px 90px 120px 110px 110px 1fr;gap:.75rem;align-items:center;padding:.75rem 1rem}.activity-table-header{background:var(--bg-tertiary);color:var(--text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.activity-row{border-top:1px solid var(--border-primary);color:var(--text-secondary)}.event-badge{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-tertiary);font-size:.75rem;color:var(--text-secondary)}.branch-code,.commit-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem;color:var(--text-secondary)}.activity-footer{margin-top:.75rem;display:flex;justify-content:flex-end}@media (max-width: 900px){.activity-table-header,.activity-row{grid-template-columns:110px 1fr 110px 1fr}.activity-table-header .col-branch,.activity-table-header .col-commit,.activity-row .col-branch,.activity-row .col-commit{display:none}}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.webhook-show-container .stats-grid .stat-item{border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-tertiary);padding:1rem;text-align:center}.webhook-show-container .stats-grid .stat-item.success{border-color:#10b98140;background:#10b98114}.webhook-show-container .stats-grid .stat-item.danger{border-color:#ef444440;background:#ef444414}.stat-value{font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1}.stat-label{margin-top:.35rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.setup-steps,.help-section{display:flex;flex-direction:column;gap:.75rem}.setup-step{display:flex;gap:.75rem;align-items:flex-start}.step-number{width:24px;height:24px;border-radius:999px;border:1px solid var(--border-primary);background:#7c3aed1f;color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;flex-shrink:0}.step-content{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.help-section h4{margin:0;font-size:.875rem;color:var(--text-primary)}.help-section p{margin:0;color:var(--text-muted);font-size:.875rem}.code-block{display:block;padding:.75rem;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem;overflow-x:auto}.info-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border-primary)}.info-item:last-child{border-bottom:none}.info-label{color:var(--text-muted);font-size:.8125rem;white-space:nowrap}.webhook-edit-container .branches-list{display:flex;flex-direction:column;gap:.75rem}.webhook-edit-container .branch-input-group{display:grid;grid-template-columns:1fr 34px;gap:.5rem;align-items:center}.webhook-edit-container .branch-input-group .error-message{grid-column:1/-1}.webhook-edit-container .btn-remove{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:transparent;color:var(--text-muted);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}@media (hover: hover) and (pointer: fine){.webhook-edit-container .btn-remove:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-secondary)}}.webhook-edit-container .btn-remove:disabled{opacity:.4;cursor:not-allowed}.error-message{display:block;margin-top:.35rem;color:var(--accent-danger);font-size:.8125rem}.toggle-wrapper{display:flex;justify-content:space-between;align-items:center;gap:1rem}.toggle-switch{position:relative;width:46px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;border:1px solid var(--border-secondary);background:var(--bg-tertiary);transition:background-color .2s ease,border-color .2s ease}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:999px;background:var(--text-muted);transition:transform .2s ease,background-color .2s ease}.toggle-switch input:checked+.toggle-slider{background:#7c3aed38;border-color:#7c3aed73}.toggle-switch input:checked+.toggle-slider:before{background:var(--accent-primary);transform:translate(20px)}.toggle-label{display:flex;flex-direction:column;gap:.15rem}.toggle-title{font-weight:700;color:var(--text-primary)}.toggle-description{color:var(--text-muted);font-size:.8125rem;line-height:1.4}.form-group-toggle .status-indicator{min-width:88px;justify-content:center}.form-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--border-primary)}@media (prefers-reduced-motion: reduce){.toggle-slider,.toggle-slider:before,.webhook-edit-container .btn-remove{transition:none}}.component-show-dashboard{max-width:1200px;margin:0 auto;padding:1.5rem;background:#050505;min-height:100vh;color:#fff}.component-show-dashboard .skeleton-block,.component-show-dashboard .skeleton-pill{display:inline-block;background:#ffffff14;border:1px solid rgba(255,255,255,.06);border-radius:8px;animation:skeletonPulse .8s ease-in-out infinite}.component-show-dashboard .skeleton-block{height:12px}.component-show-dashboard .skeleton-pill{height:14px;width:56px;border-radius:999px}@media (prefers-reduced-motion: reduce){.component-show-dashboard .skeleton-block,.component-show-dashboard .skeleton-pill{animation:none}}.component-show-dashboard .breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem}.component-show-dashboard .breadcrumb-link{color:#7c3aed;text-decoration:none;transition:color .2s cubic-bezier(.25,.46,.45,.94)}.component-show-dashboard .breadcrumb-link:hover{color:#9f67ff}.component-show-dashboard .breadcrumb-separator{color:#444}.component-show-dashboard .breadcrumb-current{color:#b0b0b0}.component-show-dashboard .logs-container{height:100%;overflow:auto;border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:.75rem;background:var(--bg-secondary);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem;line-height:1.5}.component-show-dashboard .logs-container-fixed{height:420px}.component-show-dashboard .log-line{display:flex;gap:.5rem;padding:.125rem 0;white-space:pre-wrap;word-break:break-word}.component-show-dashboard .line-time{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.component-show-dashboard .line-text{color:var(--text-secondary)}.component-show-dashboard .empty-state-small{color:var(--text-muted);font-size:.875rem;padding:1rem 0}.component-show-dashboard .component-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #1C1C1C}.component-show-dashboard .component-header-info{flex:1}.component-show-dashboard .component-title{font-size:1.75rem;font-weight:500;margin:0 0 .5rem;color:#fff}.component-show-dashboard .component-meta{display:flex;gap:.75rem;align-items:center}.component-show-dashboard .component-kind-badge{display:inline-block;padding:.25rem .75rem;background:#1c1c1c;border:1px solid #2C2C2C;border-radius:4px;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#b0b0b0}.component-show-dashboard .monitoring-badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:lowercase;letter-spacing:.25px}.component-show-dashboard .monitoring-badge.active{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.component-show-dashboard .monitoring-badge.paused{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:#fbbf24}.component-show-dashboard .monitoring-badge.disabled{background:#6b72801f;border:1px solid rgba(107,114,128,.25);color:#9ca3af}.component-show-dashboard .component-actions{display:flex;gap:.75rem}.component-show-dashboard .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:1px solid #2C2C2C;border-radius:4px;background:#0d0d0d;color:#fff;font-size:.875rem;font-weight:400;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);text-decoration:none}.component-show-dashboard .btn:hover{background:#1c1c1c;border-color:#444}.component-show-dashboard .btn-secondary{background:#1c1c1c}.component-show-dashboard .btn-secondary:hover{background:#2c2c2c}.component-show-dashboard .btn-danger{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.component-show-dashboard .btn-danger:hover{background:#ef444433;border-color:#ef444480}.component-show-dashboard .btn-sm{padding:.375rem .75rem;font-size:.8125rem}.component-show-dashboard .btn-outline{background:transparent;border-color:#444}.component-show-dashboard .btn-outline:hover{background:#1c1c1c}.component-show-dashboard .containers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}.component-show-dashboard .container-card{background:#0d0d0d;border:1px solid #1c1c1c;border-radius:10px;overflow:hidden;transition:transform .2s cubic-bezier(.215,.61,.355,1),border-color .2s cubic-bezier(.215,.61,.355,1),box-shadow .2s cubic-bezier(.215,.61,.355,1)}.component-show-dashboard .container-card:hover{border-color:#2c2c2c;transform:translateY(-2px);box-shadow:0 14px 32px #00000059}.component-show-dashboard .container-card.container-card-skeleton{pointer-events:none}.component-show-dashboard .container-card.container-card-skeleton:hover{transform:none;box-shadow:none;border-color:#1c1c1c}.component-show-dashboard .container-card-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:#ffffff05;border-bottom:1px solid #1c1c1c}.component-show-dashboard .container-name{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.component-show-dashboard .container-name i{color:#7c3aed}.component-show-dashboard .container-name code{color:#ccc;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.8125rem;background:#050505;padding:.25rem .5rem;border-radius:3px}.component-show-dashboard .container-status-badges{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.5rem}.component-show-dashboard .container-actions-inline{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.25rem;margin-left:.5rem}.component-show-dashboard .container-actions-inline .btn{min-width:2rem;min-height:2rem;padding:.25rem;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.215,.61,.355,1),background-color .2s cubic-bezier(.25,.46,.45,.94)}.component-show-dashboard .container-actions-inline .btn:hover:not(:disabled){transform:translateY(-1px)}.component-show-dashboard .container-actions-inline .btn:disabled{opacity:.35;cursor:not-allowed}.component-show-dashboard .status-badge{padding:.25rem .625rem;border-radius:3px;font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.component-show-dashboard .status-running{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.component-show-dashboard .status-exited{background:#9ca3af1a;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.component-show-dashboard .status-restarting{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.component-show-dashboard .status-healthy{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.component-show-dashboard .status-starting{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.component-show-dashboard .status-unhealthy{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.component-show-dashboard .status-unknown{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.component-show-dashboard .container-card-body{padding:1.25rem}.component-show-dashboard .container-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem 1.5rem;margin-bottom:1rem}.component-show-dashboard .info-item{display:flex;flex-direction:column;gap:.25rem}.component-show-dashboard .info-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.component-show-dashboard .info-value{font-size:.875rem;color:#ccc;font-family:SF Mono,Monaco,Cascadia Code,monospace}.component-show-dashboard .info-value.metric{font-weight:600;color:#fff}.component-show-dashboard .alert{padding:.75rem;border-radius:4px;margin-bottom:1rem;font-size:.8125rem;display:flex;align-items:center;gap:.5rem}.component-show-dashboard .alert-critical{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.component-show-dashboard .alert-warning{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:#fbbf24}.component-show-dashboard .alert-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.component-show-dashboard .health-log-section{margin-top:1rem;padding:1rem;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:4px}.component-show-dashboard .health-log-section.health-log-starting{background:#3b82f60d;border-color:#3b82f633}.component-show-dashboard .health-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.component-show-dashboard .health-log-title{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:#ccc}.component-show-dashboard .failing-streak{font-size:.6875rem;padding:.25rem .5rem;background:#ef444433;border-radius:3px;color:#ef4444}.component-show-dashboard .health-log-entries{display:flex;flex-direction:column;gap:.75rem}.component-show-dashboard .health-log-entry{background:#0000004d;border-radius:3px;padding:.75rem}.component-show-dashboard .health-log-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.6875rem}.component-show-dashboard .health-log-time{color:#6b7280}.component-show-dashboard .health-log-exit-code{color:#10b981;font-family:SF Mono,Monaco,Cascadia Code,monospace}.component-show-dashboard .health-log-exit-code.exit-error{color:#ef4444}.component-show-dashboard .health-log-output{margin:0;padding:.5rem;background:#050505;border:1px solid #1C1C1C;border-radius:3px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.75rem;line-height:1.5;color:#b0b0b0;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.component-show-dashboard .container-card-footer{padding:.75rem 1.25rem;background:#ffffff05;border-top:1px solid #1C1C1C;display:flex;justify-content:flex-end}.component-show-dashboard .loading-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#6b7280}.component-show-dashboard .spinner{width:40px;height:40px;border:3px solid #1C1C1C;border-top-color:#7c3aed;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.component-show-dashboard .empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#6b7280}.component-show-dashboard .empty-state i{font-size:3rem;margin-bottom:1rem;color:#444}.component-show-dashboard .inspect-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.component-show-dashboard .inspect-modal{background:#0d0d0d;border:1px solid #2C2C2C;border-radius:8px;max-width:1200px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.component-show-dashboard .inspect-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #1C1C1C}.component-show-dashboard .inspect-modal-header h3{margin:0;font-size:1.125rem;font-weight:500;color:#fff}.component-show-dashboard .close-btn{background:transparent;border:none;color:#6b7280;font-size:1.25rem;cursor:pointer;padding:.5rem;transition:color .2s cubic-bezier(.25,.46,.45,.94)}.component-show-dashboard .close-btn:hover{color:#fff}.component-show-dashboard .inspect-modal-body{flex:1;overflow:auto;padding:1.5rem}.component-show-dashboard .inspect-json{margin:0;padding:1rem;background:#050505;border:1px solid #1C1C1C;border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.8125rem;line-height:1.6;color:#b0b0b0;overflow-x:auto}@media (max-width: 1024px){.component-show-dashboard .containers-grid{grid-template-columns:1fr}}@media (max-width: 768px){.component-show-dashboard .component-show-dashboard{padding:1rem}.component-show-dashboard .component-header{flex-direction:column;align-items:flex-start;gap:1rem}.component-show-dashboard .component-actions{width:100%;flex-direction:column}.component-show-dashboard .btn{width:100%;justify-content:center}.component-show-dashboard .container-info-grid{grid-template-columns:1fr}}.component-show-dashboard .container-inspect-section{margin-top:1rem;padding:1rem;background:#7c3aed0d;border:1px solid rgba(124,58,237,.2);border-radius:4px}.component-show-dashboard .inspect-header{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.component-show-dashboard .inspect-title{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:#ccc}.component-show-dashboard .inspect-content{display:flex;flex-direction:column;gap:1rem}.component-show-dashboard .inspect-group{background:#0000004d;border-radius:3px;padding:.75rem}.component-show-dashboard .inspect-group-title{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:#7c3aed;margin-bottom:.5rem}.component-show-dashboard .pgaf-status-badge{display:inline-flex;align-items:center;margin-left:.5rem;font-size:.625rem;padding:.125rem .375rem;border-radius:4px;font-weight:500;border:1px solid transparent}.component-show-dashboard .pgaf-status-registered{background:#10b9811f;border-color:#10b98140;color:#10b981}.component-show-dashboard .pgaf-status-configured-not-registered{background:#f59e0b1f;border-color:#f59e0b40;color:#f59e0b}.component-show-dashboard .pgaf-status-not-configured,.component-show-dashboard .pgaf-status-unknown{background:#6b72801f;border-color:#6b728040;color:#9ca3af}.component-show-dashboard .pgaf-role-primary{color:#10b981}.component-show-dashboard .pgaf-role-standby{color:#3b82f6}.component-show-dashboard .inspect-value-xs{font-size:.625rem}.component-show-dashboard .pgaf-replication{margin-top:.75rem}.component-show-dashboard .pgaf-replication-title{font-size:.6875rem;color:#6b7280;margin-bottom:.375rem}.component-show-dashboard .pgaf-repl-row{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:4px;background:#050505;border:1px solid #1C1C1C;font-size:.6875rem;margin-bottom:.25rem}.component-show-dashboard .pgaf-repl-client{color:#3b82f6;font-family:SF Mono,Monaco,Cascadia Code,monospace}.component-show-dashboard .pgaf-repl-arrow{color:#6b7280}.component-show-dashboard .pgaf-repl-state{font-weight:600}.component-show-dashboard .pgaf-repl-state-streaming{color:#10b981}.component-show-dashboard .pgaf-repl-state-other{color:#f59e0b}.component-show-dashboard .pgaf-repl-lsn{color:#6b7280;margin-left:.25rem;font-size:.625rem}.component-show-dashboard .pgaf-registration{margin-top:.75rem;padding:.5rem;background:#050505;border:1px solid #1C1C1C;border-radius:6px;font-size:.6875rem}.component-show-dashboard .pgaf-registration-title{color:#6b7280;margin-bottom:.375rem}.component-show-dashboard .pgaf-registration-grid{display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem}.component-show-dashboard .pgaf-registration-label{color:#6b7280}.component-show-dashboard .pgaf-registration-value{color:#fff;font-family:SF Mono,Monaco,Cascadia Code,monospace}.component-show-dashboard .pgaf-registration-warning{margin-top:.5rem;padding:.375rem .5rem;background:#f59e0b1f;border:1px solid rgba(245,158,11,.25);border-radius:4px;color:#f59e0b}.component-show-dashboard .inspect-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.component-show-dashboard .inspect-item{display:flex;flex-direction:column;gap:.25rem}.component-show-dashboard .inspect-item-error{color:#ef4444}.component-show-dashboard .inspect-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.component-show-dashboard .inspect-value{font-size:.8125rem;color:#ccc}.component-show-dashboard .inspect-value.code{font-family:SF Mono,Monaco,Cascadia Code,monospace;background:#050505;padding:.25rem .5rem;border-radius:3px;font-size:.75rem}@media (max-width: 768px){.component-show-dashboard{padding:1rem}}.db-settings-page{max-width:1400px;margin:0 auto;padding:1.5rem}.db-settings-page .page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.db-settings-page .page-title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.db-settings-page .page-subtitle{margin-top:.5rem;color:var(--text-muted)}.db-settings-page .card-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary)}.db-settings-page .db-settings-grid{align-items:start}.db-settings-page .db-settings-table{max-height:480px;overflow:auto}.db-settings-page .mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem}.db-settings-page .empty-cell{text-align:center;padding:2rem 1rem;color:var(--text-muted)}.db-settings-page .db-overrides-form{display:flex;flex-direction:column;gap:1rem}.db-settings-page .db-overrides-list{display:flex;flex-direction:column;gap:.5rem}.db-settings-page .db-override-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.db-settings-page .db-override-row.new{padding-top:.75rem;border-top:1px solid rgba(255,255,255,.05)}.db-settings-page .db-overrides-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.db-settings-page .db-overrides-hint{color:var(--text-muted);font-size:.8125rem}@media (max-width: 1024px){.db-settings-page{padding:1rem}.db-settings-page .page-header{flex-direction:column;align-items:flex-start}}@media (max-width: 768px){.db-settings-page .db-override-row{grid-template-columns:1fr}}.discovery-status{padding:16px;border-radius:8px;margin-bottom:16px;border:1px solid}.discovery-status-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-weight:600}.discovery-status-header i{font-size:18px}.discovery-status-title{text-transform:lowercase;font-size:14px}.discovery-status-message{font-size:13px;margin-bottom:12px;line-height:1.5;opacity:.9}.discovery-status-hint{font-size:12px;padding:8px 12px;background:#0003;border-radius:4px;margin-bottom:12px;font-style:italic;opacity:.8}.discovery-status .btn{font-size:12px}.discovery-error{background:#dc26261a;border-color:#dc2626;color:#fca5a5}.discovery-error .discovery-status-header{color:#fca5a5}.discovery-pending{background:#3b82f61a;border-color:#3b82f6;color:#93c5fd}.discovery-pending .discovery-status-header{color:#93c5fd}.logs-dashboard{width:100%;padding:1.5rem}.logs-dashboard .logs-header-section{margin-bottom:1.25rem}.logs-dashboard .logs-title{flex:1}.logs-dashboard .breadcrumb{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem;margin-bottom:0;flex-wrap:wrap}.logs-dashboard .breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}@media (hover: hover) and (pointer: fine){.logs-dashboard .breadcrumb a:hover{color:var(--text-primary)}}.logs-dashboard .breadcrumb .current{color:var(--text-primary);font-weight:600}.logs-dashboard .logs-title h1{display:flex;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.logs-dashboard .logs-icon{font-size:1.5rem}.logs-dashboard .logs-description{color:var(--text-muted);margin:0}.logs-dashboard .header-actions{display:flex;gap:1rem;align-items:center}.logs-dashboard .logs-header-status{padding:.75rem 1rem;border-top:1px solid var(--border-primary)}.logs-dashboard .logs-header-status .status-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.logs-dashboard .logs-header-status .status-card{padding:.75rem;gap:.75rem}.logs-dashboard .logs-header-status .status-icon{width:32px;height:32px;font-size:1rem}.logs-dashboard .logs-header-status .status-label{font-size:.6875rem;margin-bottom:.125rem}.logs-dashboard .logs-header-status .status-value{font-size:.875rem}@media (hover: hover) and (pointer: fine){.logs-dashboard .logs-header-status .status-card:hover{transform:none;box-shadow:none}}.logs-dashboard .container-status-section{margin-bottom:2rem}.logs-dashboard .status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.logs-dashboard .status-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1rem;display:flex;align-items:center;gap:1rem;transition:all .2s cubic-bezier(.25,.46,.45,.94)}@media (hover: hover) and (pointer: fine){.logs-dashboard .status-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}}.logs-dashboard .status-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-md);font-size:1.25rem}.logs-dashboard .status-content{flex:1}.logs-dashboard .status-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:.25rem}.logs-dashboard .status-value{min-width:0;font-size:1rem;font-weight:600;color:var(--text-secondary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;overflow-wrap:anywhere;word-break:break-word;line-height:1.35}.logs-dashboard .status-value-row{display:flex;align-items:center;gap:.5rem;min-width:0}.logs-dashboard .mini-icon-btn{flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-muted);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}@media (hover: hover) and (pointer: fine){.logs-dashboard .mini-icon-btn:hover{border-color:#6c2bd973;background:#6c2bd914;color:var(--text-primary)}}@media (prefers-reduced-motion: reduce){.logs-dashboard .mini-icon-btn{transition:none}}.logs-dashboard .mini-icon-btn i{font-size:.85rem}.logs-dashboard .status-value.status-running{color:var(--accent-success)}.logs-dashboard .status-value.status-stopped{color:var(--accent-danger)}.logs-dashboard .status-value.status-restarting{color:var(--accent-warning)}.logs-dashboard .status-value.status-unknown{color:var(--text-muted)}.logs-dashboard .logs-controls-section{margin-bottom:2rem}.logs-dashboard .controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.logs-dashboard .control-group{display:flex;flex-direction:column;gap:.5rem}.logs-dashboard .control-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-primary);font-weight:500}.logs-dashboard .search-indicator{font-size:.75rem;color:var(--accent-primary);font-weight:400;font-style:italic}.logs-dashboard .label-icon{font-size:1rem}.logs-dashboard .control-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;padding-top:1rem;border-top:1px solid var(--border-primary)}.logs-dashboard .logs-display-section{margin-bottom:2rem}.logs-dashboard .log-count{font-size:.875rem;color:var(--text-muted);font-weight:400}.logs-dashboard .logs-meta{display:flex;align-items:center;gap:1rem}.logs-dashboard .notice{margin:.75rem 0;padding:.75rem .875rem;border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-secondary);font-size:.875rem}.logs-dashboard .notice.warning{border-color:#f59e0b59;background:#f59e0b14;color:var(--text-primary)}.logs-dashboard .logs-container-wrapper{position:relative}.logs-dashboard .last-updated{font-size:.875rem;color:var(--text-muted)}.logs-dashboard .logs-container{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);height:600px;overflow-y:auto;overflow-x:auto;position:relative;padding:1rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.875rem;line-height:1.4}.logs-dashboard .logs-list{height:100%;overflow-y:auto;padding:1rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.875rem;line-height:1.4}.logs-dashboard .log-line{display:flex;align-items:flex-start;gap:1rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05);transition:background-color .2s cubic-bezier(.25,.46,.45,.94)}@media (hover: hover) and (pointer: fine){.logs-dashboard .log-line:hover{background:#ffffff05}}.logs-dashboard .log-line.log-error{background:#ef44440d;border-left:3px solid var(--accent-danger);padding-left:.75rem}.logs-dashboard .log-line.log-warn{background:#f59e0b0d;border-left:3px solid var(--accent-warning);padding-left:.75rem}.logs-dashboard .log-line.log-info{border-left:3px solid transparent}.logs-dashboard .log-time{flex-shrink:0;color:var(--text-muted);font-weight:500;-webkit-user-select:none;user-select:none;width:72px}.logs-dashboard .log-level{flex-shrink:0;font-size:.6875rem;padding:.125rem .375rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);line-height:1;-webkit-user-select:none;user-select:none;min-width:56px;text-align:center}.logs-dashboard .log-line.log-error .log-level{border-color:#ef444459;color:var(--accent-danger)}.logs-dashboard .log-line.log-warn .log-level{border-color:#f59e0b59;color:var(--accent-warning)}.logs-dashboard .log-message{flex:1;word-wrap:break-word;white-space:pre-wrap;color:var(--text-secondary);margin:0;padding:0;font-family:inherit;font-size:inherit}.logs-dashboard .logs-skeleton{padding:.25rem 0}.logs-dashboard .log-line.log-skeleton{border-bottom-color:#ffffff0a}.logs-dashboard .skeleton-block,.logs-dashboard .skeleton-pill{background:#ffffff14;border:1px solid rgba(255,255,255,.06);border-radius:8px;animation:skeletonPulse .8s ease-in-out infinite}.logs-dashboard .skeleton-block{height:12px}.logs-dashboard .skeleton-pill{height:14px;width:56px;border-radius:999px}.logs-dashboard .log-time.skeleton-block{width:72px}@media (prefers-reduced-motion: reduce){.logs-dashboard .skeleton-block,.logs-dashboard .skeleton-pill{animation:none}}@keyframes skeletonPulse{0%{opacity:.55}50%{opacity:.85}to{opacity:.55}}.logs-dashboard .log-line.log-error .log-message{color:var(--accent-danger)}.logs-dashboard .log-line.log-warn .log-message{color:var(--accent-warning)}.logs-dashboard .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center;padding:2rem}.logs-dashboard .empty-state i{font-size:3rem;margin-bottom:1rem;opacity:.5}.logs-dashboard .empty-state p{margin:.5rem 0}.logs-dashboard .loading-overlay{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#00000080;border-radius:var(--radius-md)}.logs-dashboard .spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.logs-dashboard .logs-new-lines-pill{position:absolute;left:50%;bottom:.75rem;transform:translate(-50%);z-index:2;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:999px;background:#0c0c0ceb;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);font-size:.75rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-md);transition:background-color .2s ease,border-color .2s ease,transform .2s cubic-bezier(.25,.46,.45,.94)}.logs-dashboard .logs-top-pill{position:absolute;left:50%;top:.75rem;transform:translate(-50%);z-index:2;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:999px;background:#0c0c0ceb;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);font-size:.75rem;font-weight:600;box-shadow:var(--shadow-md);pointer-events:none}.logs-dashboard .logs-top-pill.is-done{color:var(--text-muted)}.logs-dashboard .logs-top-pill .spinner{width:16px;height:16px;border-width:2px}.logs-dashboard .logs-new-lines-pill i{color:var(--accent-primary)}@media (hover: hover) and (pointer: fine){.logs-dashboard .logs-new-lines-pill:hover{background:#0c0c0c;border-color:#6c2bd980;transform:translate(-50%) translateY(-1px)}}@media (prefers-reduced-motion: reduce){.logs-dashboard .logs-new-lines-pill{transition:none}.logs-dashboard .logs-new-lines-pill:hover{transform:translate(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}.shell-page{max-width:1400px;margin:0 auto;padding:1rem}.shell-page .shell-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.shell-page .shell-title h1{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:600;color:#fff}.shell-page .shell-title h1 i{font-size:1.25rem}.shell-page .shell-subtitle{margin-top:.25rem;color:#b0b0b0}.shell-page .badge{background:#050505;border:1px solid #2c2c2c;border-radius:6px;padding:.25rem .5rem;display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem}.shell-page .shell-controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.shell-page .shell-controls label{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:#b0b0b0}.shell-page .shell-controls .form-control{background:#050505;border:1px solid #2c2c2c;border-radius:6px;padding:.375rem .75rem;color:#fff;font-size:.875rem;min-width:180px;transition:border-color .2s ease}@media (hover: hover) and (pointer: fine){.shell-page .shell-controls .form-control:hover{border-color:#7c3aed}}.shell-page .shell-controls .form-control:focus{outline:none;border-color:#7c3aed}.shell-page .terminal-wrapper{border:1px solid #1c1c1c;border-radius:8px;overflow:hidden;background:#0b0f14;box-shadow:0 2px 8px #0000004d}.shell-page .terminal{height:600px;padding:.5rem}.shell-page .terminal .xterm{height:100%}.shell-page .terminal .xterm-viewport{overflow-y:auto}.shell-page .suggested-panel{margin-top:1rem;border:1px solid #1c1c1c;border-radius:8px;background:#0d0d0d}.shell-page .panel-header{padding:.75rem 1rem;background:#050505;border-bottom:1px solid #2c2c2c;font-weight:600;display:flex;gap:.5rem;align-items:center;font-size:.875rem;color:#fff}.shell-page .panel-body{display:flex;gap:.75rem;align-items:center;padding:.75rem 1rem}.shell-page .suggested-code{flex:1;white-space:nowrap;overflow:auto;background:#050505;padding:.5rem;border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.875rem;color:#d1d5db}.shell-page .ssh-command-panel{margin-top:1rem;border:1px solid #1c1c1c;border-radius:8px;background:#0d0d0d}.shell-page .ssh-command-panel .panel-header{padding:.75rem 1rem;background:#050505;border-bottom:1px solid #2c2c2c;font-weight:600;display:flex;gap:.5rem;align-items:center;font-size:.875rem;color:#fff}.shell-page .ssh-command-panel .panel-body{display:flex;gap:.75rem;align-items:center;padding:.75rem 1rem}.shell-page .ssh-command-text{flex:1;white-space:nowrap;overflow:auto;background:#050505;padding:.5rem;border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.875rem;color:#d1d5db;display:block}.shell-page .ssh-command-panel .btn:disabled{opacity:.5;cursor:not-allowed}.shell-page .btn{padding:.5rem 1rem;border-radius:6px;border:none;font-size:.875rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;text-decoration:none}.shell-page .btn-sm{padding:.375rem .75rem;font-size:.8125rem}.shell-page .btn-outline{background:transparent;border:1px solid #2c2c2c;color:#fff}@media (hover: hover) and (pointer: fine){.shell-page .btn-outline:hover{background:#050505;border-color:#7c3aed}}.shell-page .btn-secondary{background:#050505;border:1px solid #2c2c2c;color:#fff}@media (hover: hover) and (pointer: fine){.shell-page .btn-secondary:hover{background:#1c1c1c;border-color:#7c3aed}}@media (prefers-reduced-motion: reduce){.shell-page .btn,.shell-page .form-control{transition:none}}.health-checks-container{max-width:1200px;margin:0 auto;padding:1.5rem;background:var(--bg-primary);min-height:100vh;color:var(--text-primary)}@media (max-width: 768px){.health-checks-container{padding:1rem}}.health-checks-container .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.health-checks-add-button{padding:.5rem 1rem;background:var(--accent-primary);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;transition:all .2s ease}@media (hover: hover) and (pointer: fine){.health-checks-add-button:hover{background:var(--accent-secondary)}}.health-checks-filters{display:flex;gap:.75rem;margin-bottom:1.5rem}.health-checks-search-input{flex:1;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;transition:border-color .2s ease}.health-checks-search-input:focus{outline:none;border-color:var(--accent-primary)}.health-checks-search-input::placeholder{color:var(--text-muted)}.health-checks-filter-select{padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;min-width:150px;cursor:pointer;transition:border-color .2s ease}.health-checks-filter-select:focus{outline:none;border-color:var(--accent-primary)}.health-checks-table{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);overflow:hidden}.health-checks-table-header{display:grid;grid-template-columns:2fr 3fr 1fr 1fr 2fr 1fr 1fr 2fr;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-secondary);font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.health-checks-table-row{display:grid;grid-template-columns:2fr 3fr 1fr 1fr 2fr 1fr 1fr 2fr;gap:.75rem;padding:1rem;border-bottom:1px solid var(--border-secondary);align-items:center;transition:background .2s ease}@media (hover: hover) and (pointer: fine){.health-checks-table-row:hover{background:var(--bg-hover)}}.health-checks-table-row:last-child{border-bottom:none}.health-check-name{color:var(--text-primary);font-size:.875rem;font-weight:500;margin-bottom:.25rem}.health-check-type{font-size:.6875rem;color:var(--text-muted)}.health-check-tag{padding:2px 6px;background:var(--bg-tertiary);border-radius:3px;font-weight:500;font-size:.6875rem}.health-check-tag-auto{color:var(--accent-success)}.health-check-tag-custom{color:var(--accent-primary)}.health-check-tag-external{color:var(--accent-warning)}.health-check-tag-internal{color:#3b82f6}.health-check-url{color:var(--text-secondary);font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.health-check-status-indicator{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;color:var(--text-primary);text-align:center}.health-check-status-indicator.is-success{background:var(--accent-success)}.health-check-status-indicator.is-failure{background:var(--accent-danger)}.health-check-status-indicator.is-warning{background:var(--accent-warning)}.health-check-status-indicator.is-unknown{background:var(--bg-tertiary)}.health-checks-action-link{color:var(--accent-primary);text-decoration:none;font-size:.8125rem;margin-right:.75rem;transition:color .2s ease}@media (hover: hover) and (pointer: fine){.health-checks-action-link:hover{color:var(--accent-secondary)}}.health-checks-action-button{padding:.25rem .75rem;background:transparent;border:1px solid var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.8125rem;cursor:pointer;margin-right:.5rem;transition:all .2s ease}@media (hover: hover) and (pointer: fine){.health-checks-action-button:hover{background:var(--bg-hover);border-color:var(--border-primary)}}.health-checks-action-button-danger{padding:.25rem .75rem;background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--accent-danger);font-size:.8125rem;cursor:pointer;transition:all .2s ease}@media (hover: hover) and (pointer: fine){.health-checks-action-button-danger:hover{background:#ef44441a;border-color:var(--accent-danger)}}.health-checks-loading{padding:3rem;text-align:center;color:var(--text-muted);font-size:1rem}.health-checks-empty-state{padding:4rem;text-align:center;background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg)}.health-checks-empty-button{display:inline-block;margin-top:1rem;padding:.625rem 1.25rem;background:var(--accent-primary);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-sm);font-size:.875rem;transition:all .2s ease}@media (hover: hover) and (pointer: fine){.health-checks-empty-button:hover{background:var(--accent-secondary)}}.health-checks-events-section{margin-top:2rem;background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:1.5rem}.health-checks-events-title{font-size:1.125rem;font-weight:500;color:var(--text-primary);margin:0 0 1.25rem}.health-checks-no-events{padding:2rem;text-align:center;color:var(--text-muted);font-size:.875rem}.health-checks-events-table{display:flex;flex-direction:column;gap:.5rem}.health-check-event-row{display:grid;grid-template-columns:2fr 2fr 1fr 3fr;gap:1rem;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:var(--radius-sm);align-items:center}.health-check-event-time{color:var(--text-muted);font-size:.8125rem}.health-check-event-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.health-check-event-status{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;color:var(--text-primary);text-align:center}.health-check-event-status.is-success{background:var(--accent-success)}.health-check-event-status.is-failure{background:var(--accent-danger)}.health-check-event-status.is-warning{background:var(--accent-warning)}.health-check-event-status.is-unknown{background:var(--bg-tertiary)}.health-check-event-details{color:var(--text-secondary);font-size:.8125rem}@media (max-width: 1024px){.health-checks-table-header,.health-checks-table-row{grid-template-columns:2fr 2fr 1fr 1fr 1fr 1.5fr}.health-checks-table-header>:nth-child(6),.health-checks-table-row>:nth-child(6){display:none}.health-checks-table-header>:nth-child(7),.health-checks-table-row>:nth-child(7){display:none}}@media (max-width: 768px){.health-checks-container{padding:1rem}.health-checks-header{flex-direction:column;align-items:flex-start;gap:1rem}.health-checks-add-button{width:100%;text-align:center}.health-checks-filters{flex-direction:column}.health-checks-table-header{display:none}.health-checks-table-row{grid-template-columns:1fr;gap:.5rem;padding:1rem}.health-check-event-row{grid-template-columns:1fr;gap:.5rem}}.health-check-detail-container{padding:1.5rem;background:#0d0d0d;min-height:100vh;color:#fff}.health-check-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.health-check-detail-warning{background:#2c1c1c;border:1px solid #ef4444;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.health-check-detail-warning-header{display:flex;align-items:center;gap:.5rem;color:#ef4444;font-size:.875rem;font-weight:600;text-transform:uppercase;margin-bottom:.5rem}.health-check-detail-warning-header i{font-size:1rem}.health-check-detail-warning-message{color:#ccc;font-size:.875rem;line-height:1.5}.health-check-detail-back-link{color:#6c2bd9;text-decoration:none;font-size:.875rem;display:block;margin-bottom:.5rem;transition:color .2s ease}@media (hover: hover) and (pointer: fine){.health-check-detail-back-link:hover{color:#7c3aed}}.health-check-detail-title{font-size:1.75rem;font-weight:500;color:#fff;margin:0 0 .5rem}.health-check-detail-type-badge{display:inline-block;padding:.25rem .75rem;background:#2c2c2c;border-radius:4px;font-size:.75rem;color:#b0b0b0}.health-check-detail-actions{display:flex;gap:.75rem}.health-check-detail-test-button{padding:.5rem 1rem;background:#6c2bd9;color:#fff;border:none;border-radius:4px;font-size:.875rem;cursor:pointer;font-weight:500;transition:all .2s ease}@media (hover: hover) and (pointer: fine){.health-check-detail-test-button:hover{background:#7c3aed}}.health-check-detail-edit-button{padding:.5rem 1rem;background:transparent;color:#ccc;border:1px solid #2c2c2c;border-radius:4px;font-size:.875rem;text-decoration:none;display:flex;align-items:center;transition:all .2s ease}@media (hover: hover) and (pointer: fine){.health-check-detail-edit-button:hover{background:#1c1c1c;border-color:#444}}.health-check-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.health-check-detail-card{background:#1c1c1c;border:1px solid #2c2c2c;border-radius:8px;padding:1.25rem}.health-check-detail-card-title{font-size:1rem;font-weight:500;color:#fff;margin-top:0;margin-bottom:1rem}.health-check-detail-status-panel{display:flex;flex-direction:column;gap:1rem}.health-check-detail-status-badge{display:inline-block;padding:.5rem 1.25rem;border-radius:20px;font-size:1rem;font-weight:600;color:#fff;text-align:center;align-self:flex-start}.health-check-detail-status-badge.is-success{background:var(--accent-success)}.health-check-detail-status-badge.is-failure{background:var(--accent-danger)}.health-check-detail-status-badge.is-warning{background:var(--accent-warning)}.health-check-detail-status-badge.is-unknown{background:#6b7280}.health-check-detail-status-details{display:flex;flex-direction:column;gap:.5rem}.health-check-detail-status-row{display:flex;justify-content:space-between;align-items:center}.health-check-detail-status-label{color:#b0b0b0;font-size:.875rem}.health-check-detail-status-value{color:#fff;font-size:.875rem;font-weight:500}.health-check-detail-config-grid{display:flex;flex-direction:column;gap:.75rem}.health-check-detail-config-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid #2c2c2c}.health-check-detail-config-row:last-child{border-bottom:none;padding-bottom:0}.health-check-detail-config-label{color:#b0b0b0;font-size:.875rem}.health-check-detail-config-value{color:#fff;font-size:.875rem;font-weight:500}.health-check-detail-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.health-check-detail-stat-card{background:#1c1c1c;border:1px solid #2c2c2c;border-radius:8px;padding:1rem;text-align:center}.health-check-detail-stat-label{color:#b0b0b0;font-size:.75rem;text-transform:uppercase;margin-bottom:.5rem}.health-check-detail-stat-value{color:#fff;font-size:1.5rem;font-weight:600}.health-check-detail-events-section{background:#1c1c1c;border:1px solid #2c2c2c;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.health-check-detail-events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.health-check-detail-events-title{font-size:1.125rem;font-weight:500;color:#fff;margin:0}.health-check-detail-events-controls{display:flex;gap:.5rem}.health-check-detail-filter-select{padding:.375rem .625rem;background:#0d0d0d;border:1px solid #2c2c2c;border-radius:4px;color:#fff;font-size:.8125rem;cursor:pointer;transition:border-color .2s ease}.health-check-detail-filter-select:focus{outline:none;border-color:#6c2bd9}.health-check-detail-no-events{padding:2rem;text-align:center;color:#b0b0b0;font-size:.875rem}.health-check-detail-events-table{display:flex;flex-direction:column;gap:.5rem}.health-check-detail-event-row{display:grid;grid-template-columns:2fr 1fr 1fr 3fr;gap:1rem;padding:.75rem 1rem;background:#0d0d0d;border-radius:4px;align-items:center}.health-check-detail-event-time{color:#b0b0b0;font-size:.8125rem}.health-check-detail-event-status{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;color:#fff;text-align:center}.health-check-detail-event-status.is-success{background:var(--accent-success)}.health-check-detail-event-status.is-failure{background:var(--accent-danger)}.health-check-detail-event-status.is-warning{background:var(--accent-warning)}.health-check-detail-event-status.is-unknown{background:#6b7280}.health-check-detail-event-code{color:#fff;font-size:.8125rem;font-weight:500}.health-check-detail-event-details{color:#ccc;font-size:.8125rem}.health-check-detail-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem}.health-check-detail-pagination-button{padding:.5rem 1rem;background:transparent;border:1px solid #2c2c2c;border-radius:4px;color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s ease}.health-check-detail-pagination-button:disabled{opacity:.5;cursor:not-allowed}@media (hover: hover) and (pointer: fine){.health-check-detail-pagination-button:not(:disabled):hover{background:#1c1c1c;border-color:#444}}.health-check-detail-pagination-info{color:#b0b0b0;font-size:.875rem}@media (max-width: 1024px){.health-check-detail-grid{grid-template-columns:1fr}.health-check-detail-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.health-check-detail-container{padding:1rem}.health-check-detail-header{flex-direction:column;align-items:flex-start;gap:1rem}.health-check-detail-actions{width:100%;flex-direction:column}.health-check-detail-test-button,.health-check-detail-edit-button{width:100%;justify-content:center}.health-check-detail-stats-grid{grid-template-columns:1fr}.health-check-detail-event-row{grid-template-columns:1fr;gap:.5rem}}.health-check-form-container{padding:1.5rem;background:#0d0d0d;min-height:100vh;color:#fff}.health-check-form-header{margin-bottom:2rem}.health-check-form-back-link{color:#6c2bd9;text-decoration:none;font-size:.875rem;display:block;margin-bottom:.5rem;transition:color .2s ease}@media (hover: hover) and (pointer: fine){.health-check-form-back-link:hover{color:#7c3aed}}.health-check-form-title{font-size:1.75rem;font-weight:500;color:#fff;margin:0}.health-check-form-errors{background:#2c1c1c;border:1px solid #ef4444;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.health-check-form-error{color:#ef4444;font-size:.875rem;margin-bottom:.5rem}.health-check-form-error:last-child{margin-bottom:0}.health-check-form{max-width:800px}.health-check-form-section{background:#1c1c1c;border:1px solid #2c2c2c;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.health-check-form-section-title{font-size:1rem;font-weight:500;color:#fff;margin-top:0;margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.5px}.health-check-form-field{margin-bottom:1.25rem}.health-check-form-field:last-child{margin-bottom:0}.health-check-form-label{display:block;color:#b0b0b0;font-size:.875rem;margin-bottom:.5rem;font-weight:500}.health-check-form-input{width:100%;padding:.625rem .75rem;background:#0d0d0d;border:1px solid #2c2c2c;border-radius:4px;color:#fff;font-size:.875rem;box-sizing:border-box;transition:border-color .2s ease}.health-check-form-input:focus{outline:none;border-color:#6c2bd9}.health-check-form-select{width:100%;padding:.625rem .75rem;background:#0d0d0d;border:1px solid #2c2c2c;border-radius:4px;color:#fff;font-size:.875rem;cursor:pointer;transition:border-color .2s ease}.health-check-form-select:focus{outline:none;border-color:#6c2bd9}.health-check-form-textarea{width:100%;padding:.625rem .75rem;background:#0d0d0d;border:1px solid #2c2c2c;border-radius:4px;color:#fff;font-size:.8125rem;font-family:monospace;box-sizing:border-box;resize:vertical;transition:border-color .2s ease}.health-check-form-textarea:focus{outline:none;border-color:#6c2bd9}.health-check-form-checkbox{width:20px;height:20px;cursor:pointer}.health-check-form-hint{color:#6b7280;font-size:.75rem;margin-top:.25rem}.health-check-form-advanced-toggle{background:transparent;border:none;color:#6c2bd9;font-size:.875rem;cursor:pointer;padding:0;margin-bottom:1rem;font-weight:500;transition:color .2s ease}@media (hover: hover) and (pointer: fine){.health-check-form-advanced-toggle:hover{color:#7c3aed}}.health-check-form-actions{display:flex;gap:.75rem;margin-top:2rem}.health-check-form-submit-button{padding:.75rem 1.5rem;background:#6c2bd9;color:#fff;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}@media (hover: hover) and (pointer: fine){.health-check-form-submit-button:hover{background:#7c3aed}}.health-check-form-cancel-button{padding:.75rem 1.5rem;background:transparent;color:#ccc;border:1px solid #2c2c2c;border-radius:4px;font-size:.875rem;text-decoration:none;display:flex;align-items:center;transition:all .2s ease}@media (hover: hover) and (pointer: fine){.health-check-form-cancel-button:hover{background:#1c1c1c;border-color:#444}}@media (max-width: 768px){.health-check-form-container{padding:1rem}.health-check-form-actions{flex-direction:column}.health-check-form-submit-button,.health-check-form-cancel-button{width:100%;justify-content:center}}.health-summary-container{padding:0;width:100%;box-sizing:border-box}.health-summary-loading{padding:3rem 1.5rem;text-align:center;color:#b0b0b0;font-size:.875rem;width:100%}.health-summary-empty{padding:3rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.health-summary-empty i{font-size:2rem;color:#6b7280}.health-summary-empty p{margin:0;color:#b0b0b0;font-size:.875rem}.health-summary-empty-button{margin-top:.5rem;padding:.5rem 1rem;background:#6c2bd9;color:#fff;text-decoration:none;border-radius:4px;font-size:.875rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;white-space:nowrap}@media (hover: hover) and (pointer: fine){.health-summary-empty-button:hover{background:#7c3aed}}.health-summary-content{display:flex;flex-direction:column;gap:1.5rem;width:100%;min-width:0}.health-status-main{display:flex;align-items:center;gap:1rem;padding:1rem;background:#151515;border:1px solid #2c2c2c;border-radius:6px;width:100%;box-sizing:border-box;min-width:0}.health-status-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.health-status-icon:before{content:"";width:1.5rem;height:1.5rem;border-radius:50%;position:absolute;transition:all .3s ease}.health-status-icon i{font-size:1.75rem;z-index:2;position:relative;transition:all .3s ease}.health-status-icon.status-healthy:before{background:#10b981;box-shadow:0 0 #10b981b3;animation:pulse-healthy 2s infinite}.health-status-icon.status-healthy i{color:#fff;text-shadow:0 0 8px rgba(16,185,129,.5)}@keyframes pulse-healthy{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.health-status-icon.status-degraded:before{background:#f59e0b;border-radius:4px;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.health-status-icon.status-degraded i{color:#fff}.health-status-icon.status-unhealthy:before{background:#ef4444;border-radius:2px;transform:rotate(45deg);width:1.25rem;height:.25rem}.health-status-icon.status-unhealthy:after{content:"";position:absolute;background:#ef4444;border-radius:2px;transform:rotate(-45deg);width:1.25rem;height:.25rem}.health-status-icon.status-unhealthy i{display:none}.health-status-icon.status-unknown:before{background:#6b7280;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff;content:"?";font-weight:700}.health-status-icon.status-unknown i{display:none}.health-status-text{flex:1;min-width:0}.health-status-label{font-size:.75rem;color:#b0b0b0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.health-status-value{font-size:1.5rem;font-weight:700;text-transform:capitalize;line-height:1;word-break:break-word}.health-status-value.status-healthy{color:#10b981}.health-status-value.status-degraded{color:#f59e0b}.health-status-value.status-unhealthy{color:#ef4444}.health-status-value.status-unknown{color:#6b7280}.health-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;min-width:0}.health-metric{padding:1rem;background:#151515;border:1px solid #2c2c2c;border-radius:6px;display:flex;flex-direction:column;gap:.5rem;min-width:0;box-sizing:border-box}.health-metric-label{font-size:.75rem;color:#b0b0b0;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.375rem;min-width:0}.health-metric-label i{font-size:.875rem;color:#6c2bd9;flex-shrink:0}.health-metric-value{font-size:1.375rem;font-weight:700;color:#fff;line-height:1;word-break:break-word;min-width:0}.health-metric-secondary{font-size:.75rem;color:#b0b0b0;margin-top:-.25rem;word-break:break-word}@media (min-width: 640px){.health-metrics-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 768px){.health-metrics-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem}.health-metric{padding:1.25rem}}@media (min-width: 1024px){.health-summary-content{gap:1.25rem}.health-status-main{padding:1.25rem 1.5rem}}@media (max-width: 640px){.health-metrics-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.health-metric{padding:.75rem}.health-status-main{padding:.75rem;gap:.75rem}.health-status-icon{width:2.5rem;height:2.5rem}.health-status-icon:before{width:1.25rem;height:1.25rem}.health-status-icon i{font-size:1.5rem}.health-status-icon.status-healthy:before{background:#10b981;box-shadow:0 0 #10b981b3}.health-status-icon.status-degraded:before{background:#f59e0b}.health-status-icon.status-unhealthy:before{background:#ef4444;width:1rem;height:.2rem}.health-status-icon.status-unhealthy:after{width:1rem;height:.2rem}.health-status-icon.status-unknown:before{background:#6b7280;font-size:.625rem}.health-status-value{font-size:1.25rem}.health-metric-value{font-size:1.125rem}}.service-card .card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;width:100%;box-sizing:border-box;min-width:0}.service-card .card-header h3{margin:0;flex:1;min-width:200px;word-break:break-word}@media (max-width: 640px){.service-card .card-header{flex-direction:column;align-items:stretch;gap:.75rem}.service-card .card-header h3{width:100%;min-width:0}.service-card .card-header .btn{width:100%;box-sizing:border-box}}@media (max-width: 480px){.service-card .card-header{gap:.5rem}.service-card .card-header h3{font-size:1rem}}.servers-page{background:#050505;min-height:100vh;padding:2rem}.server-detail-page{background:#050505;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 2rem;margin-bottom:2rem;border-bottom:1px solid #1c1c1c}.header-title{display:flex;align-items:center;gap:.75rem}.header-title i{color:#6c2bd9;font-size:1.5rem}.header-title h1{margin:0;font-size:1.75rem;font-weight:600;color:#fff;text-transform:lowercase}.header-left{display:flex;align-items:center;gap:1rem}.header-info h1{margin:0;font-size:1.5rem;font-weight:600;color:#fff;text-transform:lowercase}.header-subtitle{display:block;font-size:.875rem;color:#b0b0b0;margin-top:.25rem}.header-right{display:flex;align-items:center;gap:.75rem}.btn-back{background:transparent;border:1px solid #2c2c2c;color:#b0b0b0;padding:.5rem .75rem;border-radius:4px;cursor:pointer;transition:background .2s cubic-bezier(.25,.46,.45,.94)}@media (hover: hover) and (pointer: fine){.btn-back:hover{background:#0d0d0d;border-color:#3c3c3c;color:#fff}}.btn-primary,.btn-secondary,.btn-sm,.btn-lg{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);text-transform:lowercase}.btn-primary{background:#6c2bd9;color:#fff}@media (hover: hover) and (pointer: fine){.btn-primary:not(:disabled):hover{background:#7c3aed;transform:translateY(-1px)}}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;border:1px solid #2c2c2c;color:#b0b0b0}@media (hover: hover) and (pointer: fine){.btn-secondary:not(:disabled):hover{background:#0d0d0d;border-color:#3c3c3c;color:#fff}}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-lg{padding:.875rem 1.75rem;font-size:.9375rem}.servers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.server-card{background:#0d0d0d;border:1px solid #1c1c1c;border-radius:6px;overflow:hidden;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94)}@media (hover: hover) and (pointer: fine){.server-card:hover{border-color:#2c2c2c;transform:translateY(-2px)}}.card-header{padding:1rem 1.25rem;background:#0a0a0a;border-bottom:1px solid #1c1c1c;display:flex;justify-content:space-between;align-items:center}.card-title{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:#fff;text-transform:lowercase}.card-title i{color:#6c2bd9;font-size:.875rem}.card-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:.8125rem;color:#b0b0b0;text-transform:lowercase}.detail-value{font-size:.8125rem;color:#fff;font-weight:500}.detail-value.mono{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.75rem}.card-footer{padding:.75rem 1.25rem;background:#0a0a0a;border-top:1px solid #1c1c1c;display:flex;align-items:center;gap:.5rem}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.active{background:#10b981;animation:pulse-dot 2s cubic-bezier(.4,0,.6,1) infinite}.status-dot.inactive{background:#555}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-size:.8125rem;color:#b0b0b0;text-transform:lowercase}.server-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:lowercase}.status-success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.status-error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.status-warning{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.status-info{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.status-inactive{background:#5555551a;color:#9ca3af;border:1px solid rgba(85,85,85,.2)}.tabs-bar{display:flex;gap:0;background:#0d0d0d;border-bottom:1px solid #1c1c1c;padding:0 2rem}.tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#b0b0b0;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);text-transform:lowercase}.tab:disabled{opacity:.3;cursor:not-allowed}@media (hover: hover) and (pointer: fine){.tab:not(:disabled):hover{color:#fff;background:#151515}}.tab.active{color:#7c3aed;border-bottom-color:#7c3aed}.tab i{font-size:.875rem}.tab-content{padding:2rem;max-width:1400px;margin:0 auto}.server-panel{background:#0d0d0d;border:1px solid #1c1c1c;border-radius:6px;margin-bottom:1.5rem;overflow:hidden}.panel-header{padding:1rem 1.25rem;background:#0a0a0a;border-bottom:1px solid #1c1c1c;display:flex;justify-content:space-between;align-items:center}.panel-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#fff;text-transform:lowercase}.panel-title i{color:#6c2bd9;font-size:.875rem}.panel-body{padding:1.25rem}.panel-body.no-padding{padding:0}.panel-description{margin:0 0 1rem;font-size:.875rem;color:#b0b0b0;line-height:1.5}.live-badge{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:4px;font-size:.75rem;font-weight:600;color:#10b981;text-transform:lowercase}.live-dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:pulse-dot 2s cubic-bezier(.4,0,.6,1) infinite}.server-stats-panel{margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.server-metric-card{background:#0d0d0d;border:1px solid #1c1c1c;border-radius:6px;padding:1.25rem;display:flex;align-items:flex-start;gap:1rem}.metric-icon{width:40px;height:40px;border-radius:6px;background:#6c2bd91a;border:1px solid rgba(108,43,217,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon i{color:#6c2bd9;font-size:1rem}.metric-content{flex:1;min-width:0}.metric-label{font-size:.75rem;color:#b0b0b0;text-transform:lowercase;margin-bottom:.375rem}.metric-value{font-size:.9375rem;font-weight:600;color:#fff;word-break:break-all}.metric-value.mono{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.875rem}.health-indicator{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;text-transform:lowercase}.health-indicator.success{color:#10b981}.health-indicator.error{color:#ef4444}.code-output{margin:0;padding:1rem;background:#050505;border:1px solid #1c1c1c;border-radius:4px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.75rem;line-height:1.6;color:#ccc;overflow-x:auto;max-height:400px;overflow-y:auto}.debug-sections{display:flex;flex-direction:column;gap:1.5rem}.debug-section{display:flex;flex-direction:column;gap:.75rem}.debug-section-title{font-size:.8125rem;font-weight:600;color:#ccc;text-transform:lowercase}.server-form{display:flex;flex-direction:column;gap:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-size:.875rem;font-weight:500;color:#fff;text-transform:lowercase}.form-field input,.form-field select,.form-field textarea{padding:.625rem .875rem;background:#050505;border:1px solid #2c2c2c;border-radius:4px;color:#fff;font-size:.875rem;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.form-field input.mono{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8125rem}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#6c2bd9;background:#0a0a0a}.form-actions{display:flex;gap:.75rem;padding-top:.5rem}.detail-grid{display:flex;flex-direction:column;gap:.75rem}.detail-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid #1c1c1c}.detail-item:last-child{border-bottom:none}.detail-value.error{color:#ef4444}.setup-progress-container{max-height:600px;overflow-y:auto;background:#050505}.setup-progress-container::-webkit-scrollbar{width:8px}.setup-progress-container::-webkit-scrollbar-track{background:#0d0d0d}.setup-progress-container::-webkit-scrollbar-thumb{background:#2c2c2c;border-radius:4px}@media (hover: hover) and (pointer: fine){.setup-progress-container::-webkit-scrollbar-thumb:hover{background:#3c3c3c}}.setup-steps{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.setup-step{background:#0d0d0d;border:1px solid #1c1c1c;border-radius:4px;padding:1rem;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.step-in_progress{border-color:#3b82f6;background:#3b82f60d}.step-completed{border-color:#10b981;background:#10b9810d}.step-error{border-color:#ef4444;background:#ef44440d}.step-skipped{border-color:#555;background:#5555550d}.step-header{display:flex;align-items:flex-start;gap:.75rem}.step-icon{width:20px;flex-shrink:0;font-size:1rem}.step-in_progress .step-icon{color:#3b82f6}.step-completed .step-icon{color:#10b981}.step-error .step-icon{color:#ef4444}.step-skipped .step-icon{color:#9ca3af}.step-info{flex:1;min-width:0}.step-label{font-size:.875rem;font-weight:500;color:#fff;text-transform:lowercase}.step-time{font-size:.75rem;color:#b0b0b0;font-family:SF Mono,Monaco,Courier New,monospace;margin-top:.25rem}.step-output{margin-top:.75rem;padding:.75rem;background:#050505;border:1px solid #1c1c1c;border-radius:4px;max-height:300px;overflow-y:auto}.output-entry{margin-bottom:.75rem}.output-entry:last-child{margin-bottom:0}.output-command{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.75rem}.prompt{color:#10b981;-webkit-user-select:none;user-select:none}.command{color:#fff;font-weight:600;word-break:break-all}.output-text{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.7rem;line-height:1.6}.output-line{display:flex;gap:.5rem;margin-bottom:.125rem}.line-time{color:#6b7280;white-space:nowrap;font-size:.7rem}.line-text{color:#ccc;word-break:break-all}.setup-empty-state{padding:4rem 2rem;text-align:center;color:#b0b0b0}.setup-empty-state i{font-size:3rem;color:#2c2c2c;margin-bottom:1rem}.setup-empty-state p{margin:.5rem 0;font-size:.9375rem;font-weight:500;color:#fff;text-transform:lowercase}.setup-empty-state span{font-size:.875rem;color:#b0b0b0}.server-logs-container{height:600px;overflow-y:auto;background:#050505}.server-logs-container::-webkit-scrollbar{width:8px}.server-logs-container::-webkit-scrollbar-track{background:#0d0d0d}.server-logs-container::-webkit-scrollbar-thumb{background:#2c2c2c;border-radius:4px}@media (hover: hover) and (pointer: fine){.server-logs-container::-webkit-scrollbar-thumb:hover{background:#3c3c3c}}.logs-view{padding:1rem;font-family:SF Mono,Monaco,Courier New,monospace}.log-entry{padding:.375rem .75rem;margin-bottom:.125rem;border-left:2px solid transparent;font-size:.75rem;line-height:1.6}.log-text{color:#ccc;word-break:break-all}.log-error{border-left-color:#ef4444;background:#ef44440d}.log-warn{border-left-color:#f59e0b;background:#f59e0b0d}.log-info{border-left-color:#3b82f6}.log-debug{border-left-color:#6b7280}.server-logs-empty{height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#b0b0b0}.server-logs-empty i{font-size:3rem;color:#2c2c2c;margin-bottom:1rem}.server-logs-empty p{margin:.5rem 0;font-size:.9375rem;font-weight:500;color:#fff;text-transform:lowercase}.server-logs-empty span{font-size:.875rem;color:#b0b0b0}.empty-state-large{padding:6rem 2rem;text-align:center}.empty-state-large i{font-size:4rem;color:#2c2c2c;margin-bottom:1.5rem}.empty-state-large h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#fff;text-transform:lowercase}.empty-state-large p{margin:0 0 1.5rem;font-size:.9375rem;color:#b0b0b0}.empty-state-small{padding:3rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.empty-state-small i{font-size:2rem;color:#2c2c2c}.empty-state-small span{font-size:.875rem;color:#b0b0b0}.mono{font-family:SF Mono,Monaco,Courier New,monospace}.server-overview,.server-configuration{display:flex;flex-direction:column;gap:1.5rem}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}