:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:#eef6ff;background:#050a13;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 88% 0%,rgba(23,102,255,.13),transparent 32%),radial-gradient(circle at 0% 15%,rgba(0,193,255,.07),transparent 26%),#050a13}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}.platform{display:flex;min-height:100vh}.sidebar{position:fixed;z-index:50;inset:0 auto 0 0;display:flex;width:248px;flex-direction:column;border-right:1px solid #162a49;background:linear-gradient(180deg,#081833fc,#040c1bfc);box-shadow:20px 0 60px #00000038}.brand{display:flex;min-height:91px;align-items:center;gap:13px;padding:18px 20px;border-bottom:1px solid #162a49}.brand-mark{display:grid;width:49px;height:49px;flex:0 0 auto;place-items:center;border-radius:15px;background:linear-gradient(145deg,#23bdff,#315dff);box-shadow:0 12px 30px #2389ff52,inset 0 1px #ffffff4d;font-weight:900}.brand>div:last-child{display:flex;min-width:0;flex-direction:column}.brand strong{font-size:17px}.brand span{margin-top:3px;color:#718caf;font-size:12px}.sidebar nav{display:flex;flex:1;flex-direction:column;gap:7px;padding:20px 13px}.sidebar nav button{display:flex;min-height:47px;align-items:center;gap:13px;border:1px solid transparent;border-radius:11px;background:transparent;color:#839abd;padding:0 14px;text-align:left;transition:.18s ease}.sidebar nav button>span{display:grid;width:22px;place-items:center;color:#52c5ff;font-size:18px}.sidebar nav button:hover{border-color:#1a3c69;background:#0a1e3e;color:#fff}.sidebar nav button.active{border-color:#1769ca;background:linear-gradient(90deg,#1978ff40,#10489a14);box-shadow:inset 3px 0 #28b8ff;color:#fff}.sidebar-server{display:flex;align-items:center;gap:11px;margin:15px;padding:13px;border:1px solid #1a3b67;border-radius:13px;background:#081932}.server-indicator{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:50%;background:#31dd841a}.server-indicator span{width:10px;height:10px;border-radius:50%;background:#39df8a;box-shadow:0 0 13px #39df8a}.sidebar-server>div:last-child{display:flex;min-width:0;flex-direction:column}.sidebar-server strong{font-size:12px}.sidebar-server small{margin-top:4px;overflow:hidden;color:#6e88aa;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.workspace{display:flex;width:calc(100% - 248px);min-height:100vh;margin-left:248px;flex-direction:column}.topbar{position:sticky;z-index:30;top:0;display:flex;min-height:91px;align-items:center;justify-content:space-between;padding:16px 30px;border-bottom:1px solid #162b4c;background:#050d1de8;box-shadow:0 8px 30px #0000002e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-left{display:flex;align-items:center;gap:15px}.topbar h1,.topbar p{margin:0}.topbar h1{font-size:22px}.topbar p{margin-top:5px;color:#748eaf;font-size:13px}.topbar-actions{display:flex;align-items:center;gap:13px}.system-online{display:flex;align-items:center;gap:8px;color:#79edab;font-size:12px}.system-online span,.live-label span{width:8px;height:8px;border-radius:50%;background:#39df8a;box-shadow:0 0 11px #39df8a}.refresh{min-height:40px;border:1px solid #1c477c;border-radius:10px;background:#092044;color:#83d8ff;padding:0 14px}.refresh:hover{border-color:#279cff;background:#0c2b58}.avatar{display:grid;width:41px;height:41px;place-items:center;border:1px solid #24518d;border-radius:50%;background:#0b2449;color:#62cdff;font-size:12px;font-weight:800}.menu-button{display:none;width:42px;height:42px;border:1px solid #1d426f;border-radius:10px;background:#091d3b;color:#fff}main{width:100%;max-width:1550px;flex:1;margin:0 auto;padding:30px}.hero{position:relative;display:flex;min-height:235px;align-items:center;justify-content:space-between;overflow:hidden;gap:40px;margin-bottom:38px;padding:38px 40px;border:1px solid #1d4b82;border-radius:22px;background:radial-gradient(circle at 82% 32%,rgba(42,176,255,.22),transparent 28%),linear-gradient(120deg,#0d2a54fa,#06132afa);box-shadow:0 22px 58px #00000042}.hero:after{position:absolute;right:-95px;bottom:-155px;width:370px;height:370px;border:1px solid rgba(69,189,255,.16);border-radius:50%;content:""}.hero-content{position:relative;z-index:2;max-width:760px}.hero-eyebrow{display:block;margin-bottom:13px;color:#51cbff;font-size:11px;font-weight:800;letter-spacing:2px}.hero h2,.hero p{margin:0}.hero h2{font-size:clamp(27px,3.2vw,44px);line-height:1.1}.hero p{max-width:700px;margin-top:16px;color:#91a9c8;font-size:15px;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.hero-actions button{min-height:44px;border:1px solid #1b95ec;border-radius:11px;background:linear-gradient(135deg,#149fff,#286cff);color:#fff;padding:0 18px;font-weight:700}.hero-actions button.secondary{border-color:#26558d;background:#061b39b8;color:#9adfff}.health-panel{position:relative;z-index:2;display:flex;min-width:300px;align-items:center;gap:17px;padding:19px;border:1px solid rgba(72,191,255,.27);border-radius:17px;background:#030d1e91;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.health-ring{display:grid;width:53px;height:53px;flex:0 0 auto;place-items:center;border-radius:50%;background:#32dd861c}.health-ring span{width:17px;height:17px;border:4px solid rgba(55,230,140,.22);border-radius:50%;background:#37e38b;box-shadow:0 0 18px #37e38b}.health-panel>div:last-child{display:flex;flex-direction:column}.health-panel small{color:#7992b4}.health-panel strong{margin-top:5px}.health-panel p{margin:5px 0 0;color:#7891b1;font-size:11px}.page-section{margin-bottom:39px}.page-top{padding-top:6px}.section-heading{display:flex;min-height:52px;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px}.section-heading h2,.section-heading p{margin:0}.section-heading h2{font-size:21px}.section-heading p{margin-top:5px;color:#738daf;font-size:13px}.text-button{border:0;background:transparent;color:#61caff;font-size:12px}.live-label{display:flex;align-items:center;gap:8px;color:#51dc94;font-size:11px}.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.services-grid.large .service-card{min-height:220px}.service-card{position:relative;display:flex;min-height:180px;flex-direction:column;overflow:hidden;padding:20px;border:1px solid #1a3d6b;border-radius:17px;background:linear-gradient(145deg,#081833f7,#051023f7);box-shadow:0 16px 40px #0003;text-decoration:none;transition:.18s ease}.service-card:after{position:absolute;top:-75px;right:-75px;width:160px;height:160px;border-radius:50%;background:var(--accent);content:"";filter:blur(8px);opacity:.24}.service-card:hover{transform:translateY(-5px);border-color:var(--accent-border);box-shadow:0 23px 50px var(--accent-shadow)}.accent-cyan{--accent: #2ebaff;--accent-border: #2cafff;--accent-shadow: rgba(39, 158, 255, .18)}.accent-violet{--accent: #8d62ff;--accent-border: #8a67ff;--accent-shadow: rgba(125, 77, 255, .18)}.accent-green{--accent: #2ddb85;--accent-border: #32db8a;--accent-shadow: rgba(41, 211, 127, .16)}.accent-orange{--accent: #ff9e3f;--accent-border: #ff9b42;--accent-shadow: rgba(255, 143, 48, .16)}.service-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.service-icon{display:grid;width:47px;height:47px;place-items:center;border:1px solid #23558e;border-radius:14px;background:#0a2b57d9;color:#74d3ff;font-size:22px}.status{display:flex;align-items:center;gap:7px;font-size:10px}.status span{width:7px;height:7px;border-radius:50%}.status.online{color:#6de7a7}.status.online span{background:#40df91;box-shadow:0 0 10px #40df91}.status.offline{color:#ff929c}.status.offline span{background:#ff6675}.service-content{position:relative;z-index:2;margin-top:22px}.service-content h3,.service-content p{margin:0}.service-content h3{font-size:18px}.service-content p{margin-top:7px;color:#8199ba;font-size:13px;line-height:1.45}.service-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;color:#67caff;font-size:12px;font-weight:700}.service-footer strong{font-size:18px}.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.metric-card{min-height:160px;padding:18px;border:1px solid #1a3c69;border-radius:16px;background:linear-gradient(145deg,#081833f5,#051023f5);box-shadow:0 14px 35px #0000002e}.metric-header{display:flex;align-items:center;gap:11px;color:#7f97b8;font-size:12px}.metric-icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid #215b94;border-radius:11px;background:#092853;color:#5bcaff;font-size:10px;font-weight:900}.metric-card>strong{display:block;margin-top:17px;color:#45caff;font-size:27px}.metric-card>small{display:block;margin-top:7px;color:#7189aa;font-size:11px}.progress{height:6px;overflow:hidden;margin-top:17px;border-radius:20px;background:#132b4c}.progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#168fff,#48d8ff);box-shadow:0 0 11px #29b0ff80}.progress-bar.warning{background:linear-gradient(90deg,#ff9639,#ffd058)}.compact-containers,.docker-table{overflow:hidden;border:1px solid #1a3c69;border-radius:17px;background:#061227f2;box-shadow:0 18px 44px #0003}.compact-container{display:grid;min-height:64px;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:12px 17px;border-top:1px solid #142f56}.compact-container:first-child{border-top:0}.container-symbol{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:#0a2d59;color:#53c5ff}.compact-name{display:flex;min-width:0;flex-direction:column}.compact-name strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.compact-name span{margin-top:4px;overflow:hidden;color:#60799c;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.container-state{display:inline-flex;min-height:27px;align-items:center;gap:7px;border-radius:20px;padding:0 10px;font-size:10px}.container-state>span{width:7px;height:7px;border-radius:50%}.container-state.running{background:#2bd37e1c;color:#5fe7a0}.container-state.running>span{background:#42dd90;box-shadow:0 0 8px #42dd90}.container-state.stopped{background:#ff606f1c;color:#ff909a}.container-state.stopped>span{background:#ff6877}.page-title{margin-bottom:28px}.page-title>span{color:#4fcaff;font-size:11px;font-weight:800;letter-spacing:1.7px}.page-title h2,.page-title p{margin:0}.page-title h2{margin-top:9px;font-size:34px}.page-title p{margin-top:10px;color:#7f97b8;font-size:14px}.info-panel,.warning-panel{display:flex;align-items:flex-start;gap:15px;margin-top:20px;padding:18px;border:1px solid #1d4779;border-radius:14px;background:#081a35}.info-icon{display:grid;width:35px;height:35px;flex:0 0 auto;place-items:center;border-radius:50%;background:#0d3c73;color:#65cfff;font-weight:800}.info-panel strong,.info-panel p,.warning-panel strong,.warning-panel p{margin:0}.info-panel p,.warning-panel p{margin-top:6px;color:#7d96b8;font-size:12px;line-height:1.5}.docker-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.search-box{display:flex;width:min(440px,100%);min-height:43px;align-items:center;gap:10px;border:1px solid #1c416f;border-radius:11px;background:#071a35;padding:0 13px}.search-box span{color:#5bcaff;font-size:20px}.search-box input{width:100%;border:0;outline:0;background:transparent;color:#fff}.search-box input::placeholder{color:#587294}.filter-buttons{display:flex;gap:7px}.filter-buttons button{min-height:39px;border:1px solid #1b416f;border-radius:9px;background:#071a35;color:#7992b4;padding:0 13px}.filter-buttons button.active{border-color:#208ee9;background:#0b3265;color:#70d1ff}.docker-table-header,.docker-table-row{display:grid;grid-template-columns:1.15fr 1.7fr .65fr;gap:18px;align-items:center;padding:14px 18px}.docker-table-header{min-height:51px;background:linear-gradient(90deg,#123365fa,#0a2348fa);color:#62c9ff;font-size:11px;font-weight:800}.docker-table-row{min-height:67px;border-top:1px solid #142f56}.docker-table-row:hover{background:#092042}.docker-primary{display:flex;min-width:0;align-items:center;gap:11px}.docker-primary>div:last-child{display:flex;min-width:0;flex-direction:column}.docker-primary strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.docker-primary small{margin-top:4px;color:#536e92;font-size:9px}.docker-image{overflow:hidden;color:#7590b4;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.empty-result{padding:35px;color:#7088a9;text-align:center}.maintenance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.maintenance-card{display:flex;min-height:220px;flex-direction:column;padding:20px;border:1px solid #1a3d6b;border-radius:16px;background:linear-gradient(145deg,#081833f5,#051023f5)}.maintenance-icon{display:grid;width:45px;height:45px;place-items:center;border-radius:13px;background:#0b2d58;color:#65cfff;font-size:20px}.maintenance-card h3,.maintenance-card p{margin:0}.maintenance-card h3{margin-top:20px}.maintenance-card p{margin-top:8px;color:#7b94b5;font-size:12px;line-height:1.5}.maintenance-card a{display:inline-flex;min-height:39px;align-items:center;justify-content:center;margin-top:auto;border:1px solid #218ee9;border-radius:9px;background:#0b3265;color:#71d1ff;text-decoration:none;font-size:12px;font-weight:700}.error-message{display:flex;flex-direction:column;gap:5px;margin-bottom:20px;padding:15px;border:1px solid #7b3744;border-radius:12px;background:#36171d;color:#ffbac2}.error-message span{font-size:12px}footer{display:flex;min-height:58px;align-items:center;justify-content:space-between;padding:0 30px;border-top:1px solid #142948;color:#5f789a;font-size:10px}.overlay{display:none}@media(max-width:1250px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:950px){.sidebar{transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.workspace{width:100%;margin-left:0}.menu-button{display:block}.overlay{position:fixed;z-index:40;inset:0;display:block;border:0;background:#00000094}.system-online{display:none}.hero{align-items:flex-start;flex-direction:column}.health-panel{width:100%}.maintenance-grid{grid-template-columns:1fr}}@media(max-width:700px){.topbar{min-height:75px;padding:12px 14px}.topbar h1{font-size:17px}.topbar p,.refresh{display:none}main{padding:18px 13px}.hero{min-height:auto;padding:25px 20px}.services-grid,.metrics-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.docker-toolbar{align-items:stretch;flex-direction:column}.filter-buttons{overflow-x:auto}.docker-table-header{display:none}.docker-table-row{grid-template-columns:1fr;gap:10px;padding:15px}.docker-image,.docker-table-row .container-state{margin-left:45px}.compact-container{grid-template-columns:38px 1fr}.compact-container .container-state{grid-column:2;justify-self:start}footer{padding:0 14px}}