*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f4f6f4;color:#1a2e1a}a{color:#1b6e3c;text-decoration:none}button{cursor:pointer;font:inherit}.btn{background:#1b6e3c;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-weight:600}.btn:hover{background:#155a31}.card{background:#fff;border:1px solid #e0e6e0;border-radius:12px;padding:24px}input,select{width:100%;padding:10px 12px;border:1px solid #cdd6cd;border-radius:8px;font:inherit}label{font-size:14px;font-weight:600;display:block;margin-bottom:6px}th{white-space:nowrap}td{vertical-align:middle}.card:has(>table){overflow-x:auto}.nowrap{white-space:nowrap}table input,table select{padding:8px;min-width:74px}table input[type=number]{min-width:84px}table input[type=checkbox]{min-width:0}table input[type=date]{min-width:130px}.filterbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px}.filterbar input,.filterbar select{width:auto;padding:6px 10px;font-size:13px;border-radius:6px}.filterbar input[type=date]{width:138px}.filterbar select{max-width:190px}.filterbar .flt-label{color:#5a6b5a;white-space:nowrap}.filterbar .flt-clear{border:1px solid #cdd6cd;background:#fff;border-radius:6px;padding:5px 10px;white-space:nowrap}.pager{display:flex;gap:10px;align-items:center;justify-content:flex-end;padding:10px 12px;font-size:13px;color:#5a6b5a}.pager button{border:1px solid #cdd6cd;background:#fff;border-radius:6px;padding:4px 12px}.pager button:disabled{opacity:.4;cursor:default}html{-webkit-text-size-adjust:100%}img{max-width:100%;height:auto}.btn,a,button{touch-action:manipulation}@media (max-width:640px){main{padding:10px!important}.card{padding:14px;border-radius:10px}main>header{flex-wrap:wrap;gap:8px}main h1{font-size:19px!important}.btn{padding:11px 14px;font-size:15px;min-height:42px}.pager button{padding:8px 14px;min-height:38px}input,select,textarea{font-size:16px}.filterbar input,.filterbar select{font-size:16px;padding:8px 10px}.filterbar>div{flex:1 1 46%;min-width:145px}.filterbar select{max-width:none;width:100%}.filterbar input[type=date],.filterbar>div>input,.filterbar>div>select{width:100%}.card{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:max-content}td,th{padding-left:8px!important;padding-right:8px!important}.card[style*=max-width],.card[style*=maxWidth]{max-height:92vh;overflow-y:auto}}@media (max-width:380px){main{padding:8px!important}.card{padding:12px}.filterbar>div{flex:1 1 100%}}