:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172b43;background:#f4f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:94px;border-bottom:1px solid #dce3ea;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#172b43;font-weight:750;letter-spacing:1.6px;font-size:17px}.brand small{display:block;margin-top:5px;font-size:9px;letter-spacing:2.2px;color:#718094}.monogram{display:grid;place-items:center;width:45px;height:45px;background:#192f49;color:#e6c28b;border-radius:12px;font-size:17px;letter-spacing:0}.private{font-size:12px;color:#586e65;display:flex;align-items:center;gap:8px}.private i{width:7px;height:7px;background:#438b6a;border-radius:50%}main{max-width:1260px;margin:auto;padding:56px 40px 38px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:44px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2.2px;color:#967849;margin:0 0 14px}h1{font-size:clamp(29px,3.3vw,45px);font-weight:620;letter-spacing:-1.7px;line-height:1.1;margin:0 0 15px}.lede{font-size:15px;color:#6b7888;margin:0}.identity{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e0e6ec;border-radius:13px;padding:15px 21px}.identity>span{display:grid;place-items:center;background:#f4eee4;color:#927143;width:38px;height:38px;border-radius:50%;font-size:12px;font-weight:700}.identity strong{font-size:13px}.identity small{display:block;font-size:11px;color:#7c8795;margin-top:4px}.toolbar{display:flex;justify-content:space-between;gap:24px;margin-bottom:40px;align-items:center}.search{height:45px;min-width:250px;display:flex;gap:10px;align-items:center;background:white;border:1px solid #dce3ea;border-radius:9px;padding:0 14px}.search span{font-size:24px;color:#788697}.search input{width:100%;border:0;outline:none;font:inherit;font-size:13px;color:#172b43;background:transparent}nav{display:flex;gap:4px;flex-wrap:wrap}nav button{font:inherit;font-size:12px;cursor:pointer;border:none;background:transparent;color:#697b8c;padding:10px 13px;border-radius:8px}nav button.active{background:#1c334e;color:#fff}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:14px}h2{font-size:17px;margin:0;font-weight:650}#checked{font-size:11px;color:#7a8796}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid #e0e5ec;border-radius:14px;padding:24px;min-height:235px;display:flex;flex-direction:column;box-shadow:0 2px 3px #1c334e02;transition:box-shadow .15s,transform .15s}.card:hover{box-shadow:0 8px 24px #1c334e0b;transform:translateY(-2px)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.icon{width:43px;height:43px;display:grid;place-items:center;background:#eef2f7;color:#253e59;font-size:15px;font-weight:700;border-radius:11px}.status{font-size:9px;border-radius:20px;padding:5px 8px;white-space:nowrap;background:#f0f2f5;color:#718095}.status.reachable{color:#356b52;background:#eef7f1}.status.signin,.status.warning{color:#916c29;background:#fff7e6}.status.unreachable{color:#a35f5f;background:#fcf0ef}h3{font-size:18px;letter-spacing:-.3px;margin:20px 0 9px}.card p{font-size:12px;line-height:1.6;color:#778292;max-width:280px;margin:0 0 20px}.card-bottom{border-top:1px solid #edf0f4;padding-top:16px;margin-top:auto;display:flex;justify-content:space-between;align-items:center}.card-bottom small{font-size:10px;color:#8a96a4}.card-bottom a{font-size:12px;color:#244568;text-decoration:none;font-weight:650}.pending{font-size:11px;color:#929dab}.note{display:flex;align-items:flex-start;gap:13px;margin-top:30px;color:#7b8796}.note>span{font-size:17px}.note p{font-size:11px;line-height:1.65;margin:0;max-width:850px}footer{max-width:1180px;margin:0 auto;padding:21px 0 30px;border-top:1px solid #dfe5eb;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8b97a5}footer span:first-child{font-weight:700;letter-spacing:1px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #c6a369;outline-offset:3px}@media(max-width:900px){main{padding:38px 24px}.grid{grid-template-columns:repeat(2,1fr)}.toolbar{flex-direction:column;align-items:stretch;gap:14px}.identity{display:none}footer{margin:0 24px}}@media(max-width:550px){header{height:78px}.brand{font-size:13px}.private{font-size:10px}.grid{grid-template-columns:1fr}.intro{margin-bottom:30px}.toolbar{margin-bottom:26px}nav{gap:0}nav button{padding:9px 10px}.section-label{align-items:flex-start;flex-direction:column;gap:8px}.card{min-height:220px}footer{flex-direction:column;gap:8px}.note p{font-size:10px}}
:root .login-form{max-width:470px;gap:12px;min-height:0}.login-form label{font-size:13px}.login-form input{font:inherit;border:1px solid #bfcbd7;border-radius:8px;padding:12px}.login-form button{font:inherit;background:#1c334e;color:#fff;padding:13px;border:0;border-radius:8px;cursor:pointer}.login-form [hidden]{display:none}.login-form #error{color:#a04040;margin:0}
:root .remember{display:flex;align-items:center;gap:9px;font-size:12px}:root .remember input{width:auto}:root .login-form small{font-size:10px;color:#7b8796}
:root #logout{border:1px solid #dce3ea;border-radius:6px;background:white;padding:6px 9px;margin-left:10px;color:#52697f;font:inherit;cursor:pointer}
[hidden]{display:none!important}#confirm-wrap{display:flex;flex-direction:column;gap:12px}
.server-section{margin-bottom:34px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{border:1px solid #dfe5ec;background:white;border-radius:12px;padding:18px}.metric small{display:block;font-size:11px;color:#718092;margin-bottom:8px}.metric strong{font-size:22px;font-weight:650;letter-spacing:-.5px}.disk-list{display:flex;gap:16px;flex-wrap:wrap;font-size:10px;color:#718092;margin-top:13px}#server-updated{font-size:11px;color:#718092}.remote-section{margin-top:36px}.remote-note{font-size:12px;line-height:1.6;color:#718092}.remote-grid{display:flex;gap:10px;flex-wrap:wrap}.remote-link{background:white;border:1px solid #dfe5ec;border-radius:8px;padding:13px 18px;text-decoration:none;color:#234262;font-size:13px}@media(max-width:700px){.metrics{grid-template-columns:repeat(2,1fr)}.metric strong{font-size:18px}}

.card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0}.refresh-tile{border:1px solid #cad4df;border-radius:8px;background:#fff;color:#1c3550;padding:7px 12px;cursor:pointer}.refresh-tile:disabled{opacity:.6;cursor:wait}.tile-checked{color:#617486;font-size:.72rem}

.grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:18px;grid-auto-flow:row;gap:18px}.card{position:relative;min-height:0;height:100%;overflow:hidden;transition:box-shadow .15s;padding:20px}.card:hover{transform:none}.card.dragging{opacity:.4}.card-top-right{display:flex;align-items:center;gap:8px}.icon img{width:100%;height:100%;object-fit:contain;border-radius:9px}.drag-handle{border:0;background:transparent;color:#8a98a7;font-size:23px;cursor:grab;padding:0 2px}.tile-size{max-width:90px;border:1px solid #cad4df;border-radius:7px;padding:7px;color:#40566d;background:white}.resize-handle{position:absolute;right:3px;bottom:3px;border:0;background:transparent;color:#8191a1;cursor:nwse-resize;font-size:18px;touch-action:none}.tile-details{display:none;font-size:12px;line-height:1.55;color:#617486;overflow:auto;margin-bottom:12px}.tile-details div{margin-bottom:6px}.expanded .tile-details{display:block}.expanded p{max-width:none}.compact .description{display:none}.tile-checked{margin:0 0 12px}.card-actions{margin:7px 0 10px}.layout-status{color:#718092;font-size:11px;margin:0 0 18px}.worker-scroll{overflow:auto}.worker-table{width:100%;border-collapse:collapse;background:white;font-size:12px;border:1px solid #dfe5ec}.worker-table th,.worker-table td{text-align:left;padding:13px;border-bottom:1px solid #e5eaf0;vertical-align:top}.worker-table th{white-space:nowrap;color:#687b8c;font-size:11px}.worker-table .worker-problem{min-width:190px}.status.failed{background:#fcf0ef;color:#963c3c}.status.healthy{background:#e9f5ed;color:#276541}.status.stale,.status.warning{background:#fff5db;color:#8c651e}.status.paused,.status.unknown{background:#edf0f4;color:#68798a}
@media(max-width:950px){.grid{grid-template-columns:repeat(12,minmax(0,1fr))}.card{grid-column:span 6!important}}@media(max-width:580px){.grid{grid-template-columns:1fr;grid-auto-rows:auto}.card{grid-column:span 1!important;grid-row:span 1!important;min-height:260px}.card.expanded{min-height:380px}.resize-handle{display:none}.worker-table{font-size:11px}}

.vm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:16px}.vm-status{background:white;border:1px solid #dfe5ec;border-radius:12px;padding:18px}.vm-status h3{margin:0 0 12px;font-size:15px}.vm-status p{font-size:12px;line-height:1.6;color:#617486;margin-bottom:0}

#tile-detail{border:1px solid #d9e2eb;border-radius:20px;width:min(1180px,96vw);height:90vh;padding:45px;color:#172b43;background:#f8fafc;overflow:auto}#tile-detail::backdrop{background:#14263b99;backdrop-filter:blur(4px)}.detail-close{position:absolute;right:20px;top:14px;border:0;background:transparent;font-size:32px;color:#506880;cursor:pointer}.detail-facts{display:grid;grid-template-columns:140px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid #dce4ec}.detail-facts dt{color:#6b7d8f;font-size:13px}.detail-facts dd{margin:0;font-size:15px;line-height:1.5}.detail-open{display:inline-block;padding:13px 20px;background:#1c334e;color:white;border-radius:9px;text-decoration:none;margin:25px 0}.detail-worker{border-bottom:1px solid #dce4ec;padding:18px 0}.detail-worker .status{margin-left:14px}.detail-worker p{font-size:13px;color:#65788b}.detail-hint{font-size:12px;color:#7a8998}#detail-content{min-height:90%;padding-bottom:20px}@media(max-width:580px){#tile-detail{padding:35px 20px}.detail-facts{grid-template-columns:1fr;gap:8px}}

.history-tabs{display:flex;gap:10px;margin:22px 0 15px}.history-pane{margin:0 0 26px}.history-scope{font-size:12px;color:#718092}.history-event{border-bottom:1px solid #e0e7ef;padding:14px 0;font-size:13px}.history-event p{margin:7px 0;color:#65788b}.history-search{padding:11px;border:1px solid #d0dae5;border-radius:8px;width:100%;margin:12px 0}.conversation-list{display:grid;gap:8px}.conversation-choice{text-align:left;background:white;border:1px solid #dfe6ee;border-radius:10px;padding:14px;cursor:pointer;color:#19334d}.conversation-choice small{display:block;margin-top:7px;color:#6b7f92}.conversation-message{background:#fff;border:1px solid #e0e6ec;border-radius:10px;padding:18px;margin:13px 0}.conversation-message.user{background:#edf4fb}.conversation-message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;font-size:13px}.conversation-message strong{font-size:12px;color:#5d748a}

.worker-summary{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.worker-name{max-width:245px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.worker-state small,.worker-activity{display:block;margin-top:6px;font-size:10px;color:#718093}.worker-time{white-space:nowrap;font-size:11px}.worker-table .worker-problem{max-width:380px;line-height:1.45}
[hidden]{display:none!important}.restart-result{display:block;width:100%;font-size:11px;line-height:1.5;color:#536b83}.restart-result.failed{color:#a04040}.restart-result.not_verified{color:#916c29}.restart-result.succeeded{color:#356b52}.restart-tile{border-color:#ccb78d}