.page-skeleton{background:#0a0a0c;flex-direction:column;gap:20px;width:100%;height:100dvh;padding:24px 20px;display:flex;overflow:hidden}.skeleton-header{justify-content:space-between;align-items:center;display:flex}.skeleton-block{background:linear-gradient(90deg,#16161a 25%,#202026 50%,#16161a 75%) 0 0/200% 100%;border-radius:12px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-title{width:140px;height:28px}.skeleton-icon{border-radius:50%;width:36px;height:36px}.skeleton-body{flex-direction:column;flex:1;gap:16px;display:flex}.skeleton-card{border-radius:20px;width:100%;height:120px}.skeleton-card.short{height:80px}.bottom-nav{-webkit-backdrop-filter:blur(20px);z-index:1000;background:#0a0a0fbf;border:1px solid #ffffff14;border-radius:24px;justify-content:space-around;align-items:center;padding:10px 0;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 10px 30px #0009}.nav-item{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:4px 8px;text-decoration:none;transition:color .2s,transform .2s;display:flex;position:relative}.nav-item:active{transform:scale(.9)}.nav-item span{font-size:11px;font-weight:600}.nav-item{position:relative}.nav-item.active{color:#f43f5e}.nav-item.active:after{content:"";background:#f43f5e;border-radius:2px;width:14px;height:2.5px;position:absolute;bottom:-4px;box-shadow:0 0 8px #f43f5ecc}.notif-tab{position:relative}.nav-badge{color:#fff;background:#f43f5e;border:2px solid #0f111a;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:800;display:flex;position:absolute;top:-2px;right:10px;box-shadow:0 0 6px #f43f5e66}.layout-container{background:var(--bg-primary);flex-direction:column;width:100%;height:100vh;display:flex;position:relative}.layout-content{padding-bottom:calc(70px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}:root{--bg-primary:#0a0a0c;--bg-secondary:#16161a;--bg-tertiary:#202026;--text-primary:#fff;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--border-color:#ffffff14;--border-color-hover:#ffffff26;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);overscroll-behavior-y:none;justify-content:center;width:100vw;height:100dvh;display:flex;overflow:hidden}#root{background-color:var(--bg-primary);width:100%;max-width:480px;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);position:relative;overflow:hidden auto;box-shadow:0 0 20px #00000080}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}input,textarea,select{font-size:16px!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-slide-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-pulse{animation:2s infinite pulse}.btn-primary{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:transform .2s,opacity .2s;display:flex}.btn-primary:active{transform:scale(.98)}.btn-primary:hover{opacity:.9}.btn-outline{color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.btn-outline:hover{background:var(--bg-secondary);border-color:var(--border-color-hover)}.btn-outline:active{transform:scale(.98)}.input-field{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:12px;outline:none;padding:14px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f133}.input-field::placeholder{color:var(--text-tertiary)}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);background:#16161ab3;border-radius:16px}.country-select{color:#fff;cursor:pointer;appearance:none;background:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") right 6px center/10px no-repeat;border:none;border-right:1px solid #ffffff14;outline:none;height:48px;padding-left:14px;padding-right:22px;font-size:14px;font-weight:600;transition:border-color .2s}.country-select:focus{border-right-color:var(--accent-primary)}.country-select option{color:#fff;background-color:#16161a;padding:8px}.modern-input-field.has-select input,.input-field-forgot.has-select input{padding-left:12px!important}