:root{font-family:system-ui,sans-serif;color:#163129;background:#f6f8f6}*{box-sizing:border-box}body{margin:0}header{background:#184b3c;color:white;padding:16px max(20px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center}nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}nav a{color:white}nav form{margin:0}main{max-width:1100px;margin:32px auto;padding:0 20px}h1{font-size:1.7rem}.card{background:white;border:1px solid #dce6df;border-radius:12px;padding:22px;margin:20px 0;max-width:750px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}label{display:block;font-weight:600;margin:10px 0}input,select,textarea{display:block;width:100%;font:inherit;padding:10px;border:1px solid #9cb6a9;border-radius:6px;margin-top:6px}input[type=checkbox]{width:auto}button{background:#17684a;color:white;border:0;border-radius:6px;padding:10px 18px;cursor:pointer;font:inherit}.search{display:flex;gap:8px}.search input{flex:1}.search select{max-width:160px}.scroll{overflow:auto}table{border-collapse:collapse;background:white;width:100%;margin:18px 0}td,th{border-bottom:1px solid #dce6df;text-align:left;padding:12px;white-space:nowrap}td:nth-child(4){white-space:normal;min-width:200px}.badge{display:inline-block;background:#e4efe8;padding:5px 10px;margin:4px;border-radius:20px}.alert,.success{padding:12px;background:#ffe9e9;border-radius:6px}.success{background:#def2df}@media(max-width:680px){header{display:block}nav{margin-top:12px}.grid{display:block}.search{flex-wrap:wrap}.search input{min-width:100%}}