.mypage{display:grid;gap:18px;margin-top:18px}.mypage-top{display:grid;grid-template-columns:1fr 1fr;gap:18px}.my-summary,.my-info,.my-security,.my-ledger{padding:20px;border:1px solid var(--line);border-radius:14px;background:#f4f7fb;box-shadow:0 6px 20px #174c7d12}.my-id{display:flex;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--line)}.my-id strong{color:#07599d;font-size:19px}.my-summary h3{margin:15px 0 8px;font-size:13px}.level-badge{display:inline-flex;flex-direction:column;align-items:center;padding:7px 13px;border:1px solid #079ee8;border-radius:8px;background:#e6f6ff}.level-badge small{font-size:10px}.my-summary dl,.my-points{margin:14px 0 0;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff}.my-summary dl,.my-points>div,.my-points p,.my-points p span{display:flex;align-items:center;justify-content:space-between}.my-summary dd{margin:0;color:#079ee8;font-weight:500}.my-points p{gap:10px;margin:13px 0 0}.my-points a,.my-security button{padding:9px 14px;border:0;border-radius:8px;background:linear-gradient(135deg,#22b8f2,#079ee8,#07599d);color:#fff;font-size:11px}.my-points p span{flex:1;padding:9px 13px;border:1px solid var(--line);border-radius:8px}.my-points em{font-style:normal}.my-info h2,.my-security h2,.my-ledger h2{margin:0;color:#07599d;font-size:18px}.my-info>div{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.my-info dl{display:flex;justify-content:space-between;gap:8px;margin:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:11px}.my-info dd{margin:0;overflow-wrap:anywhere;text-align:right}.my-info>p,.my-security header p{color:#7890a5;font-size:11px}.my-security>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.my-security article{padding:15px;border:1px solid var(--line);border-radius:10px;background:#fff}.my-security h3{margin:0;font-size:14px}.my-security article p{min-height:32px;color:#7890a5;font-size:11px}.my-security button{width:100%;cursor:pointer}.my-ledger header{display:flex;align-items:center;justify-content:space-between}.my-ledger header button{padding:8px 18px;border:0;border-radius:6px;background:#dfeaf3;color:#53718b}.my-ledger header button.on{background:#079ee8;color:#fff}.my-ledger-scroll{overflow:auto;margin-top:14px}.my-ledger table{width:100%;min-width:620px;border-collapse:collapse;background:#fff}.my-ledger th,.my-ledger td{padding:12px;border-bottom:1px solid var(--line);text-align:center;font-size:11px}.plus{color:#159458!important}.minus{color:#d43b52!important}.pw-modal-backdrop{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:16px;background:#002b5575}.pw-modal{width:min(640px,100%);max-height:85vh;overflow:auto;padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 25px 70px #001c3855}.pw-modal>header{display:flex;justify-content:space-between;gap:15px}.pw-modal h2{margin:0;color:#07599d;font-size:18px}.pw-modal header p,.pw-modal section p{color:#7890a5;font-size:11px}.pw-modal header>button{width:34px;height:34px;border:0;border-radius:50%;background:#edf5fb;font-size:22px}.pw-modal form{display:grid;gap:14px}.pw-modal form>section{padding:14px;border:1px solid var(--line);border-radius:10px;background:#f4f7fb}.pw-modal h3{margin:0;font-size:14px}.pw-modal label{display:grid;gap:6px;color:#53718b;font-size:11px;font-weight:500}.phone-auth,.pw-input{display:flex;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.phone-auth input,.pw-input input{min-width:0;flex:1;height:42px;padding:0 11px;border:0;outline:0}.phone-auth button,.pw-input button{border:0;padding:0 12px;background:#e5f4ff;color:#07599d}.phone-auth button{background:#079ee8;color:#fff}.pw-new{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pw-modal small{font-size:10px}.pw-modal small.ok{color:#159458}.pw-modal small.error{color:#d43b52}.pw-submit{height:44px;border:0;border-radius:8px;background:linear-gradient(135deg,#22b8f2,#079ee8,#07599d);color:#fff}.pw-modal-backdrop~*{pointer-events:none}@media(max-width:760px){.mypage-top,.my-security>div,.pw-new{grid-template-columns:1fr}.my-summary,.my-info,.my-security,.my-ledger{padding:14px}.my-info>div{grid-template-columns:1fr}.my-info dl{font-size:10px}.pw-modal{padding:16px}.my-points p{align-items:stretch;flex-direction:column}.my-points a{text-align:center}}