:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#173a35;background:#f3f5f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:24px;padding:22px 5%;border-bottom:1px solid #dbe2d9;background:#fff}.brand{color:#173a35;text-decoration:none;font-size:18px;font-weight:700}.mark{font-size:30px;color:#367b65;vertical-align:middle;margin-right:10px}.private{font-size:10px;letter-spacing:2px;color:#6b7d71;margin-left:auto}main{max-width:1280px;margin:auto;padding:40px 28px}h1{font-size:clamp(30px,4vw,52px);letter-spacing:-1.8px;line-height:1.12;margin:12px 0 20px;font-weight:600}h2{font-size:20px;margin:0 0 12px;font-weight:600}p{color:#65756c;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#58816c}.card{border:1px solid #dce3d9;border-radius:18px;background:#fff;padding:26px;margin-bottom:22px;box-shadow:0 4px 12px #173a3503}#login{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:center;min-height:65vh}.intro{padding:30px 0}.intro h1{font-size:clamp(36px,4.5vw,65px)}label{display:block;font-size:13px;font-weight:600;color:#446058}input,select,textarea{width:100%;border:1px solid #cdd8ce;border-radius:9px;padding:12px;margin:7px 0 18px;background:#fbfcfa;color:#173a35;font:inherit}input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid #98c8ad;outline-offset:2px}button{border:1px solid #c9d7cc;background:#fff;border-radius:9px;padding:10px 16px;font:inherit;font-size:13px;color:#284e40;cursor:pointer}button:hover{background:#edf3ec}button:disabled{opacity:.5;cursor:wait}.primary{background:#225c49;color:white;border-color:#225c49;padding:13px 20px}.primary:hover{background:#184637}#login-form .primary{width:100%}.heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px}.heading p{max-width:650px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.metrics span{font-size:13px;color:#6d8073}.metrics strong{display:block;font-size:32px;margin-top:18px;font-weight:600;letter-spacing:-1px}.metrics .accent{background:#214e3e;color:#fff;border-color:#214e3e}.accent span{color:#c7ddcd}.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.section-head>span{font-size:10px;letter-spacing:1.5px;color:#7c907f}.section-head p{margin:0 0 18px;font-size:13px}.projection{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:17px 0;border-bottom:1px solid #edf0e9;align-items:center}.projection strong{text-align:right}.projection small{text-align:right;color:#7f7053;font-size:11px}.projection span{font-size:13px}.due-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:16px 0;border-bottom:1px solid #edf0e9}.due-row strong{white-space:nowrap}.fine{font-size:12px;line-height:1.6;color:#748277}.filters{display:flex;gap:18px;margin:20px 0 0}.filters label:first-child{flex:1}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}th{font-size:11px;letter-spacing:.6px;color:#819086;font-weight:500;padding:12px 8px;background:#f7f9f5}td{padding:18px 8px;border-bottom:1px solid #edf0e9}td small{display:block;margin-top:6px;color:#819086}td:first-child{min-width:180px}.empty{text-align:center;padding:30px;color:#7c8d81;font-size:14px}#message:not(:empty){padding:14px 18px;background:#e6eee3;border-radius:10px}#form-error{color:#a23528}dialog{border:1px solid #d1ddd0;border-radius:20px;padding:28px;width:min(760px,95vw);max-height:90vh;overflow:auto;color:#173a35}dialog::backdrop{background:#143c35a8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{width:auto;margin:0}fieldset{border:1px solid #dce3d9;border-radius:12px;padding:18px;margin:10px 0 18px}legend{font-size:13px;padding:0 8px}summary{cursor:pointer;font-size:14px}footer{text-align:center;padding:24px;font-size:12px;color:#819086}[hidden]{display:none!important}@media(max-width:760px){header{padding:16px 20px;gap:12px}.private{display:none}header button{margin-left:auto}main{padding:24px 16px}#login,.grid,.metrics{grid-template-columns:1fr;gap:0}.intro{padding:10px 0 25px}.metrics .card{padding:20px}.metrics strong{font-size:28px}.heading{display:block}.heading input{max-width:220px}.section-head{align-items:flex-start}.form-grid{grid-template-columns:1fr}.filters{display:block}.card{padding:20px}.projection{grid-template-columns:1fr 1fr}.projection small{grid-column:1/-1;text-align:left}.brand{font-size:16px}}