.user-page-container{background:linear-gradient(165deg,#0f1419 0%,#1a2347 25%,#2d3a7a 50%,#3d4fb8 75%,#5b7cff 100%);min-height:100vh;position:relative;overflow-x:hidden}.user-page-container:before{content:"";pointer-events:none;background:radial-gradient(at top,#5b7cff26 0%,#0000 60%);height:400px;position:absolute;top:0;left:0;right:0}.user-page-hero{padding:var(--spacing-xl)var(--spacing-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#5b7cff1a 0%,#3b82f614 50%,#0ea5e90d 100%);border-bottom:1px solid #5b7cff33;position:relative}.user-page-hero-content{max-width:1400px;margin:0 auto}.user-page-hero-header{align-items:flex-start;gap:var(--gap-lg);margin-bottom:var(--spacing-lg);display:flex}.user-page-hero-icon{color:#fff;background:linear-gradient(135deg,#1e3a5f 0%,#3b82f6 50%,#0ea5e9 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 8px 24px #1e3a5f66,inset 0 1px #fff3}.user-page-hero-title-section{flex:1}.user-page-hero-title-row{align-items:center;gap:var(--gap-md);margin-bottom:var(--spacing-sm);display:flex}.user-page-hero-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,#fff 0%,#e9d5ff 50%,#c4b5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0}.user-page-hero-description{font-size:var(--font-size-base);color:#ffffffb3;max-width:600px;margin:0}.user-page-sparkle{color:#fbbf24;width:20px;height:20px;animation:2s ease-in-out infinite sparkle}@keyframes sparkle{0%,to{opacity:.5;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(180deg)}}.user-page-badge{padding:var(--spacing-xs)var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--spacing-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.user-page-badge-new{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 8px #10b98166}.user-page-badge-hot{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);animation:2s ease-in-out infinite pulse-hot;box-shadow:0 2px 8px #ef444466}@keyframes pulse-hot{0%,to{box-shadow:0 2px 8px #ef444466}50%{box-shadow:0 2px 16px #ef444499}}.user-page-badge-pro{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 2px 8px #f59e0b66}.user-page-stats-grid{gap:var(--gap-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.user-page-stat-card{align-items:center;gap:var(--gap-md);padding:var(--padding-lg);border-radius:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;transition:all .3s;display:flex}.user-page-stat-card:hover{background:#ffffff14;border-color:#5b7cff4d;transform:translateY(-2px);box-shadow:0 8px 24px #5b7cff33}.user-page-stat-icon{color:#93c5fd;background:linear-gradient(135deg,#1e3a5f33 0%,#3b82f626 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.user-page-stat-content{flex-direction:column;flex:1;display:flex}.user-page-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;line-height:var(--line-height-tight)}.user-page-stat-trend{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px var(--spacing-sm);border-radius:6px}.user-page-stat-trend.up{color:#34d399;background:#10b98133}.user-page-stat-trend.down{color:#f87171;background:#ef444433}.user-page-actions{gap:var(--gap-md);flex-wrap:wrap;display:flex}.user-page-content{padding:var(--padding-lg);max-width:1400px;margin:0 auto}.user-card{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;transition:all .3s;overflow:hidden}.user-card:hover{border-color:#5b7cff4d;box-shadow:0 8px 32px #5b7cff26}.user-card-header{align-items:center;gap:var(--gap-md);padding:var(--padding-lg)var(--padding-xl);border-bottom:1px solid #ffffff14;display:flex}.user-card-header-icon{color:#93c5fd;background:linear-gradient(135deg,#1e3a5f33 0%,#3b82f626 100%);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.user-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#fff;margin:0}.user-card-description{font-size:var(--font-size-sm);color:#fff9;margin:var(--spacing-xs)0 0 0}.user-card-content{padding:var(--padding-lg)}.user-button{justify-content:center;align-items:center;gap:var(--gap-sm);font-weight:var(--font-weight-semibold);border-radius:var(--spacing-md);cursor:pointer;border:none;outline:none;transition:all .3s;display:inline-flex}.user-button-icon{width:18px;height:18px}.user-button-sm{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-sm)}.user-button-md{padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-sm)}.user-button-lg{padding:var(--spacing-md)var(--spacing-xl);font-size:var(--font-size-base)}.user-button-primary{color:#fff;background:linear-gradient(135deg,#1e3a5f 0%,#3b82f6 50%,#0ea5e9 100%);box-shadow:0 4px 16px #1e3a5f66}.user-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #1e3a5f80}.user-button-secondary{color:#fff;background:#ffffff1a;border:1px solid #fff3}.user-button-secondary:hover{background:#ffffff26;border-color:#5b7cff66}.user-button-outline{color:#93c5fd;background:0 0;border:1px solid #5b7cff66}.user-button-outline:hover{background:#5b7cff1a;border-color:#5b7cff99}.user-button-ghost{color:#fffc;background:0 0}.user-button-ghost:hover{color:#fff;background:#ffffff1a}.user-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.user-empty-state{padding:var(--padding-3xl)var(--padding-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.user-empty-state-icon{border-radius:var(--spacing-lg);color:#fff6;width:80px;height:80px;margin-bottom:var(--spacing-lg);background:#ffffff0d;justify-content:center;align-items:center;display:flex}.user-empty-state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:#fff;margin:0 0 var(--spacing-sm)0}.user-empty-state-description{font-size:var(--font-size-sm);color:#fff9;margin:0 0 var(--spacing-lg)0;max-width:400px}.user-empty-state-action{gap:var(--gap-md);display:flex}.user-search-filter-bar{gap:var(--gap-md);padding:var(--padding-lg)var(--padding-xl);border-radius:var(--spacing-md);margin-bottom:var(--spacing-lg);background:#ffffff08;border:1px solid #ffffff14;flex-wrap:wrap;display:flex}.user-search-input-wrapper{flex:1;min-width:250px;position:relative}.user-search-icon{color:#fff6;width:18px;height:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.user-search-input{width:100%;padding:var(--spacing-md)var(--spacing-md)var(--spacing-md)48px;border-radius:var(--spacing-md);color:#fff;font-size:var(--font-size-sm);background:#ffffff0d;border:1px solid #ffffff1a;outline:none;transition:all .3s}.user-search-input::placeholder{color:#fff6}.user-search-input:focus{border-color:#5b7cff80;box-shadow:0 0 0 3px #5b7cff1a}.user-filter-buttons{gap:var(--gap-sm);flex-wrap:wrap;display:flex}.user-list-item{align-items:flex-start;gap:var(--gap-md);padding:var(--padding-lg)var(--padding-xl);border-radius:var(--spacing-md);margin-bottom:var(--spacing-md);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;transition:all .3s;display:flex}.user-list-item:hover{background:#ffffff0f;border-color:#5b7cff4d;transform:translate(4px)}.user-list-item-icon{color:#93c5fd;background:#ffffff0d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.user-list-item-content{flex:1;min-width:0}.user-list-item-header{align-items:center;gap:var(--gap-md);margin-bottom:var(--spacing-xs);display:flex}.user-list-item-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#fff}.user-list-item-subtitle{font-size:var(--font-size-sm);color:#fffc;margin-bottom:var(--spacing-sm);display:block}.user-list-item-description{font-size:var(--font-size-sm);color:#ffffff80;margin:0 0 var(--spacing-md)0;line-height:var(--line-height-normal)}.user-list-item-meta{gap:var(--gap-md);font-size:var(--font-size-sm);color:#ffffff80;flex-wrap:wrap;display:flex}.user-list-item-actions{align-items:flex-end;gap:var(--gap-sm);flex-direction:column;display:flex}.user-tabs{gap:var(--gap-xs);margin-bottom:var(--spacing-lg);background:#ffffff0d;border-radius:14px;padding:6px;display:flex}.user-tab{align-items:center;gap:var(--gap-sm);padding:var(--spacing-md)var(--spacing-lg);color:#fff9;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none;border-radius:10px;transition:all .3s;display:flex}.user-tab:hover{color:#fff;background:#ffffff0d}.user-tab.active{color:#fff;background:linear-gradient(135deg,#5b7cff4d 0%,#3b82f640 100%);box-shadow:0 4px 12px #5b7cff33}.user-tab-icon{width:18px;height:18px}.user-tab-badge{padding:2px var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:#5b7cff4d;border-radius:6px}.user-grid{gap:var(--gap-lg);display:grid}.user-grid-2{grid-template-columns:repeat(2,1fr)}.user-grid-3{grid-template-columns:repeat(3,1fr)}.user-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.user-grid-4,.user-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.user-page-hero{padding:var(--spacing-lg)var(--spacing-md)}.user-page-hero-header{flex-direction:column;align-items:flex-start}.user-page-hero-title{font-size:var(--font-size-2xl)}.user-page-stats-grid{grid-template-columns:repeat(2,1fr)}.user-page-content{padding:var(--padding-md)}.user-grid-2,.user-grid-3,.user-grid-4{grid-template-columns:1fr}.user-tabs{flex-wrap:wrap}.user-search-filter-bar{flex-direction:column}.user-search-input-wrapper{min-width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-card,.user-list-item{animation:.4s ease-out fadeIn}.user-page-container::-webkit-scrollbar{width:8px}.user-page-container::-webkit-scrollbar-track{background:#ffffff05}.user-page-container::-webkit-scrollbar-thumb{background:linear-gradient(#5b7cff66 0%,#3b82f64d 100%);border-radius:4px}.user-page-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(#5b7cff99 0%,#3b82f680 100%)}.user-page-hero{justify-content:space-between;align-items:center;gap:var(--gap-lg);flex-wrap:wrap;display:flex}.user-page-hero-content{align-items:center;gap:var(--gap-md);display:flex}.user-page-hero-subtitle{font-size:var(--font-size-sm);color:#fff9;margin-top:var(--spacing-xs)}.user-page-hero-stats{gap:var(--gap-lg);display:flex}.user-page-stat{padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--spacing-md);background:#ffffff0d;border:1px solid #ffffff1a;flex-direction:column;align-items:center;display:flex}.user-page-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff}.user-page-stat-label{font-size:var(--font-size-xs);color:#fff9}.user-page-upgrade-banner{justify-content:space-between;align-items:center;gap:var(--gap-lg);padding:var(--padding-lg)var(--padding-xl);margin:0 var(--spacing-lg)var(--spacing-lg);border-radius:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#5b7cff33 0%,#3b82f626 100%);border:1px solid #5b7cff4d;display:flex}.user-page-tabs{gap:var(--gap-sm);padding:0 var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex}.user-page-tab{align-items:center;gap:var(--gap-sm);padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--spacing-md);color:#ffffffb3;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;transition:all .3s;display:flex}.user-page-tab:hover{color:#fff;background:#ffffff1a}.user-page-tab.active{color:#fff;background:linear-gradient(135deg,#5b7cff4d 0%,#3b82f640 100%);border-color:#5b7cff80}.user-page-card{border-radius:var(--spacing-lg);padding:var(--padding-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;transition:all .3s}.user-page-card:hover{border-color:#5b7cff4d;box-shadow:0 8px 32px #5b7cff26}.user-page-btn-primary{justify-content:center;align-items:center;gap:var(--gap-sm);padding:var(--spacing-md)var(--spacing-lg);color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border-radius:var(--spacing-md);cursor:pointer;background:linear-gradient(135deg,#1e3a5f 0%,#3b82f6 50%,#0ea5e9 100%);border:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 16px #1e3a5f66}.user-page-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #1e3a5f80}.user-page-btn-secondary{justify-content:center;align-items:center;gap:var(--gap-sm);padding:var(--spacing-md)var(--spacing-lg);color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border-radius:var(--spacing-md);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;text-decoration:none;transition:all .3s;display:inline-flex}.user-page-btn-secondary:hover{background:#ffffff26;border-color:#5b7cff66}.user-page-input{width:100%;padding:var(--spacing-md)var(--spacing-md);border-radius:var(--spacing-md);color:#fff;font-size:var(--font-size-sm);background:#ffffff0d;border:1px solid #ffffff1a;outline:none;transition:all .3s}.user-page-input::placeholder{color:#fff6}.user-page-input:focus{border-color:#5b7cff80;box-shadow:0 0 0 3px #5b7cff1a}@media (max-width:768px){.user-page-hero{flex-direction:column;align-items:flex-start}.user-page-hero-stats{justify-content:space-between;width:100%}.user-page-upgrade-banner{margin:0 var(--spacing-md)var(--spacing-md);text-align:center;flex-direction:column}.user-page-tabs{padding:0 var(--spacing-md);flex-wrap:wrap}.user-page-tab{flex:1;justify-content:center;min-width:120px}}