.mypage-shell{--purple:#5b47e0;--purple-dark:#4935c8;--purple-soft:#f2efff;--navy:#111c33;--muted:#64748b;--border:#e2e8f0;--line:#edf0f5;min-height:100vh;color:var(--navy);text-wrap:pretty;background:#f4f5f7;grid-template-columns:76px 264px minmax(0,1fr);font-family:Pretendard,DM Sans,Arial,sans-serif;display:grid}.mypage-shell *{box-sizing:border-box}.mypage-menu{border-right:1px solid var(--border);background:#fff;flex-direction:column;height:100vh;padding:24px 16px 20px;display:flex;position:sticky;top:0}.mypage-back{color:var(--muted);align-items:center;gap:7px;padding:4px 8px 18px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.mypage-back:hover{color:var(--purple)}.mypage-back svg{width:15px;height:15px}.mypage-workspace{background:#fbfbfd;border:1px solid #e8ebf0;border-radius:14px;align-items:center;gap:11px;padding:12px;display:flex}.mypage-workspace>span{background:var(--purple);color:#fff;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:grid}.mypage-workspace div{min-width:0}.mypage-workspace strong{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;display:block;overflow:hidden}.mypage-workspace small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.mypage-menu-label{color:#9aa3b2;letter-spacing:.1em;margin:24px 8px 10px;font-size:11px;font-weight:800}.mypage-menu-list{gap:4px;display:grid}.mypage-menu-list button{color:#475569;width:100%;min-height:46px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.mypage-menu-list button svg{flex:none;width:18px;height:18px}.mypage-menu-list button:hover{background:#f6f7fa}.mypage-menu-list button.active{background:var(--purple-soft);color:var(--purple);box-shadow:inset 3px 0 0 var(--purple);font-weight:800}.menu-badge,.menu-count{margin-left:auto;font-size:11px;font-weight:800}.menu-badge{color:var(--purple);background:#fff;border-radius:6px;padding:3px 7px}.mypage-menu-list button:not(.active) .menu-badge{color:var(--muted);background:#f1f3f5}.menu-count{color:#9aa3b2;font-size:12px}.mypage-menu .sidebar-logout{border:0;border-top:1px solid var(--line);color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:9px;margin-top:auto;padding:16px 12px 0;font-size:13px;font-weight:700;display:flex}.mypage-menu .sidebar-logout:hover{color:var(--navy)}.mypage-content{flex-direction:column;gap:20px;min-width:0;padding:40px 48px 56px;display:flex}.mypage-title{justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.mypage-title p{color:var(--purple);letter-spacing:.14em;margin:0 0 9px;font-size:11px;font-weight:900}.mypage-title h1{letter-spacing:-.035em;margin:0;font-size:32px;font-weight:800}.mypage-title span{max-width:620px;color:var(--muted);margin-top:10px;font-size:15px;line-height:1.6;display:block}.mypage-title-action{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex:none;align-items:center;gap:7px;min-height:44px;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.mypage-title-action:hover{border-color:var(--purple);color:var(--purple)}.mypage-title-action svg{width:16px;height:16px}.mypage-card{border:1px solid var(--border);background:#fff;border-radius:20px;max-width:1120px;padding:28px;box-shadow:0 2px 9px #0f172a0a}.mypage-card-head{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.mypage-card-head h2{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:800}.mypage-card-head p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.55}.mypage-card-head>span:not(.chip){background:var(--purple-soft);color:var(--purple);border-radius:7px;flex:none;padding:6px 10px;font-size:12px;font-weight:800}.profile-form .mypage-card-head{border-bottom:1px solid var(--line);padding-bottom:22px}.button-primary,.button-secondary,.button-ghost{min-height:46px;font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.button-primary{border:1px solid var(--purple);background:var(--purple);color:#fff;padding:0 20px;font-weight:800}.button-primary:hover{background:var(--purple-dark);border-color:var(--purple-dark);color:#fff}.button-secondary{color:#334155;background:#fff;border:1px solid #cbd5e1}.button-secondary:hover{color:var(--navy);border-color:#94a3b8}.button-ghost{min-height:42px;color:var(--purple);background:#fff;border:1px solid #d9d1ff;padding:0 16px;font-size:13.5px;font-weight:800}.button-ghost:hover{background:var(--purple-soft);color:var(--purple-dark)}.button-danger{color:#dc2626;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #f0d4d4;border-radius:9px;justify-content:center;align-items:center;padding:0 15px;font-size:13px;font-weight:700;display:inline-flex}.button-danger:hover:not(:disabled){background:#fff7f7;border-color:#dc2626}.button-primary.compact{border-radius:9px;min-height:40px;padding:0 16px;font-size:13px}.button-primary:disabled,.button-secondary:disabled,.button-danger:disabled{opacity:.5;cursor:not-allowed}.button-primary svg,.button-ghost svg{width:16px;height:16px}.block{width:100%}.row-actions{flex:none;align-items:center;gap:8px;display:flex}.chip{white-space:nowrap;border-radius:7px;flex:none;align-items:center;gap:7px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.chip-purple{background:var(--purple-soft);color:var(--purple);font-weight:800}.chip-purple.small{padding:4px 8px;font-size:11px}.chip-status,.chip-plain{border:1px solid var(--border);color:#475569;background:#f8fafc}.chip-status i{background:#0d9c68;border-radius:50%;width:7px;height:7px;display:block;box-shadow:0 0 0 3px #0d9c6822}.mypage-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;padding-top:24px;display:grid}.mypage-form-grid label>span{color:#475569;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.mypage-form-grid input{width:100%;height:46px;color:var(--navy);font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:0 13px;font-size:14px}.mypage-form-grid input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #5b47e01a}.mypage-form-grid input:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.mypage-form-grid small{color:#94a3b8;margin-top:6px;font-size:12px;display:block}.mypage-form-actions{align-items:center;gap:14px;margin-top:26px;display:flex}.mypage-form-actions button{border:1px solid var(--purple);background:var(--purple);color:#fff;min-height:46px;font:inherit;cursor:pointer;border-radius:10px;padding:0 20px;font-size:14px;font-weight:800}.mypage-form-actions button:hover:not(:disabled){background:var(--purple-dark)}.mypage-form-actions button:disabled{cursor:not-allowed;background:#cbd5e1;border-color:#cbd5e1}.mypage-form-actions p{color:var(--muted);margin:0;font-size:13px}.mypage-message{border-radius:10px;max-width:1120px;margin:0;padding:12px 15px;font-size:13.5px}.mypage-message.success{color:var(--purple-dark);background:#f5f3ff;border:1px solid #c7d2fe}.mypage-message.error{color:#b91c1c;background:#fff1f2;border:1px solid #fecaca}.plan-stack{flex-direction:column;gap:20px;display:flex}.plan-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:36px;display:grid}.plan-hero-main{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.plan-chips{flex-wrap:wrap;gap:8px;display:flex}.plan-hero-main h2{letter-spacing:-.035em;margin:0;font-size:28px;font-weight:800}.plan-hero-main>p{max-width:460px;color:var(--muted);margin:0;font-size:15px;line-height:1.65}.plan-hero-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.info-rows{background:#fbfbfd;border:1px solid #eceff4;border-radius:16px;flex-direction:column;margin:0;padding:6px 18px;display:flex}.info-rows>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:58px;display:flex}.info-rows>div:last-child{border-bottom:0}.info-rows dt{color:var(--muted);font-size:14px}.info-rows dd{margin:0;font-size:16px;font-weight:700}.info-rows dd.strong{font-weight:800}.info-rows dd.muted{color:#94a3b8;font-size:14px}.info-rows.boxed{margin-top:20px;padding:4px 20px}.info-rows.boxed>div{min-height:66px}.info-rows.boxed strong{font-size:14.5px;font-weight:700;display:block}.info-rows.boxed small{color:var(--muted);margin-top:4px;font-size:13.5px;display:block}.info-rows.boxed small.danger{color:#b91c1c;font-weight:700}.info-rows.boxed .button-secondary{border-radius:9px;flex:none;min-height:40px;padding:0 15px;font-size:13px}.payment-method-row{flex-wrap:wrap}.payment-card-list{gap:7px;margin-top:7px;display:grid}.info-rows.boxed .payment-card-list small{align-items:center;gap:8px;margin:0;display:flex}.payment-card-list small>span{color:var(--purple-dark);background:#ede9fe;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:800}.payment-card-list button{color:var(--purple-dark);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:12px;font-weight:800}.pill-disabled{border:1px solid var(--border);color:#94a3b8;background:#f1f3f5;border-radius:9px;flex:none;padding:11px 15px;font-size:13px;font-weight:700}.usage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.usage-tile{border:1px solid #e8ebf0;border-radius:14px;padding:18px}.usage-tile p{color:var(--muted);letter-spacing:.04em;margin:0 0 10px;font-size:12px;font-weight:700}.usage-tile strong{letter-spacing:-.03em;font-size:30px;font-weight:800;line-height:1.05;display:block}.usage-tile strong small{color:var(--muted);margin-left:3px;font-size:15px;font-weight:700}.usage-gauge{background:#faf9ff;border:1px solid #e8e4ff;border-radius:16px;margin-top:20px;padding:22px 24px}.usage-gauge-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:20px;display:flex}.usage-gauge-head strong{font-size:15px;font-weight:800}.usage-gauge-head strong b{color:var(--purple)}.usage-gauge-head>span{color:var(--muted);font-size:13px}.gauge-track{background:#ebe8f7;border-radius:999px;height:12px;margin-top:18px;position:relative}.gauge-fill{background:var(--purple);border-radius:999px;height:100%}.gauge-tick{background:#b9b2e8;border-radius:2px;width:2px;height:18px;position:absolute;top:-3px}.gauge-scale{color:var(--muted);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;font-size:12.5px;font-weight:700;display:grid}.gauge-scale span:nth-child(2){text-align:center}.gauge-scale span:last-child{text-align:right}.usage-recommend{border-top:1px solid #ece9fb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding-top:18px;display:flex}.usage-recommend p{color:#334155;margin:0;font-size:14.5px;line-height:1.6}.usage-recommend p strong{font-weight:800}.usage-empty{background:#fbfbfd;border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;align-items:flex-start;gap:10px;margin-top:22px;padding:26px;display:flex}.usage-empty strong{font-size:15px;font-weight:800}.usage-empty p{max-width:520px;color:var(--muted);margin:0;font-size:14px;line-height:1.6}.usage-empty .button-secondary{margin-top:6px}.plan-ladder{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.plan-tier{background:#fff;border:1px solid #e8ebf0;border-radius:16px;flex-direction:column;gap:14px;padding:20px;display:flex}.plan-tier.recommended{border-color:var(--purple);box-shadow:0 6px 18px #5b47e01f}.plan-tier.current{border-color:var(--purple);background:#faf9ff}.plan-tier-current{background:var(--purple-soft);min-height:42px;color:var(--purple);border-radius:10px;justify-content:center;align-items:center;margin-top:auto;font-size:13.5px;font-weight:800;display:inline-flex}.plan-tier.enterprise{background:#fbfbfd;border-style:dashed;border-color:#cbd5e1}.plan-tier-head{justify-content:space-between;align-items:center;gap:8px;min-height:24px;display:flex}.plan-tier-head strong{font-size:15px;font-weight:800}.plan-tier-price b{letter-spacing:-.03em;font-size:22px;font-weight:800;display:block}.plan-tier-price span{color:var(--muted);margin-top:5px;font-size:13px;display:block}.plan-tier-volume{color:#475569;text-align:center;background:#f4f6f9;border-radius:7px;padding:7px 10px;font-size:12.5px;font-weight:700}.plan-tier.recommended .plan-tier-volume{background:var(--purple-soft);color:var(--purple);font-weight:800}.plan-tier ul{color:#475569;flex-direction:column;gap:8px;margin:0;padding:0;font-size:13px;line-height:1.5;list-style:none;display:flex}.plan-tier .button-primary,.plan-tier .button-secondary{min-height:42px;margin-top:auto;font-size:13.5px}.plan-note{color:#94a3b8;margin:16px 0 0;font-size:12.5px;line-height:1.6}.plan-facts{color:#64748b;flex-wrap:wrap;gap:6px 16px;margin:16px 0 0;padding:0;font-size:12.5px;list-style:none;display:flex}.plan-facts li:before{content:"• ";color:#5b47e0}.usage-method{color:#64748b;margin-top:16px;font-size:12.5px}.usage-method summary{cursor:pointer;font-weight:700}.usage-method p{margin:8px 0 0;line-height:1.55}.usage-recommend small{color:#64748b;font-size:12px;display:block}.plan-scheduled{color:#475569;background:#faf9ff;border:1px solid #e8e4ff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:9px;margin:0;padding:12px 14px;font-size:13.5px;line-height:1.5;display:flex}.plan-scheduled svg{width:16px;height:16px;color:var(--purple);flex:none}.plan-scheduled strong{color:var(--navy);font-weight:800}.plan-scheduled button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:12.5px;font-weight:700;text-decoration:underline}.plan-scheduled button:hover:not(:disabled){color:var(--navy)}.plan-modal-backdrop{z-index:60;background:#0f172a61;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.plan-modal{border:1px solid var(--border);background:#fff;border-radius:20px;width:100%;max-width:420px;max-height:calc(100vh - 40px);padding:26px;overflow-y:auto;box-shadow:0 18px 48px #0f172a2e}.plan-modal header p{color:var(--purple);letter-spacing:.14em;margin:0 0 8px;font-size:11px;font-weight:900}.plan-modal header h3{letter-spacing:-.03em;margin:0;font-size:22px;font-weight:800}.plan-modal header>span{color:var(--muted);margin-top:6px;font-size:13.5px;display:block}.plan-modal-body{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.charge-total{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.charge-total span{color:#475569;font-size:14px;font-weight:700}.charge-total strong{letter-spacing:-.03em;font-size:26px;font-weight:800}.charge-lines{background:#fbfbfd;border-radius:12px;flex-direction:column;gap:8px;margin:14px 0 0;padding:14px 16px;list-style:none;display:flex}.charge-lines li{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.charge-lines b{color:#334155;font-weight:700}.charge-next{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding-top:16px;display:flex}.charge-next span{color:var(--muted);font-size:13.5px}.charge-next strong{font-size:14.5px;font-weight:800}.plan-modal-note{color:#94a3b8;margin:14px 0 0;font-size:12.5px;line-height:1.6}.plan-modal-facts{color:#475569;gap:8px;margin:16px 0 0;padding:0;font-size:13px;line-height:1.5;list-style:none;display:grid}.plan-modal-facts li:before{content:"• ";color:#5b47e0}.downgrade-estimate{background:#fffaf0;border:1px solid #f0d7a6;border-radius:12px;margin-top:14px;padding:14px 15px}.downgrade-estimate>strong{color:#8a5700;font-size:13.5px}.downgrade-estimate dl{gap:7px;margin:12px 0 0;display:grid}.downgrade-estimate dl div{justify-content:space-between;gap:12px;font-size:12.5px;display:flex}.downgrade-estimate dt{color:#7c6a48}.downgrade-estimate dd{color:#5d430f;margin:0;font-weight:800}.downgrade-estimate p{color:#8a7957;margin:11px 0 0;font-size:11.5px;line-height:1.55}.downgrade-estimate details{color:#8a7957;margin-top:11px;font-size:11.5px}.downgrade-estimate summary{cursor:pointer;font-weight:700}.plan-modal-actions{gap:10px;margin-top:22px;display:flex}.plan-modal-actions .button-secondary{flex:none}.plan-modal-actions .button-primary{flex:1}.plan-help{color:var(--muted);align-items:center;gap:9px;margin:0;padding:2px 4px;font-size:13.5px;display:flex}.plan-help svg{flex:none;width:16px;height:16px}.plan-help a{color:var(--purple);font-weight:800}.plan-scheduled.danger{background:#fff7f7;border-color:#fbd5d5}.plan-scheduled.danger svg{color:#dc2626}.plan-modal-actions .button-danger{border-radius:10px;flex:1;min-height:46px;font-size:14px}.plan-modal-actions .button-danger:hover:not(:disabled){background:#fff5f5;border-color:#dc2626}.plan-modal-actions .button-danger:disabled{opacity:.55;cursor:not-allowed}.danger-zone{border-color:#f4dede}.danger-zone .mypage-card-head h2{color:#b91c1c}.danger-notes{color:#475569;background:#fdf7f7;border-radius:12px;flex-direction:column;gap:8px;margin:18px 0 0;padding:16px 18px 16px 34px;font-size:13.5px;line-height:1.6;list-style:outside;display:flex}.danger-blocked{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin:14px 0 0;padding:12px 15px;font-size:13.5px;line-height:1.6}.danger-zone .mypage-form-actions{margin-top:18px}.danger-zone .button-danger{border-radius:10px;min-height:46px;padding:0 20px;font-size:14px}.danger-zone .button-danger:hover:not(:disabled){background:#fff5f5;border-color:#dc2626}.danger-zone .button-danger:disabled{opacity:.55;cursor:not-allowed}.danger-agree{color:#475569;align-items:flex-start;gap:8px;margin-top:16px;font-size:13px;line-height:1.5;display:flex}.danger-agree input{accent-color:#dc2626;width:16px;height:16px;margin-top:2px}.embedded-settings{max-width:1120px}.embedded-settings>section{border-radius:20px;box-shadow:0 2px 9px #0f172a0a}@media (max-width:1180px){.plan-ladder{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1050px){.mypage-shell{grid-template-columns:68px 232px minmax(0,1fr)}.mypage-content{padding:34px 26px 50px}.plan-hero{grid-template-columns:1fr;gap:24px}.usage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.mypage-form-grid,.usage-grid,.plan-ladder{grid-template-columns:1fr}.mypage-title,.mypage-card-head{flex-direction:column;align-items:flex-start;gap:16px}.info-rows.boxed>div{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding:16px 0}}@media (max-width:640px){.mypage-shell{padding-bottom:66px;display:block}.mypage-menu{border-right:0;border-bottom:1px solid var(--border);width:100%;height:auto;padding:14px;position:static}.mypage-back,.mypage-workspace,.mypage-menu-label,.mypage-logout{display:none}.mypage-menu-list{flex-wrap:wrap;gap:8px;display:flex}.mypage-menu-list button{border:1px solid var(--border);border-radius:999px;flex:none;width:auto;min-height:44px;padding:0 15px;font-size:14px}.mypage-menu-list button svg{display:none}.mypage-menu-list button.active{border-color:var(--purple);background:var(--purple);color:#fff;box-shadow:none}.mypage-menu-list button.active .menu-badge{color:#fff;background:#fff3}.mypage-content{gap:14px;padding:20px 14px 36px}.mypage-title h1{font-size:26px}.mypage-title span{font-size:14px}.mypage-card{border-radius:18px;padding:20px}.plan-hero-main h2{font-size:26px}.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-gauge{padding:16px}.gauge-scale{font-size:11.5px}.plan-hero-actions .button-primary,.plan-hero-actions .button-secondary{width:100%}}.mypage-skel-rail{border-right:1px solid var(--border);background:#fff}.mypage-progress{background:var(--purple-soft);border-radius:999px;height:3px;margin-bottom:26px;position:relative;overflow:hidden}.mypage-progress span{background:var(--purple);border-radius:999px;width:40%;animation:1.1s ease-in-out infinite mypageProgress;position:absolute;inset:0}.mypage-skel-line{background:linear-gradient(90deg,#eef0f4 25%,#e2e6ee 37%,#eef0f4 63%) 0 0/400% 100%;border-radius:8px;animation:1.2s ease-in-out infinite mypageSkeleton}@keyframes mypageProgress{0%{transform:translate(-100%)}to{transform:translate(320%)}}@keyframes mypageSkeleton{0%{background-position:100%}to{background-position:0}}.mypage-shell .mypage-card{border-color:#e0dcef;box-shadow:0 8px 24px #2c1e5b09}.mypage-shell :is(.plan-hero,.usage-tile){background:radial-gradient(at 100% 0,#f0ebff,#0000 65%),#fff}.mypage-shell .plan-tier{background:linear-gradient(150deg,#faf8ff,#fff 55%)}.mypage-shell .plan-tier.current{background:linear-gradient(150deg,#ece5ff,#fff 75%)}.mypage-shell :is(button,a,input,select):focus-visible{outline-offset:3px;outline:3px solid #5b47e0}@media (prefers-reduced-motion:reduce){.mypage-progress span,.mypage-skel-line{animation:none}}