.container{max-width:520px;max-height:calc(100vh - 40px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.6) rgba(255,255,255,.1)}html,body{height:100%;overflow:hidden}.container::-webkit-scrollbar{width:8px}.container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.container::-webkit-scrollbar-thumb{background:#667eea99;border-radius:10px;transition:background .3s ease}.container::-webkit-scrollbar-thumb:hover{background:#667eeacc}h1{font-size:32px;margin-bottom:12px}#userInfo{background:linear-gradient(135deg,#667eea,#764ba2);padding:32px;border-radius:16px;margin:24px 0;color:#fff;box-shadow:0 10px 30px #667eea4d;animation:slideUp .6s ease-out .2s both}#userInfo img{width:100px;height:100px;border-radius:50%;border:4px solid white;box-shadow:0 4px 12px #0003;margin-bottom:16px;object-fit:cover}#userInfo strong{font-size:24px;font-weight:600;display:block;margin-bottom:8px}.user-email{font-size:16px;opacity:.95;margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.stat-card{background:#fffffff2;padding:16px;border-radius:12px;backdrop-filter:blur(10px);text-align:left;transition:all .3s ease;display:flex;align-items:center;gap:12px;color:#000}.stat-card:hover{background:#fff;transform:translateY(-2px)}.stat-icon{font-size:32px;flex-shrink:0}.stat-label{font-size:11px;opacity:.85;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:2px}.stat-value{font-size:16px;font-weight:600;display:block}.settings-link{width:100%;padding:14px 24px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:16px;font-weight:500;color:#1a202c;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;animation:slideUp .6s ease-out .4s both}.settings-link:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.settings-link:active{transform:translateY(0)}.settings-link svg{flex-shrink:0}@media(max-width:768px){.container{max-width:480px}h1{font-size:28px}#userInfo{padding:28px}#userInfo img{width:90px;height:90px}#userInfo strong{font-size:22px}}@media(max-width:480px){h1{font-size:24px}#userInfo{padding:24px 20px}#userInfo img{width:80px;height:80px;border-width:3px}#userInfo strong{font-size:20px}.user-email{font-size:14px}.stats-grid{gap:12px}.stat-card{padding:16px}.stat-icon{font-size:28px}.stat-label{font-size:11px}.stat-value{font-size:14px}.settings-link{padding:12px 20px;font-size:15px}}@media(max-width:360px){h1{font-size:22px}#userInfo img{width:70px;height:70px}#userInfo strong{font-size:18px}.stats-grid{grid-template-columns:1fr;gap:10px}}@media(max-height:600px)and (orientation:landscape){h1{font-size:20px;margin-bottom:8px}#userInfo{padding:16px;margin:16px 0}#userInfo img{width:60px;height:60px;margin-bottom:8px}#userInfo strong{font-size:18px}.stats-grid{gap:10px}.stat-card{padding:12px}.stat-icon{font-size:24px}}@media(min-width:1200px){.container{max-width:560px;padding:56px}h1{font-size:36px}#userInfo{padding:40px}#userInfo img{width:120px;height:120px}}@media(max-width:768px){.container{max-width:520px}h1{font-size:28px}#userInfo{padding:28px}#userInfo img{width:90px;height:90px}#userInfo strong{font-size:22px}}@media(max-width:480px){h1{font-size:24px}#userInfo{padding:24px 20px}#userInfo img{width:80px;height:80px;border-width:3px}#userInfo strong{font-size:20px}#userInfo p{font-size:14px}#userInfo .info-label{font-size:11px;margin-top:12px}#userInfo .info-value{font-size:13px}.badge{font-size:12px;padding:5px 12px}#logout{padding:12px 20px;font-size:15px}}@media(max-width:360px){h1{font-size:22px}#userInfo img{width:70px;height:70px}#userInfo strong{font-size:18px}#userInfo .info-value{font-size:12px}}@media(max-height:600px)and (orientation:landscape){h1{font-size:20px;margin-bottom:8px}#userInfo{padding:16px;margin:16px 0}#userInfo img{width:60px;height:60px;margin-bottom:8px}#userInfo strong{font-size:18px}#userInfo .info-label{margin-top:8px}}@media(min-width:1200px){.container{max-width:620px;padding:56px}h1{font-size:36px}#userInfo{padding:40px}#userInfo img{width:120px;height:120px}}