:root{--navy:#13264b;--red:#a32e32;--ink:#15233b;--line:#dce3ef}*{box-sizing:border-box}body{font:16px/1.55 system-ui,Arial,sans-serif;margin:0;background:#eef1f5;color:var(--ink)}header{background:linear-gradient(110deg,#0e1932,var(--navy));color:white;border-bottom:5px solid var(--red)}.wrap{width:min(1050px,94%);margin:auto}.head{display:flex;align-items:center;gap:20px;padding:22px 0}.head img{width:90px;height:85px;object-fit:contain;border-radius:10px;background:white;padding:5px}.head h1{margin:0;font-size:32px}.head small{color:#f6d67f;letter-spacing:.18em;font-weight:750}.head p{margin:0;color:#dbe4f6}nav{display:flex;gap:18px;padding:18px 0}a{color:#1b4d91}nav a{font-weight:700}main{min-height:70vh;padding-bottom:60px}h2{font-size:27px;margin:9px 0 22px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:18px}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:16px;box-shadow:0 5px 18px #0e19320e}.card h3{margin:0 0 9px}.muted{color:#58677e}.btn{display:inline-block;border:0;border-radius:8px;background:var(--red);color:#fff;padding:11px 18px;font:inherit;font-weight:750;text-decoration:none;cursor:pointer}.btn.secondary{background:var(--navy)}input,textarea,select{display:block;width:100%;font:inherit;border:1px solid #bbc6d6;border-radius:8px;padding:10px;margin:5px 0 15px;background:white}label{font-weight:650}textarea{min-height:105px}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.fields>*{min-width:0}.notice{background:#fff4dd;border-left:4px solid #da961b;padding:13px;margin:15px 0}.error{background:#ffe0e0;border-left-color:var(--red)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px;background:white}th,td{border-bottom:1px solid var(--line);padding:12px;text-align:left}th{background:#e4eaf2}footer{text-align:center;padding:22px;background:#0e1932;color:#e4eaf2}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.actions form{display:inline}.actions button{margin:0}.narrow{max-width:550px}.checkbox{display:flex;gap:9px;align-items:start}.checkbox input{width:auto;margin-top:6px}@media(max-width:600px){.head h1{font-size:25px}.head img{width:70px;height:65px}}
