.mypage-container{margin:0 auto;max-width:1200px;padding:0 40px}.mypage-header{background:#fff;border-bottom:1px solid #e8e8e8;padding:15px 0;position:sticky;top:0;z-index:100}.mypage-header__container{align-items:center;display:flex;gap:60px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 40px}.mypage-header__logo{display:block;flex-shrink:0;line-height:0}.mypage-header__logo img{display:block;height:40px;width:auto}.mypage-header__nav{display:flex;flex:1;justify-content:center}.mypage-header__nav-list{align-items:center;display:flex;gap:50px;list-style:none;margin:0;padding:0}.mypage-header__nav-item{margin:0}.mypage-header__nav-link{color:#666;display:inline-block;font-size:14px;font-weight:400;letter-spacing:.02em;text-decoration:none;transition:color .3s}.mypage-header__nav-link:hover{color:#333}.mypage-header__nav-link--logout{color:#666}.mypage-header__nav-link--logout:hover{color:#333}.mypage-main{background:#fafafa;min-height:calc(100vh - 100px);padding:60px 0}.mypage-section{background:#fff;border:1px solid #e8e8e8;border-radius:0;margin-bottom:40px;padding:40px}.mypage-section__title{border-bottom:1px solid #e8e8e8;color:#333;font-size:18px;font-weight:600;letter-spacing:.05em;margin:0 0 30px;padding-bottom:15px}.mypage-header__menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;margin-left:auto;padding:8px;z-index:101}.mypage-header__menu-toggle span{background:#333;display:block;height:2px;transition:all .3s;width:24px}.mypage-header__menu-toggle.is-active span:first-child{transform:rotate(45deg) translate(7px,7px)}.mypage-header__menu-toggle.is-active span:nth-child(2){opacity:0}.mypage-header__menu-toggle.is-active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media (max-width:767px){.mypage-container,.mypage-header__container{padding:0 20px}.mypage-header__menu-toggle{display:flex}.mypage-header__nav{background:#fff;box-shadow:-2px 0 10px rgba(0,0,0,.1);height:100vh;padding:80px 20px 20px;position:fixed;right:-100%;top:0;transition:right .3s;width:280px;z-index:100}.mypage-header__nav.is-open{right:0}.mypage-header__nav-list{align-items:stretch;flex-direction:column;gap:0}.mypage-header__nav-item{border-bottom:1px solid #e8e8e8}.mypage-header__nav-link{display:block;font-size:15px;padding:16px 0}.mypage-header__nav-item--logout{border-bottom:none;border-top:1px solid #e8e8e8;margin-top:20px}.mypage-section{padding:20px}.mypage-main{padding:30px 0}}.mypage-footer{background:#1a1a1a;color:#fff;margin-top:60px;padding:60px 0 30px}.mypage-footer__container{display:flex;flex-direction:column;gap:40px;margin:0 auto;max-width:1200px;padding:0 40px}.mypage-footer__logo{display:block;line-height:0}.mypage-footer__logo img{display:block;height:30px;width:auto}.mypage-footer__nav{width:100%}.mypage-footer__nav-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.mypage-footer__nav-item{margin:0}.mypage-footer__nav-link{color:#fff;display:inline-block;font-size:13px;font-weight:300;line-height:1.6;text-decoration:none;transition:opacity .3s}.mypage-footer__nav-link:hover{color:#fff;opacity:.7}.mypage-footer__copyright{border-top:1px solid #333;padding-top:30px}.mypage-footer__copyright p{color:#888;font-size:11px;font-weight:300;margin:0}@media (max-width:767px){.mypage-footer{padding:40px 0 20px}.mypage-footer__container{gap:30px;padding:0 20px}.mypage-footer__logo img{height:18px}.mypage-footer__copyright{padding-top:20px}}.mypage-btn{background:#8b7355;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;padding:12px 24px;text-decoration:none;transition:all .3s}.mypage-btn:hover{background:#6d5a45;color:#fff}.mypage-btn--secondary{background:#a89784}.mypage-btn--secondary:hover{background:#8b7f6e}.mypage-btn--danger{background:#e74c3c}.mypage-btn--danger:hover{background:#c0392b}.mypage-loading{color:#95a5a6;padding:40px;text-align:center}.mypage-error{background:#fee;border:1px solid #e74c3c;border-radius:4px;color:#c0392b}.mypage-error,.mypage-success{margin-bottom:20px;padding:15px}.mypage-success{background:#efe;border:1px solid #27ae60;border-radius:4px;color:#229954}