:root{--teal:#4f9e95;--navy:#182b39;--bg:#f4f7f8;--muted:#73838c;--border:#e0e8e9}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,Arial,Helvetica,sans-serif;color:var(--navy);line-height:1.5}header{background:#fff;border-bottom:1px solid var(--border);padding:16px max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.brand{font-weight:800;letter-spacing:.1em;display:flex;align-items:center;gap:10px;font-size:19px}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:.24em}.symbol{display:inline-flex;align-items:center;justify-content:center;background:var(--teal);color:#fff;border-radius:12px;width:43px;height:43px;font-size:26px}.brand.big{justify-content:center;margin:40px 0 25px}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{color:#415660;text-decoration:none;font-size:14px;font-weight:600}nav a:hover,a{color:#318b82}main{max-width:1200px;margin:0 auto;padding:42px 22px 60px;min-height:75vh}.narrow{max-width:500px}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}h1{font-size:30px;letter-spacing:-.04em;margin:7px 0}h2{font-size:19px;margin-top:0}h3{margin-top:28px}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--teal);font-weight:800}.pagehead p,.muted{color:var(--muted)}.panel{background:#fff;border:1px solid var(--border);border-radius:16px;padding:25px;margin-bottom:22px;box-shadow:0 5px 22px #1c434208}.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:24px 0}.stat{background:#fff;padding:22px;border:1px solid var(--border);border-radius:14px}.stat small{display:block;color:var(--muted);font-size:13px}.stat strong{font-size:36px}.button,button{display:inline-block;background:var(--teal);color:#fff;border:0;border-radius:9px;padding:12px 17px;font-weight:750;cursor:pointer;font-size:14px;text-decoration:none}.button:hover,button:hover{background:#347b73;color:white}.button.secondary,button.secondary{background:#ecf6f4;color:#21786e}.danger{background:#fff2f2;color:#c33f3f;border:1px solid #f3d2d2}.delete-form{margin-top:28px}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}a{text-decoration:none}.between{display:flex;justify-content:space-between;align-items:center}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;background:#f8fafb;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#789098;padding:12px}td{padding:14px 12px;border-bottom:1px solid #eef2f3}tr:last-child td{border-bottom:0}.strong{font-weight:800}.pill{white-space:nowrap;background:#e9f5f3;color:#327c73;border-radius:99px;padding:5px 10px;font-size:12px}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.filters label{flex:1;min-width:145px}.filters label:first-child{flex:2}.filters button{margin-bottom:1px}.filters>a{padding-bottom:12px}.two{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;align-items:start}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font-size:13px;font-weight:700;margin-bottom:15px}input,select,textarea{display:block;width:100%;margin-top:7px;background:#fff;border:1px solid #d5e1e2;border-radius:9px;padding:12px;font:inherit;color:var(--navy)}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #a6d4ce}hr{border:0;border-top:1px solid var(--border);margin:25px 0}.flash,.error{border-radius:10px;padding:13px 17px;margin-bottom:20px;background:#e2f4e9;color:#236742}.error{background:#feeaea;color:#993636}.activity{border-left:3px solid #a5d1cc;padding:8px 14px;margin:14px 0}.activity small{display:block;color:var(--muted)}.activity p{margin-bottom:0}.overdue{font-weight:800;color:#cc624e}.pagination{display:flex;gap:8px}.pagination a{padding:7px 12px;background:#fff;border-radius:7px}.pagination a.active{background:var(--teal);color:#fff}footer{text-align:center;padding:25px;font-size:12px;color:#86979f}@media(max-width:800px){.two{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:1fr}header{padding:18px}main{padding:25px 15px}.panel{padding:18px}}
