:root{--ink:#183f40;--teal:#236867;--gold:#b28a43;--muted:#5f7273;--line:#dce6e2;--paper:#fffdf9}*{box-sizing:border-box}body{margin:0;background:#f1f5f0;color:var(--ink);font:16px/1.6 system-ui,sans-serif}header{padding:22px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper)}a{color:var(--teal)}.brand{text-decoration:none;font-family:Georgia,serif;font-size:26px}.brand span{display:block;font:9px system-ui;letter-spacing:.2em;color:var(--muted)}main{max-width:1120px;margin:auto;padding:40px 24px}.intro{max-width:780px;padding:16px 0 28px}.eyebrow{font-size:11px;letter-spacing:.2em;color:#84622c;font-weight:700}h1{font:clamp(34px,5vw,58px)/1.13 Georgia,serif;margin:14px 0}h2{font:26px/1.25 Georgia,serif;margin:0 0 12px}h3{margin:0 0 6px}p{margin:10px 0}button,input,select,textarea{font:inherit}button{background:white;color:var(--teal);border:1px solid #aac4bb;padding:10px 18px;border-radius:10px;cursor:pointer}button:hover{background:#e9f1ed}button:disabled{opacity:.6;cursor:wait}.primary{background:var(--teal);color:white;border-color:var(--teal)}.primary:hover{background:#174e4d}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.text{border:0;background:none;padding:14px 0;text-decoration:underline}.panel{padding:26px;background:var(--paper);border:1px solid var(--line);border-radius:18px;margin-bottom:18px;box-shadow:0 8px 24px #173c3c05}.login{max-width:480px}label{display:block;font-size:13px;font-weight:600;margin:12px 0 6px}input,select,textarea{width:100%;padding:12px;border:1px solid #b9ceca;border-radius:8px;background:white;color:var(--ink)}form .primary{margin-top:16px}form#login .primary{width:100%}.muted{color:var(--muted);font-size:14px}.toolbar{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:22px}.toolbar>div:last-child{display:flex;align-items:center;gap:12px}.toolbar select{max-width:280px}.toolbar label{margin:0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px}.metric{padding:22px;border-radius:16px;background:#e1ece5;border:1px solid #d4e2d8}.metric strong{font:32px Georgia,serif;display:block}.metric span{font-size:13px}nav{display:flex;gap:8px;overflow-x:auto;padding:4px 0 18px}nav button{white-space:nowrap}nav .active{background:var(--ink);color:white}.rows{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.rows .panel{margin:0}.date{color:#89692f;font-size:12px;letter-spacing:.03em;font-weight:600}.badge{display:inline-block;background:#e9f0ed;color:var(--teal);border-radius:6px;padding:3px 8px;font-size:12px;margin:8px 0}.readings{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px 0}.reading{padding:10px;background:#f1f5f1;border-radius:8px}.reading small{display:block;color:var(--muted)}details{margin-top:12px}summary{cursor:pointer;color:var(--teal)}.cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.request{margin-top:30px}#status:not(:empty){padding:12px 16px;background:#fff2d5;border-radius:10px;max-width:780px}footer{display:flex;justify-content:space-between;gap:20px;margin-top:40px;color:var(--muted);font-size:13px}[hidden]{display:none!important}.message{white-space:pre-wrap}.empty{padding:36px;background:#fffdf9;border:1px dashed #b9ceca;border-radius:16px}.invoice-line{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0}.error{color:#963c30}@media(max-width:700px){main{padding:25px 18px}.toolbar{display:block}.toolbar>div:last-child{margin-top:14px;flex-wrap:wrap}.metrics{gap:8px}.metric{padding:14px}.metric strong{font-size:25px}.rows,.cols{grid-template-columns:1fr}.panel{padding:20px}header{padding:18px}.brand{font-size:22px}footer{display:block}nav button{padding:9px 13px}}@media print{header,.intro,nav,.metrics,.toolbar,.request,footer,button,#status{display:none!important}body{background:white}.panel{break-inside:avoid;box-shadow:none}details>*{display:block}.rows{display:block}.rows>.panel{margin-bottom:20px}}