:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#20342f;background:#f4f6f3;font-size:16px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{background:#143b32;color:#fff;padding:24px max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:.7rem;letter-spacing:.2em;color:#b6d4c6}h1{font-size:1.75rem;margin:6px 0 0}h2{margin-top:0;font-size:1.3rem}main{max-width:1228px;margin:auto;padding:24px}section{padding:26px;background:#fff;border:1px solid #dce4dd;border-radius:16px;margin-top:20px}section>p,footer{color:#5d7168;line-height:1.6}nav{display:flex;gap:10px;flex-wrap:wrap}button{font:inherit;cursor:pointer;border:1px solid #b8cdc0;border-radius:8px;padding:11px 18px;color:#173c31;background:#eef5ed}button:hover{background:#dfeee1}button:disabled{opacity:.6;cursor:wait}button[aria-pressed=true],button[type=submit]{background:#225743;color:#fff;border-color:#225743}button:focus-visible,input:focus-visible{outline:3px solid #d4a53d;outline-offset:2px}form{display:flex;gap:16px;align-items:end;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:7px;font-size:.9rem}input{font:inherit;border:1px solid #a5b8ac;border-radius:8px;padding:11px;max-width:100%}.check{flex-direction:row;align-items:center;padding:12px 0}.check input{width:20px;height:20px}#login-panel{max-width:520px;margin:30px auto}#login{display:grid}#status{min-height:24px;line-height:1.5}#status.error{color:#a32b2b}table{width:100%;border-collapse:collapse;margin-top:20px;font-size:.93rem;text-align:left}th{font-size:.8rem;color:#5c7067;background:#f4f7f3}th,td{padding:14px 10px;border-bottom:1px solid #e5eae5;overflow-wrap:anywhere}.table-wrap{overflow:auto}footer{padding:16px 24px;text-align:center;font-size:.8rem}dialog{border:1px solid #c0d1c5;border-radius:16px;padding:24px;max-width:calc(100vw - 32px)}dialog::backdrop{background:#10251bb3}canvas{display:block;max-width:100%;height:auto;margin-bottom:20px}@media(max-width:700px){main{padding:16px}section{padding:18px}header{padding:20px}form{align-items:stretch}form label{width:100%}td,th{min-width:110px}#employee button{width:100%}}