:root{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#183240;background:#f4f8fa}*{box-sizing:border-box}body{margin:0}header{background:#176b83;color:white;padding:16px max(18px,calc((100vw - 1150px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}header strong{font-size:18px}nav{display:flex;gap:14px;flex-wrap:wrap}nav a{color:#fff;text-decoration:none;font-size:14px}main{max-width:1150px;margin:30px auto;padding:0 18px 70px}h1{font-size:29px}h2{margin-top:32px}h3{margin:5px 0}p{line-height:1.5}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px}.card,.item,form:not(.filter){background:#fff;border:1px solid #d8e4e8;border-radius:12px;padding:20px}.card{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit}.card strong{font-size:32px;color:#176b83}.card small,.muted,small{color:#647981}label{display:block;margin:12px 0;font-weight:600;font-size:14px}input,select{display:block;width:100%;padding:11px;margin-top:6px;border:1px solid #b5c7d0;border-radius:7px;font:inherit;background:white;color:#1d343e}button{border:0;border-radius:7px;background:#176b83;color:white;padding:11px 17px;font-weight:650;cursor:pointer}button:hover{background:#115267}button.danger{background:#a63a3a}.filter{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.filter input{max-width:360px}.filter select{max-width:190px}.items{display:grid;gap:10px}.item{display:flex;justify-content:space-between;gap:15px;align-items:center}.item>div{flex:1}.item form{min-width:250px;max-width:320px;display:grid;gap:7px}.item input,.item select{margin:0}.error,.success{padding:14px;border-radius:7px;background:#fbe7e7;color:#922}.success{background:#e0f4e8;color:#164e35}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;background:white}td,th{padding:10px;border-bottom:1px solid #dde6ea;text-align:left}th{background:#e5eef2}@media(max-width:700px){.item{flex-direction:column;align-items:stretch}.item form{max-width:none;min-width:0}header{align-items:flex-start}}