:root{--primary: #00B900;--primary-dark: #009900;--primary-light: #E6F7E6;--secondary: #1C1C1E;--text-main: #2C2C2E;--text-muted: #8E8E93;--bg-gradient: linear-gradient(135deg, #00B900 0%, #008F00 100%);--glass-bg: rgba(255, 255, 255, .95);--glass-border: rgba(255, 255, 255, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 12px 32px rgba(0, 0, 0, .08);--radius-lg: 20px;--radius-md: 12px;--font-main: "Inter", sans-serif;--font-heading: "Outfit", sans-serif;--container-max: 1100px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background:#f4f7f6;color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased}.app-container{width:100%;min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.header{background:var(--bg-gradient);padding:4rem 0 8rem;color:#fff;text-align:center}.header h1{font-family:var(--font-heading);font-size:clamp(2.25rem,6vw,3rem);font-weight:800;letter-spacing:-1px}.header p{font-size:1.125rem;opacity:.9;margin-top:.5rem;font-weight:400}.main-content{flex:1;margin-top:-6rem;padding-bottom:6rem}.profile-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2.5rem;display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow-md);margin-bottom:3rem;text-align:center}.avatar-wrapper{position:relative;margin-bottom:1.5rem}.avatar{width:110px;height:110px;border-radius:50%;border:5px solid white;box-shadow:var(--shadow-sm);object-fit:cover}.status-online{position:absolute;bottom:8px;right:8px;width:22px;height:22px;background:#34c759;border:4px solid white;border-radius:50%}.user-name{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.user-id{color:var(--text-muted);font-size:.95rem;font-weight:500}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.action-card{background:#fff;padding:1.75rem;border-radius:var(--radius-md);display:flex;align-items:center;gap:1.25rem;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d}.action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.icon-box{width:54px;height:54px;background:var(--primary-light);color:var(--primary);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0}.card-info h3{font-size:1.15rem;font-weight:700;margin-bottom:.25rem}.card-info p{font-size:.9rem;color:var(--text-muted)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid #E5E5EA;z-index:100}.nav-inner{max-width:var(--container-max);margin:0 auto;display:flex;justify-content:space-around;padding:.8rem 1rem calc(.8rem + env(safe-area-inset-bottom))}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-muted);text-decoration:none;font-size:.8rem;font-weight:600;cursor:pointer;transition:color .2s}.nav-item.active{color:var(--primary)}.loading-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff}.spinner{width:44px;height:44px;border:4px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.action-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(max-width:480px){.header{padding:3rem 0 6rem}.profile-card{padding:1.5rem}.action-grid{grid-template-columns:1fr}.avatar{width:90px;height:90px}.user-name{font-size:1.5rem}}