:root{font-family:Segoe UI,Arial,sans-serif;color:#182323;background:#f4f6f5;font-size:15px}*{box-sizing:border-box}body{margin:0;display:flex}aside{width:235px;background:#112c2b;color:#e2eeeb;min-height:100vh;padding:35px 24px;position:fixed;top:0;bottom:0;overflow:auto}.brand{font-size:15px;letter-spacing:2px}.brand>span{display:block;font-size:43px;font-weight:650;letter-spacing:-2px}.dot{color:#d7ed79;font-size:17px;margin-left:8px}.tagline{font-size:12px;color:#adc2bc;margin:12px 0 24px}nav{display:grid;gap:8px}button{font:inherit;cursor:pointer;border:1px solid #d7e0dc;background:white;border-radius:8px;padding:10px 15px;color:#203d37}button:disabled{opacity:.5;cursor:wait}nav button{text-align:left;background:transparent;border:0;color:#c4d7d2;padding:13px}nav button.active{background:#d7ed79;color:#15312a;font-weight:600}footer{margin-top:30px;font-size:11px;line-height:2;color:#adc2bc}main{margin-left:235px;padding:38px 45px;width:calc(100% - 235px)}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}small{font-size:10px;letter-spacing:2px;color:#678079}h1{font-size:32px;margin:8px 0;font-weight:600;letter-spacing:-1px}.badge,.pill{font-size:12px;background:#e6ede8;border-radius:20px;padding:6px 10px;white-space:nowrap}.badge{color:#347659}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.card,.panel{background:white;border:1px solid #e0e7e3;border-radius:13px;padding:22px}.card strong{font-size:33px;display:block;margin:12px 0}.card p{font-size:13px;color:#667970;margin:0}.intro{background:#d7ed79;border-radius:13px;padding:25px;margin:22px 0}.intro h2{margin:0 0 8px;font-size:22px}.intro p{margin:0;line-height:1.6}.panel{margin-top:22px;overflow:auto}h2{font-size:18px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px}.primary{background:#173d34;color:white;border-color:#173d34}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:#73817b;font-size:11px;text-transform:uppercase;letter-spacing:1px}td,th{padding:16px 10px;border-bottom:1px solid #eef1ef}td button{font-size:12px;padding:6px 9px;margin:3px}.empty{color:#77847d;padding:30px 0;text-align:center}.alert{padding:13px 0;border-bottom:1px solid #eef1ef}.warn{color:#966219;background:#fff1d8}.muted{color:#73817b;font-size:13px;line-height:1.6}dialog{border:0;border-radius:14px;padding:25px;width:min(500px,95vw);box-shadow:0 25px 90px #0003}dialog::backdrop{background:#112c2b88}.dialog-head{display:flex;align-items:center;justify-content:space-between}label{display:block;margin:14px 0;font-size:13px}input,select{display:block;margin-top:7px;width:100%;padding:11px;border:1px solid #cdd8d1;border-radius:6px;font:inherit}#form-error,#notice,#login-error{color:#a43a26}#notice:empty{display:none}#notice{margin-bottom:15px}#form>.primary{width:100%;margin-top:10px}.login-panel{display:none}.signed-out aside,.signed-out main{display:none}.signed-out .login-panel{display:grid;place-items:center;min-height:100vh;width:100%;background:#112c2b;padding:25px}.login-card{background:#fff;width:min(420px,100%);padding:32px;border-radius:16px}.login-card .dot{color:#6b8540}.login-card button{width:100%}.company-label{font-size:12px}aside .muted{color:#adc2bc}#logout{margin-top:20px;background:transparent;color:#c4d7d2;border-color:#4a625c}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}main{padding:25px}}@media(max-width:650px){body{display:block}aside{position:static;width:100%;min-height:0;padding:20px}nav{display:flex;overflow:auto}.brand>span{font-size:30px}.tagline,footer{display:none}main{margin:0;width:100%;padding:20px}header{margin-bottom:18px}.cards{gap:10px}.card{padding:15px}.toolbar{flex-wrap:wrap}}
