*{box-sizing:border-box}body{margin:0;font:15px system-ui;color:#172033;background:#f5f7fa}header{background:#13233f;color:white;padding:14px 24px;display:flex;justify-content:space-between}nav{background:white;padding:12px 24px;border-bottom:1px solid #dce2ea;display:flex;gap:16px;flex-wrap:wrap}nav a{color:#244b82;text-decoration:none}main{max-width:1100px;margin:24px auto;padding:0 18px}.card{background:white;border:1px solid #dce2ea;border-radius:8px;padding:18px;margin:12px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}label{display:block;font-weight:600;margin:10px 0 4px}input,textarea,select{width:100%;padding:9px;border:1px solid #aeb9c7;border-radius:5px}button{background:#244b82;color:white;border:0;border-radius:5px;padding:10px 16px;margin-top:12px}.status{font-weight:700}.error{color:#9d1c1c}.notice{color:#225d37}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px;border-bottom:1px solid #e4e8ee}@media(max-width:600px){header{display:block}nav{gap:10px}}