*{box-sizing:border-box}body{margin:0;background:#f2f5f2;color:#17231e;font-family:Arial,sans-serif}header{background:#173b32;color:white;padding:20px 16px;text-align:center}.brand{font-size:21px;font-weight:800;letter-spacing:.5px}header small{display:block;margin-top:6px;color:#d9e8df}main{max-width:850px;margin:20px auto;padding:0 12px}.card{background:white;border-radius:14px;padding:18px;margin:14px 0;box-shadow:0 3px 14px #173b3214}h2{margin:0 0 15px;color:#173b32;font-size:20px}h3{margin:22px 0 12px}label{display:block;font-size:13px;font-weight:700;margin:12px 0;color:#33463c}input,select{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #cbd7cf;border-radius:9px;font-size:16px;background:#fff;color:#17231e}button{border:0;border-radius:9px;padding:12px 16px;background:#1e6b4d;color:white;font-weight:700;font-size:14px;cursor:pointer;margin:5px 4px 5px 0}.secondary{background:#e8f0eb;color:#173b32}.row{display:flex;gap:10px}.row>*{flex:1;min-width:0}.between{justify-content:space-between;align-items:center}.toolbar{display:flex;justify-content:space-between;align-items:center;background:white;border-radius:12px;padding:14px;margin:14px 0}.hint{font-size:12px;color:#65756b;margin-top:8px}.msg{font-size:13px;color:#a13c24;min-height:16px}.hidden{display:none!important}nav{display:flex;gap:5px;overflow:auto;margin:12px 0}nav button{white-space:nowrap;background:#dce9e0;color:#173b32}nav button.active{background:#173b32;color:white}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px;border-bottom:1px solid #e6ece8;white-space:nowrap}th{color:#52665a;background:#f7faf8}footer{text-align:center;padding:20px;color:#718078;font-size:12px}hr{border:0;border-top:1px solid #e6ece8;margin:18px 0}@media(max-width:520px){.row{gap:6px}.card{padding:14px}.brand{font-size:18px}button{padding:11px 12px}}