:root{--ink:#142e35;--muted:#667b80;--line:#dce6e6;--green:#146659;--bg:#f3f6f5;--red:#b44636}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.6}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}aside{position:fixed;inset:0 auto 0 0;width:246px;background:#122f35;color:#e2eeee;padding:32px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:19px;font-weight:700;line-height:1.3}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#93b3b2;margin-top:5px}.mark{display:grid;place-items:center;background:#d8ed91;color:#173c36;width:39px;height:43px;border-radius:12px 12px 18px 18px;font-size:24px}.nav-caption{font-size:10px;letter-spacing:1.6px;color:#8ba8ad;margin-top:46px}nav a{display:block;padding:11px 14px;margin:4px 0;color:#bbd0d1;border-radius:7px}nav a.selected,nav a:hover{background:#25464b;color:white;text-decoration:none}.aside-bottom{margin-top:auto;padding:20px 10px 0;border-top:1px solid #3a5358}.aside-bottom small{display:block;color:#8faeb1}.aside-bottom a{color:#c3d6d5;font-size:12px}.aside-bottom form{margin:6px 0 0}main{margin-left:246px;padding:0 42px 24px;max-width:1800px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:22px 0;font-size:11px;letter-spacing:1px;color:var(--muted)}.page-heading{margin:32px 0 24px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--green);margin:0}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:10px 0}h2{font-size:18px;margin:0 0 16px}h3{font-size:15px;margin:0}p{margin:10px 0;color:var(--muted)}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;margin:22px 0;box-shadow:0 4px 12px #16373903}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metrics article{background:white;border:1px solid var(--line);padding:22px;border-radius:10px}.metrics small{font-size:10px;letter-spacing:1px;color:var(--muted)}.metrics strong{display:block;font-size:40px;line-height:1.3;letter-spacing:-2px}.metrics span{font-size:12px;color:var(--muted)}.metrics .red{background:#fff8f4;border-color:#f0d9ce}.metrics .red strong{color:var(--red)}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.section-head h2{margin:0}.section-head>span{color:var(--muted);font-size:12px}.windows{display:grid;grid-template-columns:repeat(4,1fr)}.windows a{padding:4px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column}.windows a:last-child{border:0}.windows strong{font-size:28px}.windows span{font-size:13px}.windows small{color:var(--muted)}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}button,.button{background:var(--green);color:white;border:1px solid transparent;border-radius:6px;padding:10px 18px;cursor:pointer;font:inherit;line-height:1.4;display:inline-block;font-weight:600}button:hover,.button:hover{filter:brightness(.94);text-decoration:none}.secondary{background:white;color:var(--ink);border:1px solid #cbd9d9}.subtle{background:transparent;color:#bad0d2;border-color:#446065;padding:6px 14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.full{grid-column:1/-1}label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600}input,select,textarea{font:inherit;font-size:14px;border:1px solid #cbd8d8;border-radius:6px;padding:10px 12px;color:var(--ink);background:#fff;max-width:100%;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #7bbfb2;outline-offset:1px}textarea{min-height:95px;resize:vertical}.large{min-height:230px;font-family:Consolas,monospace}.check{flex-direction:row;align-items:center}.check input,input[type=checkbox]{width:18px;height:18px}.filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:24px 0}.filters label{flex:1;min-width:140px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:normal}th{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);font-weight:600;background:#f6f9f8}th,td{padding:14px 12px;border-bottom:1px solid #e6ecec;vertical-align:top}td{font-size:13px}td a{font-weight:600}td small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.badge{display:inline-block;padding:4px 9px;border-radius:5px;background:#e7f2ee;color:#277060;font-size:11px;white-space:nowrap}.badge.overdue,.badge.failed,.badge.faulty{background:#fbe9e3;color:#ac4936}.badge.soon,.badge.service{background:#fff2d5;color:#8a641d}.badge.unknown,.badge.retired{background:#edf0f1;color:#64777c}.empty{text-align:center;padding:45px;color:var(--muted)}.notice{background:#e8f3ef;border-left:3px solid #2d8772;padding:16px 20px;margin:20px 0;border-radius:5px}.notice.danger{background:#fff0e9;border-color:#b54b37}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.detail-grid small{display:block;color:var(--muted)}.detail-grid strong{display:block;font-size:14px;font-weight:500;overflow-wrap:anywhere}.history{border-top:1px solid var(--line);padding:22px 0}.history small,.muted{color:var(--muted)}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;max-height:500px;overflow:auto}details{margin:12px 0}summary{cursor:pointer;color:var(--green)}.measurement{background:#f5f8f7;padding:10px}.hash{max-width:300px;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;color:#829391;font-size:10px;margin-top:40px;border-top:1px solid var(--line);padding-top:15px}.login{margin:7vh auto;max-width:600px}.login .form-grid{grid-template-columns:1fr}#table-editor input{min-width:130px}#table-editor td{padding:3px}#table-editor:not(:empty){margin-top:20px}td input{min-width:130px}
@media(max-width:1050px){aside{width:205px;padding:24px 14px}main{margin-left:205px;padding:0 24px 20px}.metrics{grid-template-columns:repeat(2,1fr)}.windows a{padding:4px 12px}}
@media(max-width:720px){aside{position:static;width:auto;padding:18px}aside nav{display:flex;overflow:auto;white-space:nowrap}nav a{font-size:12px;padding:8px}.nav-caption,.aside-bottom{display:none}main{margin:0;padding:0 16px}.brand{font-size:17px}h1{font-size:27px}.form-grid,.detail-grid{grid-template-columns:1fr}.windows{grid-template-columns:repeat(2,1fr);gap:16px}.windows a:nth-child(2){border:0}.panel{padding:17px}.section-head{align-items:start}.section-head>span{max-width:120px}footer span{display:none}}
@media print{aside,header,footer,.toolbar,.filters,button,.button,form{display:none!important}main{margin:0;padding:0;max-width:none}.panel{border:0;box-shadow:none;padding:10px 0}.table-wrap{overflow:visible}body{background:white;font-size:10px}td,th{padding:6px;font-size:10px}.history{break-inside:avoid}.page-heading{margin:10px 0}}