:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#142b3a;background:#f0f3f5;font-size:16px;--navy:#142b3a;--green:#137154;--line:#dce3e8}*{box-sizing:border-box}body{margin:0;padding-bottom:calc(100px + env(safe-area-inset-bottom))}header{background:var(--navy);color:white;display:flex;align-items:center;gap:12px;padding:calc(18px + env(safe-area-inset-top)) 20px 18px;min-height:80px}.brand{font-weight:800;letter-spacing:.08em;font-size:25px}.brand-sub{font-size:10px;display:block;color:#91b3c5;letter-spacing:.23em}#identity{margin-left:auto;font-size:13px;overflow-wrap:anywhere}header button{background:#244253;color:white;border-color:#456072;padding:9px 12px;font-size:13px}main{max-width:700px;margin:auto;padding:20px}h1{font-size:28px;letter-spacing:-.03em;margin:6px 0 14px}h2{font-size:18px;margin:0;overflow-wrap:anywhere}p{line-height:1.55}button,input{font:inherit}button{border:1px solid var(--line);border-radius:12px;background:white;padding:13px 18px;min-height:46px;cursor:pointer;font-weight:600;color:var(--navy)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #52a9dc;outline-offset:3px}.primary{background:var(--green);border-color:var(--green);color:white}label{display:block;margin:20px 0 8px;font-weight:600}input{width:100%;padding:14px;border:1px solid #b9c7cf;border-radius:10px;background:white;margin-top:8px}.banner{padding:12px 15px;border-radius:10px;background:#e1e7eb;font-size:14px;margin-bottom:26px;line-height:1.5}.banner.online{background:#dcefe7;color:#175a44}.banner.offline{background:#f9e7d3;color:#814609}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head button{width:46px;font-size:24px;padding:0}.muted,.footnote{color:#5b7180;font-size:13px}.card{padding:18px;background:white;border:1px solid var(--line);border-radius:14px;margin:12px 0;box-shadow:0 2px 8px #142b3a05}.card-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.badge{font-size:12px;white-space:nowrap;font-weight:700;display:inline-block;border-radius:8px;padding:6px 9px;background:#e9eef1}.badge.good{background:#e0f0e7;color:#176446}.badge.warn{background:#fff0d9;color:#865812}.badge.danger{background:#fce5e4;color:#a92b28}.card p{margin:10px 0 0}.card .meta{font-size:12px;color:#637887}.actions{display:flex;gap:10px;margin-top:16px}.actions button{flex:1}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;background:white;border-top:1px solid var(--line);padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:4px;z-index:10}nav button{flex:1;max-width:170px;border:none;padding:13px 5px;font-size:13px;background:transparent;border-radius:10px}nav button.active{background:#e1ebe9;color:var(--green)}aside{border-left:3px solid #9cbdcb;padding:6px 14px;margin-top:28px;color:#456374;font-size:13px}aside p{margin:6px 0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--green)}#message:empty,#login-error:empty{display:none}#message,#login-error{color:#875518;font-size:14px;overflow-wrap:anywhere}[hidden]{display:none!important}.count{font-size:38px;font-weight:700;letter-spacing:-.05em}@media(min-width:600px){main{padding:32px}header{padding-left:calc((100% - 660px)/2);padding-right:calc((100% - 660px)/2)}}