@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0";:root{color-scheme:dark;--bg: #070a12;--bg-elevated: rgba(11, 16, 32, .72);--text: rgba(245, 247, 255, .94);--muted: rgba(245, 247, 255, .66);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .16);--surface: rgba(255, 255, 255, .035);--surface-strong: rgba(255, 255, 255, .06);--surface-inset: rgba(0, 0, 0, .22);--ring: rgba(138, 180, 255, .42);--accent-a: rgba(138, 180, 255, 1);--accent-b: rgba(153, 86, 255, .95);--accent-c: rgba(53, 208, 127, .95);--danger: rgba(255, 92, 122, .95);--warn: rgba(255, 211, 107, .95);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--shadow-sm: 0 10px 28px rgba(0, 0, 0, .32);--shadow-lg: 0 22px 80px rgba(0, 0, 0, .48);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:450;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(1200px 700px at 12% 10%,rgba(138,180,255,.18),transparent 58%),radial-gradient(1050px 560px at 92% 14%,rgba(153,86,255,.16),transparent 56%),radial-gradient(900px 560px at 52% 100%,rgba(53,208,127,.09),transparent 58%),var(--bg);position:relative;isolation:isolate}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;opacity:.18;-webkit-mask-image:radial-gradient(900px 540px at 34% 18%,black 0%,transparent 72%);mask-image:radial-gradient(900px 540px at 34% 18%,black 0%,transparent 72%);z-index:0}body:after{content:"";position:fixed;inset:-45%;pointer-events:none;background:radial-gradient(520px 520px at 18% 22%,rgba(138,180,255,.28),transparent 60%),radial-gradient(640px 540px at 78% 18%,rgba(153,86,255,.22),transparent 62%),radial-gradient(560px 520px at 50% 78%,rgba(53,208,127,.14),transparent 64%);filter:blur(46px);opacity:.55;transform:translateZ(0);animation:backgroundFloat 22s ease-in-out infinite alternate;z-index:-1}#root{position:relative;z-index:1}a{color:inherit}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.95em}::selection{background:#9956ff59}@keyframes backgroundFloat{0%{transform:translate3d(-2%,-2%,0) scale(1)}50%{transform:translate3d(2%,-1%,0) scale(1.02)}to{transform:translate3d(0,2%,0) scale(1.03)}}@media(prefers-reduced-motion:reduce){body:after{animation:none}}@media(prefers-color-scheme:light){:root{color-scheme:light;--bg: #f7f9ff;--bg-elevated: rgba(247, 249, 255, .78);--text: rgba(9, 18, 41, .92);--muted: rgba(9, 18, 41, .62);--border: rgba(9, 18, 41, .14);--border-strong: rgba(9, 18, 41, .2);--surface: rgba(9, 18, 41, .04);--surface-strong: rgba(9, 18, 41, .06);--surface-inset: rgba(9, 18, 41, .06);--ring: rgba(88, 126, 255, .35)}body:before{opacity:.16;background-image:linear-gradient(rgba(9,18,41,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(9,18,41,.05) 1px,transparent 1px)}body:after{opacity:.42;background:radial-gradient(520px 520px at 16% 22%,rgba(88,126,255,.2),transparent 60%),radial-gradient(640px 540px at 78% 18%,rgba(153,86,255,.14),transparent 62%),radial-gradient(560px 520px at 50% 78%,rgba(53,208,127,.12),transparent 64%)}}:root{--surface: #131313;--surface-container-lowest: #0e0e0e;--surface-container-low: #1c1b1b;--surface-container: #201f1f;--surface-container-high: #2a2a2a;--surface-container-highest: #353534;--primary: #adc6ff;--primary-container: #4d8efe;--on-primary-container: #00285c;--secondary: #d4bbff;--secondary-container: #543589;--secondary-fixed: #ebdcff;--on-secondary-container: #c6a5ff;--tertiary: #ffb780;--on-surface: #e5e2e1;--on-surface-variant: #c2c6d5;--outline: #8c909f;--outline-variant: #424753;--error: #ffb4ab;--error-container: #93000a}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background-color:var(--surface);color:var(--on-surface);overflow:hidden}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:2px}.text-display-lg{font-size:3.5rem;letter-spacing:-.02em;font-weight:700;line-height:1}.text-title-lg{font-size:1.375rem;font-weight:600;line-height:1.2}.text-body-md{font-size:.875rem;font-weight:400}.text-label-sm{font-size:.6875rem;letter-spacing:.05em;font-weight:500;text-transform:uppercase}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:320px;flex-shrink:0;background-color:var(--surface);display:flex;flex-direction:column;padding:1.5rem;gap:1rem;height:100vh;z-index:50;border-right:none}.profile-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.5rem}.profile-avatar{width:2.5rem;height:2.5rem;border-radius:.125rem;background-color:var(--surface-container-highest);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.profile-name{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--primary-container));-webkit-background-clip:text;color:transparent;margin:0}.profile-desc{color:var(--on-surface-variant);opacity:.7;margin:0}.server-status-section{padding-top:1rem;border-top:1px solid rgba(66,71,83,.15);display:flex;flex-direction:column;gap:.5rem}.status-label{color:var(--on-surface-variant);margin:0 0 .25rem}.metric-row{display:flex;justify-content:space-between;align-items:center}.metric-name{color:var(--on-surface-variant);opacity:.6}.metric-bar-bg{width:6rem;height:.25rem;background-color:var(--surface-container-high);border-radius:9999px;overflow:hidden}.metric-bar-fill{height:100%}.metric-bar-fill.cpu{background-color:var(--primary)}.metric-bar-fill.ram{background-color:var(--secondary)}.metric-bar-fill.disk{background-color:var(--tertiary)}.main-content{flex:1;display:flex;flex-direction:column;background-color:var(--surface);overflow:hidden}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#131313b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(66,71,83,.15);z-index:40}.topbar-left{display:flex;align-items:center;gap:1.5rem}.menu-icon{color:var(--primary);cursor:pointer}.topbar-title{color:var(--primary);margin:0}.nav-tabs{display:flex;gap:.25rem;background-color:var(--surface-container-low);padding:.25rem;border-radius:.125rem;overflow-x:auto}.nav-tab{background:transparent;border:none;padding:.5rem 1rem;color:var(--on-surface-variant);opacity:.7;cursor:pointer;border-radius:.125rem;transition:background-color .1s ease;white-space:nowrap}.nav-tab:hover{background-color:var(--surface-container-high)}.nav-tab.active{background-color:var(--surface-container-highest);color:var(--primary);opacity:1;font-weight:600}.canvas{flex:1;overflow-y:auto;padding:2rem 3rem;display:flex;flex-direction:column;gap:3rem}.mobile-nav{display:none;position:fixed;bottom:0;left:0;width:100%;height:4rem;justify-content:space-around;align-items:center;z-index:50;background-color:#1c1b1bcc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(66,71,83,.1)}@media(max-width:1024px){.canvas{padding:1.5rem;gap:2rem}.sidebar{width:260px}}@media(max-width:768px){.app-layout{flex-direction:column}.sidebar{display:none}.mobile-nav{display:flex}}.bento-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.25rem;background-color:var(--surface-container-low);border-radius:.5rem;padding:.25rem}.bento-hero{grid-column:span 12;background-color:var(--surface-container-high);padding:2rem;display:flex;flex-direction:column;justify-content:space-between;min-height:280px}@media(min-width:768px){.bento-hero{grid-column:span 8}}.bento-aside{grid-column:span 12;background-color:var(--primary-container);color:var(--on-primary-container);padding:2rem;display:flex;flex-direction:column;justify-content:space-between}@media(min-width:768px){.bento-aside{grid-column:span 4}}.detail-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:start}@media(min-width:1024px){.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4rem}}.detail-main{display:flex;flex-direction:column;gap:2rem}@media(min-width:1024px){.detail-main{grid-column:span 2}}.detail-side{display:flex;flex-direction:column;gap:1.5rem}.section-title{border-left:4px solid var(--secondary);padding-left:1rem;margin:0;color:var(--on-surface)}.list-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:.25rem;background-color:var(--surface-container);cursor:pointer;transition:background-color .1s ease;margin-bottom:.5rem;text-decoration:none}.list-item:hover{background-color:var(--surface-container-highest)}.list-item-left{display:flex;align-items:center;gap:1rem}.list-item-icon{color:var(--outline)}.list-item-title{margin:0;color:var(--on-surface)}.list-item-meta{margin:0;color:var(--on-surface-variant);opacity:.6}.meta-card{padding:1.5rem;background-color:var(--surface-container-low);border-radius:.5rem;display:flex;flex-direction:column;gap:1rem}.meta-row{display:flex;flex-direction:column;gap:.25rem}.meta-row p{margin:0}.meta-label{color:var(--secondary-fixed)}.meta-value{font-size:1.125rem;font-weight:600;color:var(--on-surface)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.125rem;font-family:Inter,sans-serif;font-weight:600;cursor:pointer;transition:opacity .1s ease;font-size:.875rem;white-space:nowrap}.btn:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.25rem .6rem;font-size:.75rem}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-container));color:var(--on-primary-container);border:none}.btn-secondary{background:transparent;color:var(--on-surface);border:1px solid rgba(66,71,83,.2)}.btn-tertiary{background:transparent;color:var(--secondary);border:none;padding:0}.btn-sub{background-color:var(--on-primary-container);color:var(--primary-container);border:none}@keyframes pulse-shadow{0%{box-shadow:0 0 #ffb78080}70%{box-shadow:0 0 0 10px #ffb78000}to{box-shadow:0 0 #ffb78000}}.status-dot{width:.5rem;height:.5rem;border-radius:9999px;background-color:var(--tertiary);animation:pulse-shadow 2s infinite;box-shadow:0 0 #ffb78000}.status-dot.ok{background-color:var(--primary);animation-name:pulse-primary;box-shadow:0 0 #adc6ff00}@keyframes pulse-primary{0%{box-shadow:0 0 #adc6ff80}70%{box-shadow:0 0 0 10px #adc6ff00}to{box-shadow:0 0 #adc6ff00}}.status-dot.error{background-color:var(--error);animation:none}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-row{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.form-row{grid-template-columns:1fr 1fr}}.form-input{background-color:var(--surface-container-lowest);border:none;color:var(--on-surface);font-family:inherit;padding:.75rem;border-radius:.125rem;outline:1px solid rgba(66,71,83,.15);transition:background .1s ease,outline .1s ease;width:100%}.form-input:focus{outline:1px solid rgba(173,198,255,.4)}.form-input:disabled{opacity:.6}select.form-input{appearance:auto}.error-text{color:var(--error);font-size:.875rem}.muted-text{color:var(--on-surface-variant);font-size:.875rem}.hero-bars{display:flex;gap:1rem}.hero-bar-container{height:3rem;width:.25rem;background-color:#42475333;border-radius:9999px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.hero-bar-fill{background-color:var(--primary);width:100%}