:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e7edf7;background:#0b1220;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;background:radial-gradient(ellipse at 85% -20%,#17334955,transparent 36%),#0b1220}.sidebar{width:250px;flex:none;background:#0d1727;border-right:1px solid #263347;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;padding:28px 16px}.sidebar-brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;letter-spacing:-.05em;padding:0 13px 36px}.sidebar-brand>span:last-child{line-height:1}.sidebar-brand small{display:block;color:#8293aa;font-size:9px;letter-spacing:.24em;margin-top:7px;font-weight:750}.brand-accent{color:#42d6bd}.brand-mark{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:12px;background:#1fba9c;color:#06271f;box-shadow:0 6px 22px #17b99b38;flex:none}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:13px;color:#91a2b8;padding:13px 14px;border-radius:10px;font-size:13px;font-weight:600;transition:.2s}.nav-item:hover{color:#fff;background:#172337}.nav-item.active{color:#47dfc1;background:#143638}.sidebar-bottom{margin-top:auto;padding:15px 11px 5px;border-top:1px solid #263347}.server-identity{display:flex;align-items:center;gap:11px}.server-identity strong{display:block;color:#edf4fd;font-size:12px}.server-identity small{display:block;color:#8b9bb0;font-size:11px;margin-top:3px}.sidebar-bottom>p{color:#72849c;font-size:11px;line-height:1.8;margin:16px 0 0 21px}.main-content{flex:1;min-width:0}.topbar{height:73px;border-bottom:1px solid #263347;display:flex;align-items:center;justify-content:flex-end;padding:0 43px;background:#0e1726aa}.topbar-right{display:flex;align-items:center;gap:14px}.topbar-time{color:#8292a8;font-size:12px}.icon-button,.signout-button{height:35px;border-radius:8px;border:1px solid #344158;background:#182335;color:#bbc9d9;display:inline-flex;align-items:center;justify-content:center}.icon-button{width:35px}.icon-button:hover,.signout-button:hover{border-color:#49d8c1;color:#fff}.signout-button{gap:8px;padding:0 13px;font-size:12px;font-weight:650}.mobile-brand{display:none}.page-content{max-width:1440px;margin:auto;padding:38px 43px 28px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:36px}.eyebrow{font-size:10px;font-weight:800;color:#48d9bd;letter-spacing:.18em;margin:0 0 10px}.page-heading h1{font-size:31px;letter-spacing:-.055em;margin:0 0 9px;font-weight:750}.muted{color:#90a0b6;font-size:13px;margin:0}.overall-pill{display:inline-flex;align-items:center;gap:9px;border-radius:50px;padding:10px 14px;font-size:12px;font-weight:700;white-space:nowrap;margin-bottom:4px}.overall-pill.healthy{color:#5ce6c7;background:#133b38;border:1px solid #286a60}.overall-pill.degraded{color:#ffb6a9;background:#42282b;border:1px solid #8a4449}.section-block{margin-bottom:42px;scroll-margin-top:24px}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:17px}.section-title h2{font-size:20px;letter-spacing:-.035em;margin:0;font-weight:725}.section-title .eyebrow{margin-bottom:6px}.section-aside{display:inline-flex;align-items:center;gap:8px;color:#879ab0;font-size:11px;font-weight:600;padding-bottom:3px}.live-pulse{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;background:#39d5aa;box-shadow:0 0 0 4px #2bcda526,0 0 11px #43e3b1a0}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.metric-card,.service-card,.logs-card{border:1px solid #2b3a50;background:linear-gradient(155deg,#182438,#131f31);box-shadow:0 12px 38px #06101b2a;border-radius:15px}.metric-card{min-height:212px;padding:19px 21px 17px;overflow:hidden}.metric-top{display:flex;align-items:center;justify-content:space-between}.metric-icon{width:37px;height:37px;border-radius:10px;display:flex;align-items:center;justify-content:center}.metric-trend{color:#7e92a9;font-size:9px;font-weight:800;letter-spacing:.13em;display:flex;align-items:center;gap:9px}.metric-trend .live-pulse{width:6px;height:6px}.metric-label{font-size:12px;color:#9daec2;font-weight:600;margin:19px 0 3px}.metric-main{display:flex;align-items:flex-end;justify-content:space-between;gap:6px}.metric-main strong{font-size:28px;letter-spacing:-.055em;line-height:1.2}.sparkline{height:42px;width:37%;opacity:.8}.metric-detail{color:#91a4b9;font-size:11px;margin:5px 0 17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meter{height:5px;border-radius:10px;background:#29394c;overflow:hidden}.meter span{display:block;height:100%;border-radius:10px;transition:width .5s}.host-strip{margin-top:15px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #283649;border-radius:12px;background:#101b2c;overflow:hidden}.host-strip>div{display:flex;align-items:center;gap:9px;padding:16px 18px;border-right:1px solid #283649;color:#8192aa;font-size:11px}.host-strip>div:last-child{border-right:0}.host-strip svg{color:#68bcae;flex:none}.host-strip strong{color:#dce8f5;font-weight:700;margin-left:auto;white-space:nowrap}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.service-card{min-height:192px;padding:19px 19px 0;display:flex;flex-direction:column}.service-top{display:flex;align-items:flex-start;justify-content:space-between}.service-icon{width:39px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#274056;color:#64cbbd}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:20px;font-size:10px;font-weight:750}.status-badge i{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.running{color:#65dfb8;background:#204137}.status-badge.stopped{color:#f1aa96;background:#472d33}.service-copy{padding:14px 0 16px}.service-copy .eyebrow{color:#788da5;font-size:9px;margin-bottom:5px}.service-copy h3{font-size:15px;letter-spacing:-.02em;margin:0 0 5px}.service-copy>p:last-child{font-size:11px;color:#94a5b9;margin:0}.service-footer{margin-top:auto;border-top:1px solid #2b394c;height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8294a9;font-size:10px}.service-footer>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-actions{display:flex;align-items:center;gap:7px}.service-actions button,.protected-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#223248;border:1px solid #36475f;color:#b9ccda;border-radius:7px}.service-actions button:hover{color:#4bddc5;border-color:#4bddc5}.protected-icon{opacity:.55}.service-note{display:flex;align-items:center;gap:8px;color:#7289a3;font-size:11px;margin:14px 0 0}.logs-card{overflow:hidden}.logs-toolbar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid #2d3b4d}.logs-title{display:flex;align-items:center;gap:11px;color:#d9e4f2;font-size:12px;font-weight:750}.logs-title>svg{color:#43d5b9}.logs-divider{height:18px;width:1px;background:#3a4b60;margin:0 4px}.select-wrap{display:flex;align-items:center;position:relative;color:#aebdd0}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#aebdd0;font-weight:650;padding:5px 22px 5px 2px;outline:0;font-size:12px}.select-wrap select option{background:#1a293a;color:#fff}.select-wrap svg{position:absolute;right:2px;pointer-events:none}.logs-refresh{display:flex;align-items:center;gap:7px;background:#223248;border:1px solid #35475d;border-radius:7px;padding:7px 10px;color:#c7d6e6;font-size:11px}.logs-refresh:hover{border-color:#49d8c1}.logs-output{margin:0;background:#0b1524;color:#b3c5d2;min-height:235px;max-height:370px;overflow:auto;padding:21px 23px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.logs-bottom{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#7f91a5;font-size:10px}.logs-bottom>span,.logs-bottom a{display:inline-flex;align-items:center;gap:9px}.logs-bottom a{color:#9ecec7}.logs-bottom a:hover{color:#4de0c5}.logs-bottom .live-pulse{width:6px;height:6px}.footer{border-top:1px solid #243247;padding-top:18px;color:#6c8099;font-size:10px;display:flex;justify-content:space-between;gap:12px}.error-banner{background:#48282e;color:#ffd3d0;border:1px solid #93505a;border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:23px}.error-banner button{margin-left:auto;border:0;background:transparent;color:#ffd3d0}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% -10%,#1e554c55,transparent 40%),#0b1220}.login-glow{position:absolute;width:440px;height:440px;border-radius:50%;background:#24b99a18;filter:blur(100px);top:12%;pointer-events:none}.login-card{width:min(100%,420px);position:relative;padding:39px;border-radius:22px;border:1px solid #2a3c51;background:linear-gradient(155deg,#1a293b,#131f30);box-shadow:0 35px 100px #01091399}.login-card .brand-mark{margin-bottom:27px}.login-card .eyebrow{margin:0 0 12px}.login-card h1{font-size:29px;line-height:1.2;letter-spacing:-.05em;margin:0 0 13px}.login-card h1 span{color:#54e4c5}.login-intro{color:#95a8bb;font-size:12px;line-height:1.7;margin:0 0 27px}.login-card form{display:flex;flex-direction:column}.login-card label{font-size:11px;font-weight:700;color:#b9cbdc;margin:0 0 7px}.login-card input{height:43px;background:#101b2a;border:1px solid #3a4a5f;color:#e9f2fa;border-radius:9px;padding:0 12px;margin:0 0 17px;outline:0}.login-card input:focus{border-color:#44cdb6;box-shadow:0 0 0 3px #36cbb222}.login-error{display:flex;align-items:center;gap:8px;color:#ffada5;font-size:11px;margin:0 0 15px}.primary-button,.danger-button,.secondary-button{border:0;border-radius:9px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 15px;font-size:12px;font-weight:750}.primary-button{background:#31cba9;color:#09251f}.primary-button:hover{background:#55e2c1}.danger-button{background:#df6a63;color:#fff}.danger-button:hover{background:#f47a73}.secondary-button{background:#243248;color:#d2deeb;border:1px solid #3b4c62}.login-submit{width:100%;margin-top:2px}.login-footer{display:flex;align-items:center;gap:9px;margin-top:23px;padding-top:20px;border-top:1px solid #304155;color:#8296aa;font-size:10px}.secure-dot{width:6px;height:6px;border-radius:50%;background:#43d5ad}.boot-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:14px;color:#9fb3c7;font-size:14px}.boot-icon{color:#43d5ad;animation:pulse 1.8s infinite}.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.45}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020710b9;display:grid;place-items:center;padding:20px;z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.confirm-modal{width:min(100%,410px);background:#18263a;border:1px solid #40536b;border-radius:18px;box-shadow:0 32px 95px #0008;padding:28px}.confirm-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#54373b;color:#ffaaa0;margin-bottom:18px}.confirm-modal h2{font-size:19px;margin:0 0 8px}.confirm-modal p{color:#a7b9c9;font-size:12px;line-height:1.6;margin:0 0 24px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:1200px){.metrics-grid,.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.host-strip{grid-template-columns:repeat(2,1fr)}.host-strip>div:nth-child(2){border-right:0}.host-strip>div:nth-child(-n+2){border-bottom:1px solid #283649}}@media(max-width:800px){.sidebar{display:none}.topbar{height:62px;padding:0 20px;justify-content:space-between}.mobile-brand{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800}.mobile-brand svg{color:#43d5ad}.mobile-brand b{color:#8da3b9;font-weight:600}.page-content{padding:27px 20px}.page-heading h1{font-size:27px}.topbar-time{display:none}}@media(max-width:590px){.metrics-grid,.services-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:28px}.overall-pill{margin:0}.host-strip{grid-template-columns:1fr 1fr}.host-strip>div{padding:12px;flex-wrap:wrap;gap:5px}.host-strip strong{width:100%;margin-left:26px}.section-block{margin-bottom:35px}.logs-toolbar{padding:0 12px}.logs-output{font-size:10px;padding:14px;max-height:310px}.footer span,.signout-button span{display:none}.signout-button{width:35px;padding:0}.login-card{padding:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}