.header{width:100%;position:sticky;top:0;left:0;right:0;background:#1e1e1e;z-index:1000;color:#fff}.header-content{width:100%;display:flex;align-items:center;justify-content:space-between;height:60px}.header-title{font-weight:700;font-size:20px;line-height:100%}.header-tabs{display:flex;gap:75px}.header-tab{height:60px;box-sizing:border-box;padding:0 10px;border-bottom:solid 4px transparent;border-top:solid 4px transparent;display:flex;align-items:center;cursor:pointer;font-weight:500;font-size:16px;line-height:100%;text-align:center}.header-tab.selected{border-bottom-color:#fff;font-weight:700;cursor:default}.header-logout a{display:flex;gap:12px;align-items:center;color:#fff;font-weight:400;font-size:16px;line-height:100%}.header-logout a img{width:24px}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.header-loader{animation:spin 2s linear infinite}.header-mobile-menu{display:none}.header-mobile-menu-content{position:fixed;top:60px;left:0;right:0;background:#fff;padding:33px 44px;display:none;flex-direction:column;align-items:flex-start;gap:60px}.header-mobile-menu-content>a{color:#0c8ce9;font-weight:700;font-size:14px;line-height:16.5px;letter-spacing:.34px;text-decoration:underline}.header-mobile-menu-content>button{color:#fefefe;font-weight:700;font-size:14px;line-height:16.5px;letter-spacing:.34px;background:#1e1e1e;border:none;padding:10px 30px}.header-tabs-mobile{display:none}@media(max-width:768px){.header-mobile-menu{display:block;cursor:pointer;position:relative}.header-mobile-menu>input{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0}.header-mobile-menu>input:checked~.header-mobile-menu-content{display:flex}.header-logout{display:none}.header-content{padding-left:24px}.header-title{width:100%;text-align:center}.header-content>.header-tabs{display:none}.header-tabs-mobile{display:flex;justify-content:center;gap:60px;border-top:solid 1px #666a77;width:calc(100% + 40px);margin:0 -20px}.header-tab{height:37px;box-sizing:border-box;padding:0 10px;border-bottom:solid 4px transparent;border-top:solid 4px transparent;display:flex;align-items:center;cursor:pointer;font-weight:500;font-size:16px;line-height:100%;text-align:center}}.footer{background-color:#2e313a;display:flex;align-items:center;justify-content:center;height:53px;margin-top:64px}.footer>a{color:#fff;font-weight:400;font-size:14px;line-height:16.5px;letter-spacing:.34px;text-decoration:underline}.membership{background:#fff;border-radius:10px;overflow:hidden}.membership__head{background:#00c950;color:#fff;display:flex;justify-content:space-between;align-items:center;min-height:45px;padding:0 20px}.membership__head>div:first-child{font-weight:700;font-size:16px;line-height:100%;text-transform:uppercase}.membership__head>div:last-child{border-radius:2px;background:#fff;color:#00c950;display:flex;height:25px;align-items:center;padding:0 14px;font-family:Inter;font-weight:700;font-size:14px;line-height:100%}.membership__head.expired{background:#3b3d46}.membership__head.expired>div:last-child{color:#3b3d46}.membership__head.inactive{background:#d32222}.membership__head.inactive>div:last-child{color:#d32222}.membership__head.unpaid{background:#d32222}.membership__head.unpaid>div:last-child{color:#d32222}.membership__info{display:grid;grid-template-columns:auto auto;width:100%;gap:16px;padding:16px 20px 20px}.membership__info .membership_item{display:flex;flex-direction:column;gap:2px}.membership__info .membership_item>div:first-child{color:#7d7f8c;font-weight:400;font-size:12px;line-height:100%}.membership__info .membership_item>div:last-child{color:#1e1f26;font-weight:500;font-size:16px;line-height:100%}.membership-list{display:flex;flex-direction:column;gap:16px;padding-top:16px}.membership-list__separator{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:0 16px}.membership-list__separator:before,.membership-list__separator:after{content:"";display:block;height:2px;background:#fff}.membership-list__separator>div{padding:0 10px;color:#fff;font-weight:600;font-size:12px;line-height:100%}@media(max-width:768px){.membership-list{padding-top:0}}.profile{background:#fff;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:22px}.profile__photo{width:100%;background:#e3e4e9;border-radius:4px;display:flex;text-align:center}.profile__photo>img{width:100%;border-radius:4px}.profile__photo>div{padding:10px 0;color:#7d7f8c;font-weight:400;font-size:16px;line-height:100%;text-align:center;width:100%}.profile__photo>img:invalid{display:none}.profile__info{display:grid;grid-template-columns:auto auto;width:100%;gap:16px}.profile__info .profile_item{display:flex;flex-direction:column;gap:2px}.profile__info .profile_item>div:first-child{color:#7d7f8c;font-weight:400;font-size:12px;line-height:100%}.profile__info .profile_item>div:last-child{color:#1e1f26;font-weight:500;font-size:16px;line-height:100%}.profile_gender{display:flex;gap:42px}.qr-block{box-sizing:border-box;padding:26px 34px}.qr-block__code{background:#fff;border-radius:20px;padding:23px;display:flex;flex-direction:column;gap:10px;text-align:center;font-weight:700;font-size:24px;line-height:100%}.qr-block__access{padding-top:25px;display:flex;justify-content:space-between;color:#fff;text-transform:uppercase;font-weight:700;font-size:16px;line-height:16.5px;letter-spacing:.34px}.qr-block__access>div{display:flex;gap:8px;white-space:nowrap;align-items:center}.qr-block__access>div>img{width:20px}@media(max-width:768px){.qr-block{background:#2a2d3c}}.suspension{background:#ce2b2b;padding:20px;color:#fff;text-align:center;font-weight:700;font-size:16px;line-height:110%}.suspension>.container>span{white-space:nowrap}.userid-block{background:#fff;border-radius:10px;padding:20px 34px;display:flex;justify-content:space-between;align-items:center}.userid-block__code{display:flex;gap:19px;align-items:center}.userid-block__code>div:first-child{font-weight:400;font-size:24px;line-height:100%;color:#7d7f8c}.userid-block__code>div:first-child>b{color:#000}.userid-block__code button{color:#4c4c4c;height:44px;font-family:Inter;font-weight:400;font-size:16px;line-height:100%}.userid-block__access{display:flex;justify-content:space-between;color:#4c4c4c;text-transform:uppercase;font-weight:700;font-size:16px;line-height:16.5px;letter-spacing:.34px;gap:32px}.userid-block__access>div{display:flex;gap:8px;white-space:nowrap;align-items:center}.userid-block__access>div>img{width:20px}@media(max-width:768px){.userid-block{flex-direction:column;gap:20px;padding:20px}.userid-block__code{justify-content:space-between}.userid-block>div{width:100%}.userid-block__access{gap:10px}}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.app-layout{min-height:100vh;background:#666a77}.app-wrapper{width:100%;min-width:320px;font-family:Inter,sans-serif}.container,.user-container{max-width:785px;padding:0 20px;margin:0 auto;box-sizing:border-box}.user-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.user-layout>div:first-child{display:flex;flex-direction:column;gap:16px}.app-wrapper{min-height:calc(100vh - 117px)}@media(max-width:768px){.block{padding:0 14px}.user-layout{grid-template-columns:1fr}.user-container{padding:0}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.user-text-block{color:#fff;padding-top:60px;font-weight:400;font-size:16px;line-height:120%}.search-block{background:#fff}.search-form{display:grid;grid-template-columns:auto 1fr auto;width:100%;max-width:400px;gap:10px;align-items:center;justify-content:flex-start;height:72px;color:#7d7f8c;font-weight:400;font-size:24px;line-height:100%}.search-form input,.search-form input:focus{border:none;outline:none;box-shadow:none;font-weight:400;font-family:Inter;font-weight:700;font-size:24px;line-height:100%}.search-form input::-webkit-outer-spin-button,.search-form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.search-form input[type=number]{-moz-appearance:textfield}.search-form input::placeholder{font-family:Inter;font-weight:400;font-size:24px;line-height:100%}.search-form button{color:#4c4c4c;height:44px;font-family:Inter;font-weight:400;font-size:16px;line-height:100%}.user-not-found{display:flex;flex-direction:column;gap:21px;color:#fff;font-weight:500;font-size:24px;line-height:100%;text-align:center;align-items:center;padding:80px 0}.user-info-card{margin-top:22px;display:flex;flex-direction:column;gap:16px}.user-info-data{display:flex;gap:37px}@media(max-width:768px){.user-info-data{flex-direction:column;gap:16px}}