:root{color-scheme:light;--ink:#17263c;--muted:#586b82;--line:#dce4ee;--nav:#101f35;--blue:#2464cf;--canvas:#f4f7fb;--orange:#9b4800}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}.topbar{background:var(--nav);color:#fff}.topbar-inner{max-width:1420px;margin:auto;padding:18px 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;font-weight:700;font-size:20px;line-height:1.2;letter-spacing:.03em}.brand-symbol{background:#377ee9;width:39px;height:39px;display:grid;place-items:center;border-radius:9px;font-size:24px}.brand-sub{display:block;font-size:11px;letter-spacing:.12em;font-weight:500;color:#b9c9de;margin-top:4px}.zone{font-size:14px;font-weight:600}.zone span{margin-left:8px;color:#b6c7dd;font-weight:400}main{max-width:1420px;padding:34px 32px 40px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.11em;color:var(--blue);margin-bottom:5px}h1{margin:0;font-size:30px;font-weight:650;letter-spacing:-.035em;line-height:1.3}.lead{color:var(--muted);margin:9px 0 0}.refresh{flex-shrink:0;padding:9px 18px;border:1px solid #c6d4e6;border-radius:7px;color:var(--ink);background:#fff;font-size:14px;text-decoration:none;font-weight:600}.refresh:hover{background:#eaf1fb}.summary{display:grid;grid-template-columns:1fr .7fr 1.6fr;margin-top:26px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.summary>div{padding:18px 24px;border-right:1px solid var(--line)}.summary>div:last-child{border-right:0}.summary-label{font-size:14px;color:var(--muted);display:block;margin-bottom:6px}.summary strong{display:block;font-size:26px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.3}.summary small{font-size:15px;margin-left:10px;color:var(--muted);font-weight:400}.last-update strong{font-size:20px;line-height:1.7}.table-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:27px 0 12px}.table-heading h2{font-size:18px;margin:0;font-weight:650}.table-heading>span{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:#fff}table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}th,td{padding:15px 19px;border-bottom:1px solid var(--line);vertical-align:top}thead th{background:#eaf0f8;color:#425872;font-weight:600;white-space:nowrap;font-size:13px}.hosts>tbody>tr:last-child>*{border-bottom:0}.host-row:nth-of-type(2n) {background:#fafcff}.host-row:hover{background:#f0f5fc}.host-row>th{font-weight:600;min-width:230px}.hostname{display:block;font-size:15px;overflow-wrap:anywhere}.badge{display:inline-block;margin-top:5px;background:#fff0de;color:var(--orange);border:1px solid #f3d8b5;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:500}.duration-value{font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:15px;color:#203b63}.duration-column{min-width:200px}.duration-column span{color:var(--blue)}.date{white-space:nowrap;font-variant-numeric:tabular-nums}.cell-note{font-size:12px;color:var(--muted);display:block;margin-top:3px}.period-button{font:inherit;background:#eef4fd;border:1px solid #cbdcf5;color:#194c9f;border-radius:5px;padding:4px 8px;cursor:pointer;white-space:nowrap}.period-button span{font-size:12px;margin-left:6px}.period-single{color:var(--muted)}.detail-row>td{padding:0;background:#f1f5fc}.details{padding:18px 22px 22px;border-left:3px solid var(--blue)}.details h3{margin:0 0 12px;font-size:14px}.periods{font-size:13px}.periods th,.periods td{padding:9px 12px}.periods th{background:#e7eef9}.periods td{white-space:nowrap}.empty{text-align:center;padding:44px 20px;color:var(--muted)}.report-note{margin-top:15px;color:var(--muted);font-size:13px;max-width:1050px}.report-note p{margin:5px 0}.notice{margin-top:24px;padding:18px 22px;border:1px solid var(--line);border-radius:8px;background:#fff}.notice p{margin:6px 0 0}.notice.error{border-color:#edcebc;background:#fff4eb;color:#833c13}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,a:focus-visible{outline:3px solid #6ea5fa;outline-offset:3px}[hidden]{display:none!important}@media(max-width:850px){main{padding:24px 16px}.topbar-inner{padding:15px 16px}.summary{grid-template-columns:1fr 1fr}.summary>div{padding:16px}.summary>div:nth-child(2){border-right:0}.summary .last-update{grid-column:1/-1;border-top:1px solid var(--line)}.table-heading{align-items:flex-start;flex-direction:column;gap:5px}.table-heading>span{font-size:12px}.heading{align-items:flex-start;gap:12px}h1{font-size:25px}.lead{font-size:14px}.refresh{padding:8px 12px}.summary strong{font-size:23px}.last-update strong{font-size:18px}th,td{padding:12px 14px}.host-row>th{min-width:190px}.duration-column{min-width:170px}}
.sort-link{color:inherit;text-decoration:none;display:inline-flex;gap:7px;align-items:center}.sort-link:hover{color:var(--blue);text-decoration:underline}.duration-value .cell-note{font-weight:400}
.account{display:flex;align-items:center;gap:20px}.account form{margin:0}.logout-button{font:inherit;font-size:13px;color:#dce8f7;background:transparent;border:1px solid #526882;border-radius:5px;padding:5px 12px;cursor:pointer}.logout-button:hover{background:#223754}.login-main{max-width:480px;padding-top:70px}.login-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px}.login-form{display:grid;gap:10px;margin-top:24px}.login-form label{font-size:14px;font-weight:600}.login-form input[type=password]{font:inherit;padding:10px 12px;border:1px solid #bdcbde;border-radius:6px;width:100%;min-width:0}.login-form input:focus-visible{outline:3px solid #6ea5fa;outline-offset:2px}.login-button{font:inherit;font-weight:600;color:#fff;background:var(--blue);border:0;border-radius:6px;padding:11px 16px;cursor:pointer;margin-top:8px}.login-button:hover{background:#194fae}@media(max-width:850px){.account{gap:12px}.account .zone span{display:none}.login-main{padding-top:40px}.login-card{padding:24px}}