:root{font-family:system-ui,sans-serif;color:#183141;background:#edf2f6}body{margin:0}main{max-width:900px;margin:40px auto;padding:32px;background:white;border-radius:16px}header{border-bottom:2px solid #e5edf2;padding-bottom:16px}header>p:first-child{letter-spacing:.14em;font-weight:700;color:#236376}h1{font-size:2.3rem;margin:8px 0}.notice{background:#fff2cc;padding:12px;border-radius:6px}form{max-width:560px}label{display:block;font-weight:600;margin:18px 0}input{display:block;box-sizing:border-box;width:100%;font:inherit;padding:12px;border:1px solid #7b909c;border-radius:6px;margin-top:7px}button{font:inherit;font-weight:600;background:#175c70;color:white;border:0;border-radius:6px;padding:12px 22px;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #d89700;outline-offset:3px}.error{background:#ffe2e2;padding:15px}.account{display:flex;align-items:center;justify-content:space-between;gap:12px}.table{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #dae3e9}th{background:#edf2f6}footer{margin-top:36px;font-size:.85rem;color:#526773}@media(max-width:650px){main{margin:12px;padding:20px}h1{font-size:1.8rem}}