:root{color:#162238;font-synthesis:none;text-rendering:optimizelegibility;--blue:#2563eb;--blue-dark:#1d4ed8;--slate:#64748b;--line:#e2e8f0;--surface:#fff;--soft:#f8fafc;--danger:#dc2626;background:#e9f0f7;font-family:Inter,Pretendard,Noto Sans KR,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 10% 0,#f8fbff 0,#0000 36%),linear-gradient(145deg,#e6eef7,#f4f7fb 60%,#e9eff6);min-height:100vh}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2563eb33}.auth-page{min-height:100vh;padding:28px}.auth-center{place-items:center;display:grid}.access-card{text-align:center;background:#fffffff5;border:1px solid #fffc;border-radius:28px;width:min(430px,100%);padding:34px;box-shadow:0 30px 80px #0f233d26}.access-icon{width:70px;height:70px;color:var(--blue);background:#dbeafe;border-radius:22px;place-items:center;margin:0 auto 20px;display:grid}.access-icon.amber{color:#b45309;background:#fef3c7}.kicker{color:var(--blue);letter-spacing:.16em;margin:0 0 7px;font-size:10px;font-weight:900}.amber-text{color:#b45309}.access-card h1{color:#172033;letter-spacing:-.045em;margin:0;font-size:26px}.access-description{color:#6b7a90;margin:10px auto 25px;font-size:13px;line-height:1.65}.access-field{text-align:left;gap:7px;margin-top:14px;display:grid}.access-field span{color:#34445c;font-size:11px;font-weight:800}.access-field input,.access-field textarea{color:#182842;background:#fff;border:1px solid #d8e1eb;border-radius:14px;outline:none;width:100%;min-height:47px;padding:0 14px;transition:border-color .18s,box-shadow .18s}.access-field textarea{resize:vertical;min-height:82px;padding-block:12px}.access-field input:focus,.access-field textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #3b82f61a}.field-help{color:#8996a8;text-align:left;margin:9px 0 0;font-size:10px;line-height:1.5}.form-error{color:#b91c1c;text-align:left;background:#fef2f2;border-radius:11px;margin:13px 0 0;padding:10px 12px;font-size:11px;font-weight:700;line-height:1.5}.access-actions{place-items:center;min-height:45px;display:grid}.primary,.secondary,.icon-text,.text-button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:7px;transition:all .18s;display:inline-flex}.primary{color:#fff;background:linear-gradient(135deg,#2563eb,#1678ee);border-radius:13px;min-height:43px;padding:0 17px;font-size:12px;font-weight:900;box-shadow:0 10px 25px #2563eb38}.primary:hover{background:linear-gradient(135deg,#1d4ed8,#126bdd);transform:translateY(-1px)}.primary:disabled,.secondary:disabled{opacity:.55;cursor:wait;transform:none}.primary.wide{width:100%;margin-top:20px}.primary.compact{min-height:37px;box-shadow:none;padding-inline:13px;font-size:11px}.secondary{color:#506078;background:#fff;border:1px solid #d8e1eb;border-radius:12px;min-height:40px;padding:0 14px;font-size:11px;font-weight:800}.secondary:hover{color:var(--blue);background:#f7fbff;border-color:#aac8ed}.text-button{color:#5b73a0;background:0 0;margin:16px auto 0;padding:4px;font-size:10px;font-weight:800}.back-link{color:#8190a5;align-items:center;gap:5px;margin-top:20px;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--blue)}.spinner{border:3px solid #dbeafe;border-top-color:var(--blue);border-radius:50%;width:27px;height:27px;animation:.8s linear infinite spin;display:inline-block}.spinner.small{border-width:2px;border-color:#fff #ffffff61 #ffffff61;width:16px;height:16px}@keyframes spin{to{transform:rotate(360deg)}}.recovery-card{width:min(610px,100%)}.recovery-key{overflow-wrap:anywhere;color:#7c4a08;letter-spacing:.04em;text-align:left;background:#fffbeb;border:1px dashed #e2b65d;border-radius:14px;padding:18px;font-family:Cascadia Mono,Consolas,monospace;font-size:14px;font-weight:800;line-height:1.7;display:block}.receipt-actions{justify-content:center;gap:9px;margin-top:13px;display:flex}.confirm-check{color:#4e5c71;text-align:left;align-items:flex-start;gap:9px;margin-top:20px;font-size:11px;font-weight:700;line-height:1.5;display:flex}.confirm-check input{width:17px;height:17px;accent-color:var(--blue);margin:0}.vault-page{place-items:center;min-height:100vh;padding:24px;display:grid}.vault-shell{background:#fffffff7;border:1px solid #ffffffe6;border-radius:28px;grid-template-rows:auto minmax(420px,1fr) auto;width:min(980px,100%);min-height:min(760px,100vh - 48px);display:grid;overflow:hidden;box-shadow:0 30px 90px #1a2c4426}.vault-header{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:16px 22px;display:flex}.vault-title{align-items:center;gap:12px;display:flex}.vault-title>span{width:43px;height:43px;color:var(--blue);background:#dbeafe;border-radius:14px;place-items:center;display:grid}.vault-title p{color:#7d8ba0;letter-spacing:.17em;margin:0 0 2px;font-size:8px;font-weight:900}.vault-title h1{color:#1e293b;letter-spacing:-.04em;margin:0;font-size:20px}.vault-actions{align-items:center;gap:6px;display:flex}.icon-text{color:#68768b;background:0 0;border:1px solid #0000;border-radius:11px;min-height:36px;padding:0 10px;font-size:10px;font-weight:800;text-decoration:none}.icon-text:hover{color:var(--blue);background:#f8fafc;border-color:#dce5ee}.icon-text svg{width:17px;height:17px}.account-list{scrollbar-color:#c8d6e5 transparent;scrollbar-width:thin;background:#fbfcfe;min-height:0;padding:18px 20px;overflow-y:auto}.account-card{background:#fff;border:1px solid #e1e8f0;border-radius:17px;margin-bottom:11px;transition:border-color .18s,box-shadow .18s,transform .18s;overflow:hidden;box-shadow:0 3px 10px #1e344e0a}.account-card:hover{border-color:#cbd9e8;transform:translateY(-1px);box-shadow:0 10px 25px #1e344e14}.account-card.expanded{border-color:#c5d9f4}.account-summary{width:100%;min-height:74px;color:inherit;cursor:pointer;text-align:left;background:#fff;border:0;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:12px 15px;display:grid}.account-mark{color:#1d4ed8;background:linear-gradient(145deg,#e0ecff,#edf5ff);border-radius:14px;place-items:center;width:43px;height:43px;font-size:16px;font-weight:900;display:grid}.account-name{gap:4px;min-width:0;display:grid}.account-name strong{color:#243249;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.account-name small{color:#8a97a8;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:650;overflow:hidden}.account-indicators{gap:4px;display:flex}.account-indicators i{color:#4770a6;background:#f0f5fb;border-radius:9px;place-items:center;width:26px;height:26px;display:grid}.summary-code{color:#6d28d9;letter-spacing:.08em;text-align:right;min-width:86px;font-family:Cascadia Mono,Consolas,monospace;font-size:20px;font-weight:900}.summary-code.error,.otp-panel strong.error{color:var(--danger);letter-spacing:0;font-size:13px}.chevron{color:#9ba8b8;place-items:center;transition:transform .22s;display:grid}.chevron.open{transform:rotate(180deg)}.account-details{opacity:0;border-top:0 solid #edf1f5;max-height:0;transition:max-height .3s,opacity .2s,border-width .2s;overflow:hidden}.account-card.expanded .account-details{opacity:1;border-top-width:1px;max-height:560px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:13px 15px 8px;display:grid}.detail-panel,.otp-panel{background:#f7f9fc;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:78px;padding:13px;display:flex}.detail-panel>div,.otp-panel>div:first-child{gap:5px;min-width:0;display:grid}.detail-panel small,.otp-panel small{color:#7d899a;font-size:8px;font-weight:800}.detail-panel strong{color:#2a374b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.detail-panel strong.masked{letter-spacing:.08em;font-family:monospace;font-size:15px}.detail-panel button,.otp-panel button,.card-actions button{color:#2563eb;cursor:pointer;white-space:nowrap;background:#eaf2ff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:5px;min-height:31px;padding:0 9px;font-size:9px;font-weight:900;display:inline-flex}.otp-panel{background:#faf7ff;grid-column:1/-1;position:relative;overflow:hidden}.otp-panel strong{color:#6d28d9;letter-spacing:.13em;font-family:Cascadia Mono,Consolas,monospace;font-size:25px}.otp-panel button{color:#6d28d9;background:#f0e9ff}.otp-panel button:disabled{opacity:.5;cursor:not-allowed}.otp-progress{background:#e9e3f3;border-radius:0;height:3px;position:absolute;inset:auto 0 0;display:block!important}.otp-progress i{background:#8b5cf6;height:100%;transition:width .3s linear;display:block}.card-actions{justify-content:flex-end;gap:6px;padding:2px 15px 13px;display:flex}.card-actions button{color:#64748b;background:#f1f5f9}.card-actions button.danger{color:#dc2626;background:#fff1f2}.empty-list{color:#b0bcc9;cursor:pointer;background:#fff;border:1px dashed #cfd9e5;border-radius:18px;align-content:center;justify-items:center;gap:8px;width:100%;min-height:420px;display:grid}.empty-list strong{color:#65748a;margin-top:8px;font-size:13px}.empty-list span{color:#9aa7b7;font-size:10px}.vault-footer{background:#f7f9fc;border-top:1px solid #e8edf3;padding:13px 22px 14px}.vault-footer>div:first-child{color:#718096;justify-content:space-between;align-items:center;font-size:9px;font-weight:800;display:flex}.vault-footer strong{color:#53647c}.global-progress{background:#e0e7ef;border-radius:999px;height:5px;margin-top:7px;overflow:hidden}.global-progress i{border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#2563eb);height:100%;transition:width .3s linear;display:block}.vault-footer p{color:#9aa6b5;justify-content:center;align-items:center;gap:5px;margin:8px 0 0;font-size:8px;font-weight:650;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8f;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.account-modal{background:#fff;border:1px solid #ffffffd9;border-radius:24px;grid-template-rows:auto minmax(0,1fr) auto;width:min(520px,100%);max-height:min(92vh,820px);display:grid;overflow:hidden;box-shadow:0 35px 100px #0a19324d}.account-modal.narrow{width:min(440px,100%)}.account-modal>header{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;padding:19px 21px;display:flex}.account-modal h2{color:#202d42;letter-spacing:-.04em;margin:0;font-size:19px}.account-modal header .kicker{margin-bottom:3px;font-size:8px}.account-modal header>button{color:#68778b;cursor:pointer;background:#f1f5f9;border:0;border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.modal-body{padding:19px 21px;overflow-y:auto}.qr-drop{margin-bottom:17px}.qr-drop>button{color:#3b82f6;cursor:pointer;background:#eff6ff;border:2px dashed #93b9ea;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;min-height:132px;transition:all .18s;display:flex}.qr-drop>button:hover{background:#e6f1ff;border-color:#3b82f6}.qr-drop.busy{opacity:.7}.qr-drop strong{color:#43628b;margin-top:2px;font-size:11px}.qr-drop span{color:#7185a1;font-size:9px;font-weight:700}.qr-drop small{color:#9aabc0;margin-top:3px;font-size:8px}.qr-success{color:#16704a;background:#ecfdf5;border-radius:11px;align-items:flex-start;gap:6px;margin:-7px 0 15px;padding:9px 11px;font-size:9px;font-weight:800;line-height:1.5;display:flex}.modal-field{gap:6px;margin-bottom:14px;display:grid}.modal-field>span{color:#3d4d64;font-size:10px;font-weight:850}.modal-field>span b{color:#ef4444}.modal-field input{color:#1f3047;background:#fff;border:1px solid #d7e0ea;border-radius:12px;outline:none;width:100%;min-height:43px;padding:0 12px}.modal-field input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f61a}.modal-field input.mono{letter-spacing:.04em;font-family:Cascadia Mono,Consolas,monospace;font-size:11px}.modal-note{color:#738197;margin:0 0 17px;font-size:10px;line-height:1.6}.account-modal>footer{background:#f8fafc;border-top:1px solid #e9eef4;justify-content:flex-end;gap:8px;padding:14px 21px;display:flex}@media (max-width:760px){.vault-page{padding:0;display:block}.vault-shell{border:0;border-radius:0;min-height:100vh}.vault-header{flex-direction:column;align-items:flex-start;padding:15px 16px}.vault-actions{width:100%;padding-bottom:2px;overflow-x:auto}.vault-actions .icon-text span{display:none}.vault-actions .icon-text{flex:0 0 37px;padding:0}.vault-actions .primary{margin-left:auto}.account-list{padding:12px}.account-summary{grid-template-columns:auto minmax(0,1fr) auto auto;gap:9px;padding-inline:12px}.account-indicators{display:none}.summary-code{min-width:74px;font-size:17px}.detail-grid{grid-template-columns:1fr;padding-inline:11px}.otp-panel{grid-column:auto}.card-actions{padding-inline:11px}.vault-footer{padding-inline:16px}}@media (max-width:480px){.auth-page{padding:12px}.access-card{border-radius:23px;padding:27px 20px}.access-card h1{font-size:23px}.receipt-actions{flex-direction:column}.receipt-actions .secondary{width:100%}.account-mark{border-radius:12px;width:37px;height:37px}.account-summary{grid-template-columns:auto minmax(0,1fr) auto;min-height:66px}.summary-code{display:none}.detail-panel,.otp-panel{flex-direction:column;align-items:flex-start}.detail-panel button,.otp-panel button{width:100%}.otp-panel strong{font-size:23px}.modal-backdrop{align-items:end;padding:0}.account-modal{border-radius:23px 23px 0 0;max-height:95vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}