:root{font-family:Segoe UI,Arial,sans-serif;color:#233936;background:#f4f6f4;font-size:15px}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:230px;background:#122e2b;color:#edf5ed;padding:36px 24px;display:flex;flex-direction:column;position:fixed;height:100vh}.brand{display:flex;align-items:center;gap:12px;color:#c5ec9c;text-decoration:none;font-size:30px;font-weight:800}.brand span{font-size:20px;color:white;white-space:nowrap}.brand b{color:#b8d49c;font-weight:400}aside p{font-size:10px;letter-spacing:2px;margin:50px 0 20px;color:#8fa9a3}nav a{display:block;padding:14px;background:#29453e;border-radius:7px;color:#d7edbf;text-decoration:none}footer{margin-top:auto;font-size:13px;line-height:2}footer small{color:#91aaa2}i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b8df98;margin-right:6px}main{margin-left:230px;flex:1;min-width:0}header{height:83px;border-bottom:1px solid #dde4df;padding:0 44px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#6b7b73}.badge{font-size:10px;letter-spacing:1.5px}section{padding:45px;max-width:1500px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#6b8270}h1{font-size:38px;letter-spacing:-1.5px;margin:10px 0}p{color:#6b7b73;line-height:1.5}button{cursor:pointer;background:#244d3b;color:#fff;border:1px solid transparent;border-radius:6px;font:600 13px Segoe UI;padding:12px 18px}button:hover{filter:brightness(.92)}button:disabled{opacity:.5;cursor:default}.secondary{background:transparent;color:#365249;border-color:#d9e1da;padding:8px 12px}.danger{background:#aa3838}.panel{background:#fff;border:1px solid #dde4dd;border-radius:10px;overflow:hidden;box-shadow:0 8px 25px #1d3e2604}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:24px;gap:20px}.toolbar label{max-width:440px;width:100%;font-size:12px}.toolbar input{margin-top:8px}#count{white-space:nowrap;color:#708177;font-size:12px}input,textarea{display:block;width:100%;padding:12px;border:1px solid #ced9d0;border-radius:5px;background:#fcfdfb;font:inherit;color:#233936}input:focus,textarea:focus,button:focus-visible{outline:2px solid #5c8c52;outline-offset:2px}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{background:#f7f9f5;color:#778679;text-transform:uppercase;font-size:10px;letter-spacing:1px}td,th{padding:18px 24px;border-bottom:1px solid #e9eee7}td:first-child{font-weight:600}td button+button{margin-left:6px}.tablewrap{overflow:auto}.pagination{display:flex;justify-content:flex-end;gap:16px;align-items:center;padding:18px 24px;font-size:12px;color:#738076}.hint{font-size:12px;margin-top:24px}#notice{margin:0;padding:0 24px}#notice:not(:empty){padding:12px 24px}#empty{text-align:center;padding:45px}dialog{border:1px solid #d4dfd4;border-radius:12px;width:min(650px,94vw);padding:30px;max-height:90vh;color:#233936}dialog::backdrop{background:#112b2677;backdrop-filter:blur(3px)}.dialoghead{display:flex;align-items:center;justify-content:space-between}.dialoghead h2{margin:6px 0}dialog p{font-size:13px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fields label{font-size:12px;font-weight:600}.fields input,.fields textarea{margin-top:7px;font-size:14px;font-weight:400}.wide{grid-column:1/-1}small[data-error],#formerror,#deleteError{color:#a53434}small[data-error]{display:block;margin-top:4px}[aria-invalid]{border-color:#a53434}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}@media(max-width:900px){aside{width:180px;padding:30px 15px}main{margin-left:180px}section{padding:25px}header{padding:0 25px}.brand span{font-size:16px}}@media(max-width:650px){body{display:block}aside{position:static;height:auto;width:100%;padding:15px 20px;flex-direction:row;align-items:center;justify-content:space-between}aside p,aside footer{display:none}nav a{padding:8px}main{margin-left:0}header{height:55px}.badge{display:none}section{padding:24px 16px}.heading{align-items:flex-start}h1{font-size:30px}.heading p:not(.eyebrow){font-size:13px}.toolbar{padding:16px}td,th{padding:14px}.fields{grid-template-columns:1fr}.wide{grid-column:auto}}
select{display:block;width:100%;padding:12px;border:1px solid #ced9d0;border-radius:5px;background:#fcfdfb;font:inherit;color:#233936}select:focus{outline:2px solid #5c8c52;outline-offset:2px}.fields select,.toolbar select{margin-top:7px}nav a{background:transparent;color:#b7cbc3;margin-bottom:8px;font-size:13px}nav a[aria-current=page]{background:#29453e;color:#d7edbf}.status-pill{display:inline-block;background:#edf3e8;border:1px solid #dce5d4;border-radius:20px;padding:5px 10px;white-space:nowrap;font-size:12px}aside footer .secondary{color:#d7edbf;border-color:#60796b;margin-top:12px}#customerHint{display:block;font-size:12px;color:#617362;margin-top:8px}.toolbar label{min-width:120px}.toolbar label:has(select){max-width:210px}@media(max-width:650px){.toolbar{flex-wrap:wrap}.toolbar label:has(select){max-width:none}.heading{flex-wrap:wrap}aside{gap:14px}nav a{font-size:12px;margin:0}}
.company-panel{max-width:760px;padding:26px}.company-panel fieldset{border:0;margin:0;padding:0;min-width:0}.company-panel legend{font-size:20px;font-weight:600;margin:12px 0}.company-panel #notice{padding:0;margin:0 0 10px}.action-link{display:inline-block;border:1px solid #d9e1da;border-radius:6px;text-decoration:none;font-size:13px;font-weight:600}.tablewrap .action-link{margin-left:8px}.print-help{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #dde4dd;margin-top:18px;padding-top:16px}.print-help p{font-size:12px;margin:0}.print-help[hidden]{display:none}fieldset:disabled{opacity:.6}
.login-body{display:block;background:#122e2b;min-height:100vh}.login-main{margin:0 auto;max-width:460px;padding:48px 20px}.login-brand{display:block;text-align:center;font-size:28px;font-weight:700;text-decoration:none;color:#fff;margin-bottom:30px}.login-brand b{color:#c5ec9c}.login-panel{padding:30px}.login-panel h1{font-size:32px}.login-panel label{display:block;margin:18px 0;font-size:13px}.login-panel input{margin-top:7px}.login-panel button{width:100%}#loginError{color:#a53434}.login-main>.hint{text-align:center;color:#b7cbc3}#account{overflow-wrap:anywhere;color:#c8d8d0;font-size:12px}aside footer .secondary{color:#d7edbf}#logout{margin-top:10px}