*{box-sizing:border-box}body{margin:0;background:#eef3f8;font-family:Arial,Helvetica,sans-serif;color:#18324c}main{max-width:490px;margin:8vh auto;padding:30px;background:white;border-radius:12px;box-shadow:0 8px 30px #17314d1c}.wide{max-width:1000px;margin:4vh auto}h1{font-size:25px}h2{font-size:17px}label{display:block;margin:16px 0;font-weight:600}input{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #b7c8d7;border-radius:6px}button{background:#174a78;color:white;border:0;padding:12px 20px;border-radius:6px;cursor:pointer;font-weight:600}.error{padding:12px;background:#ffebeb;color:#8e1616}.success{padding:12px;background:#e5f7ed;color:#17613c}.notice{padding:14px;background:#fff3d5;border-left:4px solid #c68b14}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.grid article{background:#eef4fa;padding:18px;border-radius:9px}.grid strong{font-size:30px}header{display:flex;justify-content:space-between;align-items:center}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:10px;border-bottom:1px solid #d8e3ec}