:root{color:#172c30;font-synthesis:none;background:#f6f8f8;font-family:Arial,sans-serif}*{box-sizing:border-box;letter-spacing:0}body{margin:0}button,input,select{font:inherit}button{color:#172c30;cursor:pointer;white-space:normal;background:#fff;border:1px solid #cad5d7;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.6rem .85rem;display:inline-flex}button svg{flex-shrink:0}button:hover:not(:disabled){background:#eaf3f2}button:disabled{opacity:.55;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #167a76}.primary{color:#fff;background:#12645f;border-color:#12645f}.primary:hover:not(:disabled){background:#0a514d}.danger{color:#aa283b;border-color:#dcbcc3}header{background:#fff;border-bottom:1px solid #d8e1e1;justify-content:space-between;align-items:center;gap:1rem;padding:1rem max(1rem,50% - 540px);display:flex}header>div{align-items:center;gap:.65rem;display:flex}header strong{font-size:1.25rem}header span{color:#587175;font-weight:400}nav{z-index:2;background:#fff;border-bottom:1px solid #d8e1e1;gap:.5rem;padding:.5rem max(1rem,50% - 540px);display:flex;position:sticky;top:0}nav button{background:0 0;border:0}nav button[aria-current]{color:#0a625c;background:#e3f1ee}main{max-width:1080px;margin:auto;padding:1.5rem 1rem 3rem}h1{margin:0;font-size:1.6rem}h2{margin:0 0 .5rem;font-size:1.1rem}h3{font-size:1rem}p{overflow-wrap:anywhere;line-height:1.5}small,.muted{color:#506a70;line-height:1.5}.page-title{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.metrics{border-block:1px solid #d8e1e1;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem;padding:1rem 0;display:grid}.metrics span{color:#587175;font-size:.9rem}.metrics strong{color:#172c30;margin-top:.4rem;font-size:1rem;display:block}.record{border-bottom:1px solid #d8e1e1;justify-content:space-between;align-items:center;gap:1.2rem;padding:1.2rem 0;display:flex}.record>div{min-width:0}.record h2{overflow-wrap:anywhere}.record p{margin:.4rem 0}.record-controls{min-width:260px;max-width:400px}.actions{flex-wrap:wrap;gap:.6rem;margin-block:.8rem;display:flex}label{gap:.45rem;min-width:0;font-size:.9rem;font-weight:600;display:grid}input,select{color:#172c30;background:#fff;border:1px solid #b7c9cc;border-radius:5px;width:100%;min-width:0;min-height:46px;padding:.6rem}.login{max-width:460px;padding-top:3rem}.login form{gap:1rem;margin-top:1.5rem;display:grid}.error,.notice{color:#812233;background:#fff1f2;border-inline-start:3px solid #bb3648;padding:.85rem}.notice{color:#23553e;background:#e9f5f0;border-color:#167a57}.empty{color:#506a70;padding:2rem 0}.settings h2{margin-top:2rem}.model-row{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.model-row label{flex:1;min-width:200px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;display:grid}.overlay{z-index:5;background:#172c3066;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.confirmation{z-index:6}.dialog{background:#fff;border-radius:8px;width:100%;max-width:560px;max-height:calc(100dvh - 2rem);padding:1.4rem;overflow-y:auto;box-shadow:0 12px 36px #172c3033}.device{border-top:1px solid #d8e1e1;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;display:flex}.device p{margin:.3rem 0}@media (width<=640px){header{padding:.8rem 1rem}header strong{font-size:1.1rem}nav{gap:0;padding:.4rem}nav button{flex:1;padding:.7rem .3rem;font-size:.9rem}main{padding-top:1rem}h1{font-size:1.35rem}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.record{flex-direction:column;align-items:stretch;gap:.65rem}.record-controls{min-width:0;max-width:none}.field-grid{grid-template-columns:1fr}.model-row>button{flex:1}.dialog{padding:1rem}}