/* v174 My Page UX polish */
:root{
  --mp174-red:#e60023;
  --mp174-red2:#ff3652;
  --mp174-ink:#101828;
  --mp174-muted:#667085;
  --mp174-bg:#f6f8fb;
  --mp174-soft:#fff1f4;
  --mp174-shadow:0 18px 46px rgba(16,24,40,.08);
  --mp174-shadow-sm:0 10px 26px rgba(16,24,40,.06);
}
body.mypage-body,
body.mypage-guest-body{
  background:
    radial-gradient(circle at 94% 6%, rgba(230,0,35,.08), transparent 30%),
    radial-gradient(circle at 6% 96%, rgba(255,54,82,.06), transparent 26%),
    var(--mp174-bg)!important;
  color:var(--mp174-ink);
}
.mypage-topbar{
  background:linear-gradient(135deg,#111827,#1f2937)!important;
  border:0!important;
  box-shadow:0 18px 44px rgba(16,24,40,.16)!important;
  padding:13px 0!important;
}
.mypage-topbar .brand-mark,
.mypage-guest-body .brand-mark{
  display:grid!important;place-items:center!important;width:44px!important;height:44px!important;border-radius:16px!important;
  background:linear-gradient(135deg,var(--mp174-red),var(--mp174-red2))!important;color:#fff!important;
  box-shadow:0 14px 30px rgba(230,0,35,.28)!important;font-weight:1000!important;
}
.mypage-topbar-text{color:rgba(255,255,255,.72)!important;font-weight:750!important}
.language-switcher.compact-switcher.dark{background:rgba(255,255,255,.10)!important;border-radius:999px!important;padding:6px!important;border:0!important}
.language-switcher.compact-switcher.dark a{border-radius:999px!important;color:#fff!important;font-weight:900!important}
.language-switcher.compact-switcher.dark a.active{background:#fff!important;color:var(--mp174-red)!important}
.mypage-shell{padding-top:18px!important;padding-bottom:82px!important}
.mypage-sidebar{
  position:sticky;top:20px;border-radius:30px!important;border:0!important;
  background:linear-gradient(180deg,#111827,#1f2937 62%,#111827)!important;
  box-shadow:18px 22px 50px rgba(16,24,40,.16)!important;padding:18px!important;
}
.mypage-user-card{border-radius:24px!important;background:rgba(255,255,255,.08)!important;padding:16px!important;gap:12px!important}
.mypage-user-avatar{
  width:54px!important;height:54px!important;border-radius:20px!important;background:linear-gradient(135deg,var(--mp174-red),var(--mp174-red2))!important;
  color:#fff!important;display:grid!important;place-items:center!important;font-weight:1000!important;font-size:22px!important
}
.mypage-nav-group{display:grid!important;gap:7px!important}
.mypage-nav-group a{
  border-radius:16px!important;color:rgba(255,255,255,.76)!important;text-decoration:none!important;font-weight:850!important;
  padding:12px 13px!important;transition:.16s!important;
}
.mypage-nav-group a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important;transform:translateX(2px)}
.mypage-nav-group a.active{background:linear-gradient(135deg,var(--mp174-red),#b0001d)!important;color:#fff!important;box-shadow:0 14px 28px rgba(230,0,35,.24)!important}
.mypage-side-panel{border-radius:22px!important;background:rgba(255,255,255,.07)!important;border:0!important;padding:14px!important}
.mypage-side-panel .btn{border-radius:999px!important;font-weight:900!important;border:0!important}
.mypage-main{min-height:calc(100vh - 74px)!important}
.mypage-content{padding-top:26px!important}
.mypage-trust-strip{
  border:0!important;border-radius:999px!important;background:rgba(255,255,255,.90)!important;box-shadow:var(--mp174-shadow-sm)!important;
  padding:10px 14px!important;margin-bottom:22px!important;display:flex!important;gap:10px 18px!important;flex-wrap:wrap!important
}
.mypage-trust-strip span{font-weight:850!important;color:#344054!important;font-size:13px!important}
.mypage-hero-card,
.mypage-summary-card,
.mypage-content .card,
.soft-row,
.mp174-card{
  border:0!important;border-radius:28px!important;background:#fff!important;box-shadow:var(--mp174-shadow-sm)!important;
}
.mypage-hero-card{padding:28px!important;background:
  radial-gradient(circle at 92% 10%, rgba(230,0,35,.10), transparent 26%),
  linear-gradient(180deg,#fff,#fff9fb)!important}
.mypage-eyebrow{font-size:12px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--mp174-red)!important;font-weight:1000!important;margin-bottom:8px!important}
.mypage-hero-card h1{font-size:clamp(26px,3.4vw,42px)!important;font-weight:1000!important;letter-spacing:-.06em!important;color:var(--mp174-ink)!important}
.mypage-hero-card p{color:var(--mp174-muted)!important;font-weight:760!important;line-height:1.75!important}
.status-chip{border:0!important;border-radius:999px!important;background:var(--mp174-soft)!important;color:var(--mp174-red)!important;padding:9px 13px!important;font-weight:950!important}
.quick-action-card{
  border:0!important;border-radius:24px!important;background:#fff!important;color:var(--mp174-ink)!important;text-decoration:none!important;
  box-shadow:0 12px 30px rgba(16,24,40,.06)!important;padding:18px!important;transition:.16s!important;min-height:146px!important
}
.quick-action-card:hover{transform:translateY(-3px);box-shadow:var(--mp174-shadow)!important;color:var(--mp174-ink)!important}
.quick-action-card .icon{width:52px!important;height:52px!important;border-radius:18px!important;background:var(--mp174-soft)!important;color:var(--mp174-red)!important;display:grid!important;place-items:center!important;font-size:24px!important;margin-bottom:13px!important}
.quick-action-card strong{font-weight:1000!important;letter-spacing:-.03em!important}
.quick-action-card small{color:var(--mp174-muted)!important;font-weight:760!important}
.mypage-summary-card{padding:24px!important}
.summary-pair{border:0!important;border-radius:18px!important;background:#f8fafc!important;margin-bottom:10px!important;padding:13px 15px!important;display:flex!important;justify-content:space-between!important;align-items:center!important}
.summary-pair span{color:var(--mp174-muted)!important;font-weight:850!important}
.summary-pair strong{font-size:22px!important;color:var(--mp174-red)!important;font-weight:1000!important}
.mypage-content .card .card-body{padding:24px!important}
.mypage-content h2,.mypage-content h1,.mypage-content h3{font-weight:1000!important;letter-spacing:-.04em!important;color:var(--mp174-ink)!important}
.mypage-content .btn{border-radius:999px!important;font-weight:900!important}
.mypage-content .btn-danger{background:linear-gradient(135deg,var(--mp174-red),#b0001d)!important;border-color:transparent!important;box-shadow:0 12px 26px rgba(230,0,35,.18)!important}
.mypage-content .btn-outline-danger{border-color:#ffd1d9!important;color:var(--mp174-red)!important}
.mypage-content .btn-outline-danger:hover{background:var(--mp174-red)!important;color:#fff!important}
.mypage-content .table thead th{background:#f6f7fb!important;border:0!important;color:#667085!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.04em!important;font-weight:1000!important}
.mypage-content .table tbody td{border-color:#eef2f6!important;vertical-align:middle!important;font-weight:760!important}
.mypage-content .badge{border-radius:999px!important;padding:.5em .75em!important;font-weight:900!important}
.soft-row{padding:14px 16px!important;background:#f8fafc!important;box-shadow:none!important}
.customer-mobile-nav{border:0!important;background:rgba(255,255,255,.94)!important;box-shadow:0 -14px 34px rgba(16,24,40,.08)!important;backdrop-filter:blur(12px)!important}
.customer-mobile-nav a{font-weight:850!important;color:#667085!important}
.customer-mobile-nav a.active{color:var(--mp174-red)!important}
.customer-mobile-nav a.active i{background:var(--mp174-soft)!important;border-radius:14px!important}
/* login */
body.mypage-guest-body.login-centered-page{
  min-height:100vh;background:
    linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.94) 58%,#fff),
    url('../img/hero-woman-laptop.jpg') left center/cover no-repeat,
    var(--mp174-bg)!important;
}
.nn-login-clean{min-height:100vh!important;display:flex!important;align-items:center!important;padding:50px 0!important}
.nn-login-clean .container{display:flex!important;justify-content:flex-end!important}
.nn-login-card{border:0!important;border-radius:34px!important;background:rgba(255,255,255,.82)!important;backdrop-filter:blur(12px)!important;box-shadow:var(--mp174-shadow)!important;max-width:460px!important;padding:34px!important}
.nn-login-card h1{font-weight:1000!important;letter-spacing:-.06em!important;color:var(--mp174-ink)!important}
.nn-login-card p{color:var(--mp174-muted)!important;font-weight:760!important}
.nn-login-card .form-control{border:0!important;border-radius:16px!important;background:#f8fafc!important;min-height:52px!important;box-shadow:inset 0 0 0 1px rgba(16,24,40,.06)!important}
.nn-login-card .form-control:focus{background:#fff!important;box-shadow:0 0 0 4px rgba(230,0,35,.10), inset 0 0 0 1px rgba(230,0,35,.22)!important}
.nn-login-card .btn-danger{border:0!important;border-radius:999px!important;min-height:52px!important;font-weight:1000!important;background:linear-gradient(135deg,var(--mp174-red),#b0001d)!important;box-shadow:0 14px 30px rgba(230,0,35,.22)!important}
.mp174-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}
.mp174-help-grid a{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--mp174-ink);border-radius:22px;background:#fff;padding:17px;box-shadow:var(--mp174-shadow-sm);font-weight:1000}
.mp174-help-grid i{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:var(--mp174-soft);color:var(--mp174-red);font-size:22px}
.mp174-help-grid span{display:block;color:var(--mp174-muted);font-size:12px;font-weight:760;margin-top:2px}
@media(max-width:991px){
  .mypage-sidebar{position:relative;top:auto;border-radius:24px!important;box-shadow:var(--mp174-shadow-sm)!important}
  .mypage-content{padding:18px!important}.mp174-help-grid{grid-template-columns:1fr}.mypage-trust-strip{border-radius:22px!important}
  body.mypage-guest-body.login-centered-page{background:linear-gradient(180deg,rgba(255,255,255,.65),#fff 56%),url('../img/hero-woman-laptop.jpg') center top/cover no-repeat!important}
  .nn-login-clean .container{justify-content:center!important}
}
@media(max-width:640px){
  .mypage-hero-card{padding:22px!important}.quick-action-card{min-height:auto!important}.mypage-topbar-text{display:none!important}
  .nn-login-card{padding:26px!important}.nn-login-clean{padding:36px 0 84px!important}
}