:root{--bg:#f4f7f9;--surface:#fff;--surface-raised:#fff;--surface-soft:#eaf0f2;--text:#17272b;--muted:#61757b;--border:#d8e2e5;--accent:#087f72;--accent-hover:#066a60;--accent-soft:#d9f3ed;--danger:#c83f4d;--danger-soft:#fdecef;--warning:#a56206;--success:#13865f;--shadow:0 14px 40px #16323714;--sidebar:#fff;--code:#edf2f4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#11191b;--surface:#182326;--surface-raised:#1d2a2d;--surface-soft:#223236;--text:#edf5f4;--muted:#98abad;--border:#2c3d40;--accent:#36c5ae;--accent-hover:#59d7c2;--accent-soft:#173e39;--danger:#ff8792;--danger-soft:#42262b;--warning:#efbd65;--success:#52d6a5;--shadow:0 18px 50px #00000038;--sidebar:#151f22;--code:#101719;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img{max-width:100%}::selection{background:var(--accent);color:#fff}.container{width:min(1180px,100% - 40px);margin-inline:auto}.page{padding-block:42px 72px}.page--narrow{max-width:520px;margin-inline:auto}.stack{gap:20px;display:grid}.cluster{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spread{justify-content:space-between;align-items:center;gap:16px;display:flex}.muted{color:var(--muted)}.small{font-size:.875rem}.mono{font-family:SFMono-Regular,Consolas,monospace}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:30;border-bottom:1px solid color-mix(in srgb, var(--border) 75%, transparent);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0}.site-header__inner{align-items:center;gap:28px;min-height:72px;display:flex}.site-nav{align-items:center;gap:8px;margin-left:auto;display:flex}.site-nav a{color:var(--muted);border-radius:10px;padding:9px 12px;font-size:.92rem;font-weight:650}.site-nav a:hover{color:var(--text);background:var(--surface-soft)}.site-footer{border-top:1px solid var(--border);color:var(--muted);padding-block:28px}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}.site-footer__links{flex-wrap:wrap;gap:20px;display:flex}.site-footer a:hover{color:var(--text)}.brand{letter-spacing:.02em;align-items:center;gap:10px;font-size:1.12rem;font-weight:850;display:inline-flex}.brand__mark{color:#fff;background:var(--accent);border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.icon-button{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text);border-radius:11px;place-items:center;display:inline-grid}.icon-button:hover{background:var(--surface-soft);border-color:var(--accent)}.hero{padding-block:58px 34px}.hero__eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;font-size:.82rem;font-weight:750;display:inline-flex}.hero h1{letter-spacing:-.05em;max-width:760px;margin:16px 0;font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.08}.hero p{color:var(--muted);max-width:650px;font-size:1.08rem}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.section-heading h1,.section-heading h2{letter-spacing:-.03em;margin:0}.section-heading p{color:var(--muted);margin:6px 0 0}.grid{gap:22px;display:grid}.grid--servers{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px}.card__body{padding:22px}.card__header{border-bottom:1px solid var(--border);padding:20px 22px}.card__header h2,.card__header h3{margin:0;font-size:1.05rem}.server-card{transition:transform .2s,border-color .2s;overflow:hidden}.server-card:hover{border-color:var(--accent);transform:translateY(-4px)}.server-card__image{aspect-ratio:16/9;background:linear-gradient(135deg, var(--surface-soft), var(--accent-soft));display:block;position:relative;overflow:hidden}.server-card__image img{object-fit:cover;transition:transform .35s}.server-card:hover .server-card__image img{transform:scale(1.03)}.server-card__status{position:absolute;top:14px;left:14px}.server-card__content{padding:20px}.server-card__content h3{margin:0 0 10px;font-size:1.08rem;line-height:1.35}.server-card__description{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:44px;font-size:.92rem;display:-webkit-box;overflow:hidden}.server-card__footer{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.server-card__online{color:var(--muted);font-size:.88rem}.badge{background:var(--surface-soft);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:.75rem;font-weight:750;display:inline-flex}.badge--online,.badge--completed,.badge--enabled{background:var(--accent-soft);color:var(--success)}.badge--offline,.badge--failed,.badge--disabled{background:var(--danger-soft);color:var(--danger)}.badge--running,.badge--queued{color:var(--warning);background:color-mix(in srgb, var(--warning) 12%, var(--surface))}.button{border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 16px;font-size:.9rem;font-weight:750;transition:background .15s,transform .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.button--primary{background:var(--accent);color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#09231f)}.button--primary:hover{background:var(--accent-hover)}.button--secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.button--secondary:hover{background:var(--surface-soft)}.button--danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb, var(--danger) 25%, transparent)}.button--ghost{color:var(--muted);background:0 0}.button--small{min-height:34px;padding:6px 11px;font-size:.8rem}.button--wide{width:100%}.button-row{flex-wrap:wrap;gap:10px;display:flex}.metric{padding:22px}.metric__label{color:var(--muted);font-size:.85rem}.metric__value{letter-spacing:-.04em;margin-top:8px;font-size:2rem;font-weight:850;line-height:1.2}.metric__icon{color:var(--accent);float:right}.form{gap:18px;display:grid}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field{gap:7px;display:grid}.field label{font-size:.86rem;font-weight:700}.field small{color:var(--muted)}.input,.select,.textarea{border:1px solid var(--border);background:var(--surface-raised);width:100%;color:var(--text);border-radius:11px;outline:none;padding:11px 13px;transition:border .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.textarea{resize:vertical;min-height:130px}.checkbox{align-items:center;gap:9px;font-size:.9rem;font-weight:650;display:inline-flex}.checkbox input{width:18px;height:18px;accent-color:var(--accent)}.alert{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;padding:13px 16px}.alert--error{border-color:color-mix(in srgb, var(--danger) 35%, transparent);color:var(--danger);background:var(--danger-soft)}.alert--info{color:var(--muted)}.empty{text-align:center;border:1px dashed var(--border);color:var(--muted);background:color-mix(in srgb, var(--surface) 65%, transparent);border-radius:18px;padding:48px 24px}.empty svg{color:var(--accent);margin-bottom:12px}.table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:16px;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th{text-align:left;background:var(--surface-soft);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:13px 16px;font-size:.75rem}.table td{border-top:1px solid var(--border);vertical-align:middle;padding:14px 16px}.table tr:hover td{background:color-mix(in srgb, var(--surface-soft) 40%, transparent)}.table-actions{justify-content:flex-end;gap:8px;display:flex}.auth-card{padding:30px}.auth-card h1{letter-spacing:-.03em;margin:0 0 8px}.auth-card__footer{text-align:center;color:var(--muted);margin-top:20px;font-size:.9rem}.auth-card__footer a{color:var(--accent);font-weight:700}.app-layout{grid-template-columns:254px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);z-index:50;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.sidebar__brand{margin-bottom:28px;padding-inline:8px}.sidebar__group{margin-bottom:22px}.sidebar__title{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;padding:0 12px 8px;font-size:.7rem;font-weight:800}.sidebar__link{color:var(--muted);border-radius:11px;align-items:center;gap:11px;margin-bottom:3px;padding:11px 12px;font-size:.91rem;font-weight:650;display:flex}.sidebar__link:hover{background:var(--surface-soft);color:var(--text)}.sidebar__link--active{background:var(--accent-soft);color:var(--accent)}.sidebar__footer{border-top:1px solid var(--border);margin-top:auto;padding-top:16px}.user-chip{align-items:center;gap:10px;min-width:0;padding:8px;display:flex}.user-chip__avatar{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:10px;flex:none;place-items:center;font-weight:850;display:grid}.user-chip__text{min-width:0}.user-chip__text strong,.user-chip__text small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-chip__text small{color:var(--muted)}.app-main{min-width:0}.app-topbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:flex-end;align-items:center;gap:10px;height:68px;padding-inline:30px;display:flex}.app-content{max-width:1500px;margin-inline:auto;padding:32px}.page-header{margin-bottom:26px}.page-header h1{letter-spacing:-.035em;margin:0;font-size:1.75rem}.page-header p{color:var(--muted);margin:5px 0 0}.breadcrumbs{color:var(--muted);align-items:center;gap:8px;margin-bottom:12px;font-size:.8rem;display:flex}.breadcrumbs a:hover{color:var(--accent)}.mobile-menu,.sidebar-overlay{display:none}.tabs{background:var(--surface);border:1px solid var(--border);border-radius:13px;gap:6px;margin-bottom:24px;padding:5px;display:flex;overflow-x:auto}.tabs a{color:var(--muted);white-space:nowrap;border-radius:9px;padding:9px 13px;font-size:.85rem;font-weight:700}.tabs a:hover{color:var(--text);background:var(--surface-soft)}.tabs a.active{color:var(--accent);background:var(--accent-soft)}.server-hero{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:start;gap:28px;display:grid}.server-hero__image{aspect-ratio:16/8;background:var(--surface-soft);border-radius:20px;position:relative;overflow:hidden}.server-hero__image img{object-fit:cover}.definition-list{grid-template-columns:1fr 1fr;gap:14px;margin:0;display:grid}.definition-list dt{color:var(--muted);font-size:.8rem}.definition-list dd{overflow-wrap:anywhere;margin:3px 0 0;font-weight:650}.log-list{gap:2px;max-height:620px;font-family:SFMono-Regular,Consolas,monospace;font-size:.82rem;display:grid;overflow-y:auto}.log-item{overflow-wrap:anywhere;border-radius:8px;padding:9px 12px}.log-item:nth-child(odd){background:var(--surface-soft)}.log-item time{color:var(--muted);margin-right:10px;font-size:.75rem}@media (max-width:1050px){.grid--servers,.grid--metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.server-hero{grid-template-columns:1fr}}@media (max-width:800px){.app-layout{display:block}.sidebar{width:270px;transition:transform .2s;position:fixed;left:0;transform:translate(-105%)}.sidebar--open{transform:translate(0)}.sidebar-overlay{z-index:40;background:#00000073;border:0;display:block;position:fixed;inset:0}.app-topbar{justify-content:space-between;padding-inline:18px}.mobile-menu{display:inline-grid}.app-content{padding:24px 18px}}@media (max-width:620px){.container{width:min(100% - 28px,1180px)}.page{padding-block:28px 50px}.hero{padding-top:34px}.grid--servers,.grid--two,.grid--metrics,.form-row{grid-template-columns:1fr}.site-header__inner{gap:12px;min-height:64px}.site-nav{gap:2px}.site-nav a{padding:8px;font-size:.82rem}.site-nav .nav-home,.brand__text{display:none}.section-heading,.spread{flex-direction:column;align-items:flex-start}.auth-card{padding:22px}.definition-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}