:root{--app-max-width: 1400px;--app-height: 100vh;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px)}@supports (height: 100svh){:root{--app-height: 100svh}}@supports (height: 100dvh){:root{--app-height: 100dvh}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%;width:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background-color:#f5f5f5}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;min-height:var(--app-height);overflow-x:hidden;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}.app{min-height:var(--app-height);display:flex;justify-content:center;align-items:stretch;background-color:#f5f5f5}.page-container{width:100%;max-width:var(--app-max-width);min-height:var(--app-height);background-color:#fff;position:relative;margin:0 auto;padding:calc(20px + var(--safe-area-top)) calc(20px + var(--safe-area-right)) calc(100px + var(--safe-area-bottom)) calc(20px + var(--safe-area-left));overflow-x:hidden}@media (min-width: 768px){.page-container{padding:calc(28px + var(--safe-area-top)) calc(36px + var(--safe-area-right)) calc(100px + var(--safe-area-bottom)) calc(36px + var(--safe-area-left));box-shadow:0 0 60px #0000000f}}@media (min-width: 1024px){.page-container{padding:calc(32px + var(--safe-area-top)) calc(48px + var(--safe-area-right)) calc(100px + var(--safe-area-bottom)) calc(48px + var(--safe-area-left))}}img,svg,video,canvas{max-width:100%;height:auto}input,select,textarea,button{font:inherit}input,select,textarea{max-width:100%}.modal-overlay,.phone-modal-overlay,.policy-overlay,.profile-edit-overlay{padding:max(12px,var(--safe-area-top)) max(12px,var(--safe-area-right)) max(12px,var(--safe-area-bottom)) max(12px,var(--safe-area-left))}.header{display:flex;align-items:center;margin-bottom:20px;gap:12px;position:relative}.back-btn-inline{position:absolute;left:-20px}.user-info{display:flex;align-items:center;gap:10px;margin-left:0}.avatar{width:50px;height:50px;border-radius:50%;border:2px solid #5E4DB2;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0}.avatar img{width:100%;height:100%;object-fit:cover}.tier-badge{font-size:14px;color:#333;font-weight:500}.tier-badge .username{font-weight:600;color:#5e4db2}.header-icons{display:flex;gap:15px}.icon-badge{width:12px;height:12px;border-radius:3px;display:flex;align-items:center;justify-content:center;background-color:#e8f4fd;position:relative;font-size:8px}.icon-badge.notification:after{content:"";position:absolute;top:0;right:0;width:4px;height:4px;background-color:gold;border-radius:50%;border:.5px solid white}.greeting{margin-bottom:20px}.greeting h1{font-size:18px;color:#5e4db2;font-weight:700}.greeting .username{font-weight:600;color:#5e4db2}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .3s ease}button:hover{opacity:.9;transform:translateY(-2px)}button:active{transform:translateY(0)}.back-btn-page{background-color:#f0f0f0;color:#333;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:15px;box-shadow:0 2px 8px #0000001a}.back-btn-inline{background-color:transparent;color:#333;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;padding:0;position:absolute;left:-55px;margin-right:10px}.back-btn-absolute{position:absolute;top:30px;left:20px;background-color:#fff;color:#333;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 2px 10px #0003;z-index:10}@media (max-width: 480px){.page-container{max-width:100%;padding:calc(12px + var(--safe-area-top)) calc(12px + var(--safe-area-right)) calc(88px + var(--safe-area-bottom)) calc(12px + var(--safe-area-left))}.header{margin-bottom:15px}.avatar{width:40px;height:40px}button{font-size:14px;padding:10px 15px}h1{font-size:20px}h2{font-size:18px}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{min-height:44px;font-size:16px!important}h3{font-size:16px}}@media (min-width: 481px) and (max-width: 768px){.page-container{max-width:100%;padding:15px 15px 100px}.header{margin-bottom:20px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}p{font-size:14px}}@media (min-width: 768px){.page-container{max-width:75%;margin:0 auto;padding:20px 32px calc(100px + var(--safe-area-bottom)) 32px}.header{margin-bottom:25px}.avatar{width:50px;height:50px}button{font-size:16px;padding:12px 20px}h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}p{font-size:15px}}@media (min-width: 1024px){.page-container{max-width:70%}h1{font-size:32px}h2{font-size:26px}h3{font-size:22px}p{font-size:16px}button{font-size:16px;padding:14px 24px}}@media (min-width: 1440px){.page-container{max-width:60%;padding:calc(36px + var(--safe-area-top)) calc(56px + var(--safe-area-right)) calc(100px + var(--safe-area-bottom)) calc(56px + var(--safe-area-left))}h1{font-size:36px}h2{font-size:28px}h3{font-size:24px}p{font-size:17px;line-height:1.7}}