:root{font-family:system-ui,sans-serif;color:#182b38;background:#f5f6f5}*{box-sizing:border-box}body{margin:0}header{padding:24px 5%;background:#173b35;color:white;display:flex;justify-content:space-between;align-items:center;gap:20px}header a{color:white;text-decoration:none}.brand{font-size:30px;font-weight:800;letter-spacing:2px}.brand span{display:block;font-size:12px;font-weight:400;letter-spacing:1px}header div{font-size:13px;text-align:right}header form{margin-top:10px}main{max-width:1200px;margin:auto;padding:36px 24px}h1{font-size:36px;letter-spacing:-1px}nav{display:flex;gap:12px;flex-wrap:wrap}nav a{padding:12px 22px;border-radius:8px;color:#173b35;text-decoration:none;background:white}nav .active{background:#173b35;color:white}button,.button{border:0;background:#173b35;color:white;padding:12px 20px;border-radius:7px;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}header button{background:#f3efe3;color:#173b35}input:not([type=checkbox]),select{font:inherit;padding:11px;border:1px solid #cbd5d1;border-radius:6px;max-width:100%;background:white}input:focus,button:focus,a:focus{outline:3px solid #b19c67;outline-offset:2px}.search{display:flex;gap:10px;margin-bottom:22px}.search input{width:360px}.table{overflow-x:auto;background:white;border:1px solid #e0e5e2;border-radius:10px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid #e5e9e7}th{font-size:12px;text-transform:uppercase;color:#5d7067;background:#eef2ef}td{font-size:14px}small,.muted{color:#67776e}.pagination{display:flex;justify-content:center;gap:25px;margin:24px}a{color:#173b35}.welcome{padding:55px 0}.welcome h1{font-size:54px}.eyebrow{letter-spacing:3px;font-size:12px;color:#67776e}.welcome .button{margin:15px 0}.error,.success{padding:16px;border-radius:7px}.error{background:#fee6e2;color:#81302b}.success{background:#deefe2;color:#17452b}details{background:white;border:1px solid #e0e5e2;padding:22px;border-radius:10px}summary{cursor:pointer;font-weight:700}.add{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.add label{display:grid;gap:8px;font-size:14px}.add button{justify-self:start}footer{max-width:1200px;margin:auto;padding:30px 24px;color:#78847d;font-size:12px}@media(max-width:650px){header{align-items:flex-start}.brand span{max-width:130px}header div{max-width:160px;overflow-wrap:anywhere}.add{grid-template-columns:1fr}.welcome h1{font-size:38px}th,td{padding:12px}.table form{display:grid;gap:10px}}