@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";.app-layout{display:flex;flex-direction:row;height:100vh;overflow:hidden}.main-area{flex:1;display:flex;flex-direction:column;min-width:0;overflow-y:auto;padding:var(--padding-cards)}.sidebar{padding:0 .45rem;width:260px;min-width:260px;background:#000;display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid #262626}.sidebar-header{display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem}.fs-logo{width:28px;height:28px;flex-shrink:0;display:block;filter:drop-shadow(0 0 6px rgba(255,159,28,.5)) drop-shadow(0 0 14px rgba(255,92,26,.2))}.sidebar-header h1{font-size:1rem;font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-header a{color:#fff;text-decoration:none}.sidebar.nav-hidden{width:auto;min-width:auto}.sidebar-nav{gap:.05rem;flex:1;display:flex;flex-direction:column;padding:.5rem 0}.sidebar-category{margin-bottom:.15rem}.sidebar-category-btn{display:flex;width:100%;background:none;color:#999;font-size:.92rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;cursor:pointer;transition:color .12s}.sidebar-category-btn:hover{color:#fff}.sidebar-category-icon{display:flex;align-items:center;color:currentColor}.sidebar-arrow{margin-left:auto;font-size:.55rem;color:#666;transition:transform .15s;transform:rotate(-90deg)}.sidebar-arrow.expanded{transform:rotate(0)}.sidebar-tree-wrapper{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .3s ease}.sidebar-tree-wrapper.expanded{grid-template-rows:1fr}.sidebar-tree{display:flex;flex-direction:column;position:relative;min-height:0}.sidebar-tree:before{content:"";position:absolute;left:1.5rem;top:0;bottom:0;width:1px;background:#333}.sidebar-tree-item{display:flex;align-items:center;color:#aaa;font-size:.92rem;text-decoration:none}.sidebar-tree-item:hover{color:#fff}.sidebar-item-content{display:flex;align-items:center;gap:.6rem;padding:.4rem 1rem;flex:1;border-radius:var(--radius-border-1);position:relative}.sidebar-item-content{transition:background .25s ease,color .25s ease,font-weight .25s ease}.sidebar-item-content:hover{background:#ffffff14}.sidebar-item-content.active{color:#fff;background:#ffffff1a;font-weight:600}.sidebar-tree-line{display:flex;align-items:center;justify-content:center;width:2rem;min-width:2rem;align-self:stretch;position:relative}.sidebar-tree-label{padding-left:.3rem}.sidebar-separation{height:1px;background:#262626;margin:.5rem 1rem}.sidebar-title{padding:.75rem 1rem .25rem;color:#aaa;font-size:.92rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px}.sidebar-page{display:flex;align-items:center;color:#aaa;font-size:.92rem;text-decoration:none}.sidebar-page:hover{color:#fff}.sidebar-page-icon{display:flex;align-items:center;width:1.25rem;justify-content:center;color:currentColor}.hamburger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.6rem;margin:.4rem;width:fit-content}.hamburger-line{display:block;width:22px;height:2px;background:#999;border-radius:2px;transition:transform .2s,opacity .2s}.hamburger-line.open:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:99}@media(max-width:767px){.hamburger{display:flex}.sidebar-backdrop{display:block}.sidebar{position:fixed;top:0;left:0;z-index:100;height:100vh;transform:translate(-100%);transition:transform .25s ease}.sidebar.mobile-open{transform:translate(0)}.main-area{padding-top:0}}:root{--bg-main: #05070d;--bg-elevated: rgba(255, 255, 255, .03);--glass-bg: rgba(255, 255, 255, .045);--glass-hover: rgba(255, 255, 255, .07);--glass-active: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .08);--glass-border-strong: rgba(255, 255, 255, .14);--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-tertiary: rgba(255, 255, 255, .3);--spark: #ff9f1c;--ember: #ff5c1a;--flame: #ff3d00;--electric: #3b82f6;--cyan: #22d3ee;--color-success: #41f1b6;--color-error: #ff7782;--color-warning: #ffbb55;--color-primary: #ff9f1c;--color-primary-subtle: rgba(255, 159, 28, .12);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--padding-xs: .4rem;--padding-sm: .8rem;--padding-md: 1.2rem;--padding-lg: 1.8rem;--padding-xl: 2.4rem;--transition: .3s cubic-bezier(.25, .1, .25, 1);--sidebar-width: 260px;--color-dark: var(--text-primary);--color-information-dark: var(--text-secondary);--color-hover: var(--glass-hover);--color-light: var(--glass-bg);--color-card-bg: transparent;--color-background: var(--bg-main);--radius-border-cards: var(--radius-md);--radius-border-1: var(--radius-sm);--radius-border-2: var(--radius-md);--padding-cards: var(--padding-lg);--padding-middle: var(--padding-md);--padding-small: var(--padding-sm)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.88rem;background:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--text-primary);text-decoration:none}img{display:block;width:100%}h1{font-weight:700;font-size:1.5rem;letter-spacing:-.02em}h2{font-size:1.2rem;font-weight:600;letter-spacing:-.01em}h3{font-size:1rem;font-weight:600}p{color:var(--text-secondary);line-height:1.5}.text-muted{color:var(--text-secondary)}.primary{color:var(--spark)}.danger{color:var(--color-error)}.success{color:var(--color-success)}.warning{color:var(--color-warning)}.server-topbar{position:sticky;top:0;z-index:10;display:flex;gap:1px;background:var(--glass-border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--padding-cards);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.server-topbar a{flex:1;text-align:center;padding:.75rem 1rem;font-size:.85rem;font-weight:600;color:var(--text-secondary);background:var(--glass-bg);transition:all var(--transition);letter-spacing:.03em}.server-topbar a:hover{background:var(--glass-hover);color:var(--text-primary)}.server-topbar a.active{background:var(--color-primary-subtle);color:var(--spark)}.card{background:var(--glass-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(255,159,28,.03) 60deg,transparent 120deg,rgba(34,211,238,.02) 180deg,transparent 240deg,rgba(255,92,26,.03) 300deg,transparent 360deg);animation:cardShimmer 8s linear infinite;pointer-events:none;z-index:0}@keyframes cardShimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card:hover{border-color:var(--glass-border-strong);background:var(--glass-hover);transform:translateY(-1px)}.card>*{position:relative;z-index:1}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--padding-md) var(--padding-lg) 0}.card-title{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.card-body{padding:var(--padding-md) var(--padding-lg) var(--padding-lg)}.card-link{color:var(--spark);font-size:.82rem;font-weight:500;transition:opacity var(--transition)}.card-link:hover{opacity:.8}.grid-container{display:grid;gap:var(--padding-md)}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}.loading-container{display:flex;justify-content:center;align-items:center;min-height:50vh}.spinner{width:28px;height:28px;border:2px solid rgba(255,255,255,.06);border-top-color:var(--spark);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-title{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--padding-lg)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--padding-lg)}.section-title{margin-bottom:var(--padding-md);color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.5rem 1.1rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--transition);border:none;font-family:inherit;letter-spacing:.01em;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--spark),var(--ember));color:#fff;box-shadow:0 2px 12px #ff9f1c33}.btn-primary:hover{box-shadow:0 4px 20px #ff9f1c59;transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--glass-border);color:var(--text-primary)}.btn-outline:hover{background:var(--glass-hover);border-color:var(--glass-border-strong)}.btn-danger{background:#ff77821f;color:var(--color-error)}.btn-danger:hover{background:#ff778233}.btn-success{background:#41f1b61f;color:var(--color-success)}.btn-success:hover{background:#41f1b633}.btn-warning{background:#ffbb551f;color:var(--color-warning)}.btn-warning:hover{background:#fb53}.btn-ghost{background:transparent;color:var(--text-secondary);padding:.4rem .8rem}.btn-ghost:hover{background:var(--glass-hover);color:var(--text-primary)}.btn-icon{padding:.45rem;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);line-height:0}.btn-icon:hover{background:var(--glass-hover);color:var(--text-primary)}.btn-sm{padding:.35rem .8rem;font-size:.75rem}.btn-block{width:100%}.status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:100px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.status-badge.online{background:#41f1b61a;color:var(--color-success)}.status-badge.offline{background:#ff77821a;color:var(--color-error)}.status-badge.warning{background:#ffbb551a;color:var(--color-warning)}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.status-badge.online .status-dot{box-shadow:0 0 5px var(--color-success)}.status-badge.offline .status-dot{box-shadow:0 0 5px var(--color-error)}.progress-bar{height:3px;background:#ffffff0d;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .6s ease}.progress-fill.success{background:var(--color-success)}.progress-fill.warning{background:var(--color-warning)}.progress-fill.danger{background:var(--color-error)}.progress-fill.spark{background:linear-gradient(90deg,var(--spark),var(--ember))}.stat-item{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:.8rem;color:var(--text-secondary)}.stat-value{font-size:.95rem;font-weight:600;color:var(--text-primary)}.stat-value.large{font-size:1.8rem;font-weight:700;letter-spacing:-.03em}.form-group{margin-bottom:1.2rem}.form-label{display:block;font-size:.78rem;font-weight:500;color:var(--text-secondary);margin-bottom:.35rem}.form-input,.form-select,.form-textarea{width:100%;padding:.55rem .85rem;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.88rem;font-family:inherit;transition:all var(--transition);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--spark);box-shadow:0 0 0 3px var(--color-primary-subtle)}.form-input::placeholder{color:var(--text-tertiary)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='rgba(255,255,255,0.55)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;padding-right:2.2rem}.form-textarea{min-height:80px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;gap:1rem;margin-top:2rem}.alert{padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-sm);font-size:.85rem;line-height:1.5}.alert-danger{background:#ff77821a;border:1px solid rgba(255,119,130,.2);color:var(--color-error)}.modal-backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#0a0c14f2;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--padding-xl);max-width:440px;width:100%;box-shadow:0 20px 60px #00000080;animation:modalSlideIn .25s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.modal-body{font-size:.9rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6;white-space:pre-line}.fade-in{animation:fadeIn .35s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;position:relative}.login-container{max-width:400px;width:100%}.login-header{text-align:center;margin-bottom:2.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.login-title{font-size:1.8rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--spark),var(--ember));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-card{padding:var(--padding-xl)}.servers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--padding-md)}.server-card{cursor:pointer}.server-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--padding-md) var(--padding-lg);border-bottom:1px solid rgba(255,255,255,.04)}.server-card-name{display:flex;align-items:center;gap:.6rem;font-size:.95rem;font-weight:600}.server-card-body{padding:var(--padding-md) var(--padding-lg)}.server-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.server-stat{display:flex;flex-direction:column;gap:.2rem}.server-stat-label{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.server-stat-value{font-size:1.1rem;font-weight:700}.server-stat-value.spark{color:var(--spark)}.server-stat-value.success{color:var(--color-success)}.server-stat-value.cyan{color:var(--cyan)}.server-stat-value.ember{color:var(--ember)}.server-card-actions{display:flex;gap:.5rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.quick-action{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);text-decoration:none;color:var(--text-primary);font-size:.82rem}.quick-action:hover{background:var(--glass-hover);border-color:var(--glass-border-strong)}.quick-action-icon{font-size:1.1rem;flex-shrink:0}.logs-filter-bar{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.logs-filter-bar .form-select{min-width:180px}.logs-container{display:flex;flex-direction:column;gap:.15rem}.log-entry{display:flex;align-items:center;gap:.6rem;padding:.3rem .6rem;border-radius:var(--radius-sm);font-size:.78rem;font-family:SF Mono,Fira Code,Consolas,monospace}.log-entry:hover{background:var(--glass-bg)}.log-timestamp{color:var(--text-tertiary);flex-shrink:0}.log-level{font-size:.6rem;font-weight:700;padding:.1rem .35rem;border-radius:4px;text-transform:uppercase;flex-shrink:0}.log-level.info{background:#3b82f626;color:var(--electric)}.log-level.success{background:#41f1b626;color:var(--color-success)}.log-level.warning{background:#ffbb5526;color:var(--color-warning)}.log-level.error{background:#ff778226;color:var(--color-error)}.log-level.critical{background:#ff778233;color:var(--color-error)}.log-source{font-size:.68rem;color:var(--text-tertiary);margin-left:auto;flex-shrink:0}.log-message{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-server{font-size:.65rem;color:var(--spark);flex-shrink:0}.empty-text{text-align:center;color:var(--text-secondary);padding:2rem 0}.empty-state{text-align:center;padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.empty-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.error-page{display:flex;align-items:center;justify-content:center;min-height:60vh}.error-page-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.error-code{font-size:5rem;font-weight:900;color:var(--color-error);line-height:1;letter-spacing:-.04em}.error-page-title{font-size:1.4rem;color:var(--text-primary)}.error-page-desc{font-size:.9rem;color:var(--text-secondary);max-width:400px;margin-bottom:.5rem}.filter-card{margin-bottom:var(--padding-lg)}.filter-row{display:flex;gap:1rem;padding:var(--padding-md) var(--padding-lg)}.filter-select{min-width:180px}.toggle-section{display:flex;flex-direction:column;gap:1rem;padding:var(--padding-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);margin-top:1.5rem}.service-list{display:flex;flex-direction:column;gap:.75rem}.service-card-inner{display:flex;justify-content:space-between;align-items:center;padding:var(--padding-md) var(--padding-lg)}.service-card-info{flex:1}.service-card-name{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem;font-size:1rem;font-weight:600}.service-card-meta{display:flex;gap:1.5rem;font-size:.85rem;color:var(--text-secondary)}.service-card-actions{display:flex;gap:.5rem;flex-shrink:0}.action-card-inner{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--padding-md) var(--padding-lg)}.action-card-info{flex:1}.action-card-name{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1rem;font-weight:600}.action-card-desc{color:var(--text-secondary);font-size:.85rem;margin-bottom:.5rem}.action-card-meta{font-size:.8rem;color:var(--text-tertiary)}.action-card-actions{display:flex;gap:.5rem;flex-shrink:0;margin-left:1rem}.action-favorite{cursor:pointer;font-size:1.1rem;transition:transform var(--transition)}.action-favorite:hover{transform:scale(1.2)}.auto-refresh-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-secondary);font-size:.82rem;-webkit-user-select:none;user-select:none}.checkbox-glass{appearance:none;width:16px;height:16px;border:1px solid var(--glass-border);border-radius:4px;background:var(--glass-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.checkbox-glass:checked{background:var(--spark);border-color:var(--spark)}.checkbox-glass:checked:after{content:"";position:absolute;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);top:1px}.settings-layout{display:grid;grid-template-columns:200px 1fr;gap:var(--padding-cards);align-items:start}.settings-nav{padding:var(--padding-sm);display:flex;flex-direction:column;gap:.25rem}.settings-nav-item{padding:.7rem .9rem;cursor:pointer;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:all var(--transition)}.settings-nav-item:hover{background:var(--glass-hover);color:var(--text-primary)}.settings-nav-item.active{background:var(--color-primary-subtle);color:var(--spark)}@media(max-width:900px){.servers-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.logs-filter-bar{flex-direction:column;align-items:stretch}}@media(max-width:640px){.servers-grid,.server-card-stats{grid-template-columns:1fr}.filter-row{flex-direction:column}.filter-select{min-width:auto}}