:root{font-family:Inter,system-ui,Arial,sans-serif;color:#1f2937;background:#f4f7f5}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:18px max(18px,calc((100vw - 1150px)/2));background:#fff;border-bottom:1px solid #e4ece5;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;color:#176c3d;font-size:22px}.brand span{font-size:13px;color:#64748b}nav{display:flex;flex-wrap:wrap;gap:15px}a{color:#167444;text-decoration:none}nav a{font-weight:650}main{max-width:1150px;margin:35px auto;padding:0 18px;min-height:70vh}h1{font-size:29px;margin:0 0 12px}h2{font-size:20px;margin:0 0 17px}h3{font-size:16px;margin-top:25px}p{line-height:1.5}small,.heading p{color:#6b7280}.heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:22px}.panel{background:#fff;border:1px solid #e4ebe6;border-radius:14px;padding:24px;margin-bottom:18px;box-shadow:0 2px 7px #103f2110}.narrow{max-width:740px}.auth{max-width:430px;margin:65px auto}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.cols2{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}form{display:grid;gap:17px}label{display:grid;gap:7px;font-size:14px;font-weight:650}input,textarea,select{font:inherit;border:1px solid #cddbd1;border-radius:8px;padding:11px 12px;width:100%;background:white;color:#172c1d}input:focus,textarea:focus,select:focus{outline:2px solid #95d9b2}textarea{min-height:95px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}button,.button{background:#16814a;border:0;color:white;padding:12px 19px;border-radius:9px;font:inherit;font-weight:700;cursor:pointer;text-align:center;display:inline-block}button:hover,.button:hover{background:#116739;color:white}button:disabled{opacity:.5}.minor{background:#edf5ee;color:#176c3d;padding:8px 11px}.checks{display:flex;flex-wrap:wrap;gap:15px}.checks label{display:flex;align-items:center;gap:8px}.checks input{width:18px;height:18px}.overflow{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid #e5eee8}th{color:#365545;background:#f2f7f3}.total{font-weight:750;background:#f3f9f5}.filter{display:flex;max-width:340px;align-items:end}.error{background:#fff2f0;border:1px solid #f3b2a6;padding:12px;border-radius:8px;color:#992d19}footer{text-align:center;font-size:12px;color:#82918a;padding:30px}@media(max-width:680px){header{gap:14px}nav{width:100%;justify-content:space-between;font-size:13px}main{margin:22px auto}.panel{padding:18px}.two{grid-template-columns:1fr}.heading{align-items:start}h1{font-size:25px}}

/* HomeXL brand design */
:root{--brand-green:#a9d947;--brand-forest:#153e28;--brand-soft:#edf7e5;color:#26332c;background:#f5f8f4}header{background:#10291c;border-bottom:3px solid var(--brand-green);padding-top:14px;padding-bottom:14px}.brand{gap:12px;color:white;text-decoration:none}.brand-logo{width:178px;max-width:36vw;height:56px;object-fit:contain;display:block}.brand-name{font-size:11px!important;letter-spacing:.14em;color:#dce9df!important}.auth{max-width:460px;text-align:center;border-top:4px solid var(--brand-green)}.auth-logo{display:block;width:100%;max-width:315px;height:auto;margin:0 auto 20px}.auth form{text-align:left}header nav a{color:#f0f5ed;font-size:14px}header nav a:hover{color:var(--brand-green)}.panel{border-color:#dce9dc;box-shadow:0 7px 28px #103f2110}.heading h1,h1,h2{color:#173925}button,.button{background:#226c3b}button:hover,.button:hover{background:#164e2d}.minor{background:#dfeddc;color:#164e2d}th{background:#eaf4e5;color:#21442c}main{margin-top:27px}input:focus,textarea:focus,select:focus{outline:2px solid #b6d980}footer{border-top:1px solid #dce9dc}@media(max-width:680px){.brand-logo{width:138px;height:45px}header{gap:10px}nav{gap:10px}.auth-logo{max-width:250px}}