:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#17243b;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}header{background:#12213a;color:white;padding:18px max(20px,calc((100vw - 1080px)/2));display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}header a{color:#e7eefc;margin-left:14px;text-decoration:none}main{max-width:1080px;margin:28px auto;padding:0 18px}h1{font-size:1.7rem}h2{font-size:1.2rem}section,form:not(.inline){background:white;border:1px solid #e3e9f3;border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:0 3px 14px #142a4810}form:not(.inline){max-width:620px}label{display:block;margin:10px 0;font-weight:600}input,textarea{display:block;width:100%;padding:12px;border:1px solid #c7d1df;border-radius:8px;margin-top:6px;font:inherit}button{background:#2457cf;color:white;border:0;border-radius:8px;padding:10px 15px;cursor:pointer;font:inherit}.danger{background:#a92e35}.inline{display:inline}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cards section{display:flex;flex-direction:column;gap:10px}.cards strong{font-size:1.3rem}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;background:white}td,th{padding:12px;text-align:left;border-bottom:1px solid #e5eaf1}small{color:#58677c}.error{color:#a3272d}@media(max-width:700px){.cards{grid-template-columns:repeat(2,1fr)}header{padding:15px}main{margin:16px auto}td,th{white-space:nowrap}}@media(max-width:390px){.cards{grid-template-columns:1fr}}