:root{font-family:system-ui,sans-serif;color:#172033;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 5%;background:#132238;color:white}header a{color:#d6ebff}header nav{display:flex;gap:1rem}main{max-width:1100px;margin:3rem auto;padding:0 1rem}.card{max-width:420px;background:white;padding:2rem;border-radius:14px;box-shadow:0 10px 35px #1b365d20}body>.card{margin:8vh auto}form{display:grid;gap:1rem}label{display:grid;gap:.4rem;font-weight:600}input,select,button{font:inherit;padding:.75rem;border:1px solid #bdc7d5;border-radius:7px}select{background:white}button{border:0;background:#0879d1;color:white;font-weight:700;cursor:pointer}.error{color:#b42318}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem}.grid article,.panel{display:grid;gap:.4rem;background:white;padding:1.4rem;border-radius:12px;box-shadow:0 5px 20px #1b365d12}.grid b{font-size:2rem;color:#0879d1}.grid span{color:#5c687a}.panel{margin-top:1rem}.split{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:1rem;align-items:start}.split .panel{margin-top:0}.form-panel{display:grid;gap:1rem}.two{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.table-panel{overflow:hidden}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.85rem;border-bottom:1px solid #e3e8ef;vertical-align:top}th{font-size:.8rem;text-transform:uppercase;color:#687487}td small{display:block;color:#687487;margin-top:.25rem}.badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;background:#e8edf3;font-size:.8rem}.badge.active{background:#dcfce7;color:#166534}.badge.inactive,.badge.closed{background:#f1f5f9;color:#64748b}.badge.suspended{background:#fee2e2;color:#991b1b}.actions{display:flex;gap:.65rem}.actions form{display:inline}.link-button{background:none;color:#0879d1;padding:0;font-weight:400}.button{display:inline-block;text-align:center;text-decoration:none;padding:.75rem;border-radius:7px;background:#0879d1;color:white;font-weight:700}.button.secondary{background:#e8edf3;color:#172033}.notice{padding:.85rem 1rem;border-radius:8px;margin-bottom:1rem}.notice.success{background:#dcfce7;color:#166534}.notice.error{background:#fee2e2;color:#991b1b}@media(max-width:800px){header{align-items:flex-start;flex-wrap:wrap}header nav{order:3;width:100%}.split{grid-template-columns:1fr}.two{grid-template-columns:1fr}}