:root{--primary: #FF5722;--primary-light: #FF8A65;--primary-dark: #E64A19;--secondary: #9C27B0;--secondary-light: #BA68C8;--wedding: #E91E63;--birthday: #9C27B0;--puja: #FF9800;--anniversary: #F44336;--public-event: #2196F3;--bg-primary: #0a0a0f;--bg-secondary: #121218;--bg-card: #1a1a24;--bg-card-hover: #22222e;--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #606070;--border-color: #2a2a3a;--border-light: #3a3a4a;--gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);--gradient-card: linear-gradient(145deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%);--gradient-glow: radial-gradient(ellipse at center, rgba(255, 87, 34, .15) 0%, transparent 70%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(255, 87, 34, .3);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:var(--text-secondary)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-light)}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-full);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);text-decoration:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-light)}.btn-secondary:hover{background:var(--bg-card);border-color:var(--primary)}.btn-sm{padding:var(--space-sm) var(--space-md);font-size:.875rem}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:1.125rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-light);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.input{width:100%;padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff572233}.input::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-primary{background:var(--primary);color:#fff}.badge-free{background:#4caf50;color:#fff}.badge-paid{background:var(--secondary);color:#fff}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.container{padding:0 var(--space-md)}}@media(max-width:768px){:root{--space-3xl: 48px;--space-2xl: 32px}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:1rem}.container{padding:0 var(--space-md)}.hide-mobile{display:none!important}}@media(max-width:480px){:root{--space-3xl: 32px;--space-2xl: 24px;--space-xl: 20px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr;gap:var(--space-md)}h1{font-size:1.5rem}h2{font-size:1.25rem}.btn{padding:var(--space-sm) var(--space-md);font-size:.875rem}.btn-lg{padding:var(--space-md) var(--space-lg);font-size:.9375rem}.container{padding:0 var(--space-sm)}.text-4xl{font-size:2rem}.text-3xl{font-size:1.5rem}.text-2xl{font-size:1.25rem}.hero-buttons,.form-actions{flex-direction:column;width:100%}.hero-buttons .btn,.form-actions .btn{width:100%}}@media(max-width:360px){:root{--space-lg: 16px;--space-xl: 16px}h1{font-size:1.375rem}.logo-text{font-size:1rem}}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.fade-in{animation:fadeIn .5s ease forwards}.glass{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--primary);color:#fff}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-4xl{font-size:2.5rem}.text-3xl{font-size:2rem}.text-2xl{font-size:1.5rem}.text-xl{font-size:1.25rem}.text-lg{font-size:1.125rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.radius-lg{border-radius:var(--radius-lg)}.w-full{width:100%}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.p-3xl{padding:var(--space-3xl)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline:hover{background:var(--bg-card);border-color:var(--primary)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:80px}.hero{position:relative;padding:var(--space-3xl) 0;text-align:center;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;background:var(--gradient-glow);pointer-events:none}.hero-content{position:relative;z-index:1}.hero h1{font-size:3.5rem;font-weight:700;margin-bottom:var(--space-lg);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.25rem;max-width:600px;margin:0 auto var(--space-xl)}.hero-buttons{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.section-title{font-size:1.75rem}.section-link{color:var(--primary);font-weight:500}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-lg)}.category-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-normal)}.category-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.category-icon{font-size:3rem;margin-bottom:var(--space-md)}.design-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;background:var(--bg-card);border:1px solid var(--border-color);transition:all var(--transition-normal)}.design-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-lg)}.design-card-image{width:100%;aspect-ratio:3/4;object-fit:cover}.design-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-lg);background:linear-gradient(transparent,#000000e6)}.design-card-title{font-size:1rem;font-weight:600;margin-bottom:var(--space-xs);color:#fff}.design-card-category{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.design-card-badge{position:absolute;top:var(--space-md);right:var(--space-md)}.ecard-page{min-height:100vh;padding:var(--space-xl)}.ecard-container{max-width:800px;margin:0 auto}.ecard-header{text-align:center;margin-bottom:var(--space-2xl)}.ecard-design{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);margin-bottom:var(--space-2xl)}.ecard-image{width:100%;display:block}.ecard-details{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl)}.ecard-title{font-size:2rem;margin-bottom:var(--space-md);text-align:center}.ecard-info{display:grid;gap:var(--space-md)}.ecard-info-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.ecard-info-icon{font-size:1.5rem}.ecard-info-label{font-size:.875rem;color:var(--text-muted)}.ecard-info-value{font-weight:600}.ecard-message{margin-top:var(--space-xl);padding:var(--space-xl);background:var(--bg-secondary);border-radius:var(--radius-lg);text-align:center;font-style:italic;color:var(--text-secondary)}.ecard-actions{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-xl)}.rsvp-section{margin-top:var(--space-2xl);padding:var(--space-xl);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.rsvp-title{text-align:center;margin-bottom:var(--space-xl)}.rsvp-form{display:grid;gap:var(--space-md)}.rsvp-options{display:flex;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-lg)}.rsvp-option{flex:1;max-width:150px;padding:var(--space-lg);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.rsvp-option:hover,.rsvp-option.selected{border-color:var(--primary);background:#ff57221a}.rsvp-option-icon{font-size:2rem;margin-bottom:var(--space-sm)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-lg)}.loading-text{color:var(--text-secondary)}.error-container{text-align:center;padding:var(--space-3xl)}.error-icon{font-size:4rem;margin-bottom:var(--space-lg)}.error-title{margin-bottom:var(--space-md)}.stats-row{display:flex;justify-content:center;gap:var(--space-2xl);margin-top:var(--space-lg)}.stat-item{text-align:center}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary)}.stat-label{font-size:.875rem;color:var(--text-muted)}@media(max-width:768px){.hero h1{font-size:2.5rem}.hero p{font-size:1rem}.section{padding:var(--space-2xl) 0}.ecard-title{font-size:1.5rem}.rsvp-options{flex-direction:column;align-items:center}.rsvp-option{max-width:100%;width:100%}}.home-page{overflow-x:hidden}.hero{position:relative;padding:var(--space-3xl) 0;background:radial-gradient(circle at top right,rgba(255,87,34,.15),transparent),radial-gradient(circle at bottom left,rgba(156,39,176,.1),transparent);min-height:80vh;display:flex;align-items:center;border-bottom:1px solid var(--border-color)}.hero-content{max-width:800px;text-align:center;margin:0 auto;animation:fadeIn 1s ease-out}.hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--text-secondary);margin-bottom:var(--space-2xl);line-height:1.6}.hero-buttons{display:flex;gap:var(--space-lg);justify-content:center;flex-wrap:wrap}.section{padding:var(--space-3xl) 0}.section-header{text-align:center;margin-bottom:var(--space-3xl);max-width:700px;margin-left:auto;margin-right:auto}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--space-md)}.section-subtitle{color:var(--text-secondary);font-size:1.1rem}.about-section{background:var(--bg-secondary)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.about-image{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.about-image img{width:100%;display:block}.about-text h3{font-size:2rem;margin-bottom:var(--space-lg);color:var(--primary)}.about-text p{margin-bottom:var(--space-lg);font-size:1.1rem;line-height:1.8}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-lg)}.category-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;transition:all var(--transition-normal);text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.category-card:hover{transform:translateY(-8px);border-color:var(--primary);background:var(--bg-card-hover);box-shadow:var(--shadow-glow)}.category-icon{font-size:3rem}.category-name{font-weight:600;color:var(--text-primary)}.category-pill{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);text-decoration:none;transition:all var(--transition-fast)}.category-pill:hover{background:var(--bg-card-hover);border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.stats-section{padding:var(--space-2xl) 0;background:var(--gradient-primary);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:var(--space-xl)}.stat-item h3{font-size:2.5rem;font-weight:800;margin-bottom:var(--space-xs);color:#fff}.stat-item p{color:#ffffffe6;font-weight:500}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2xl);margin-top:var(--space-2xl)}.step-card{position:relative;padding:var(--space-2xl);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);text-align:center}.step-number{position:absolute;top:-20px;left:20px;width:40px;height:40px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.25rem;box-shadow:var(--shadow-md)}.step-icon{font-size:3rem;margin-bottom:var(--space-lg)}.step-card h3{margin-bottom:var(--space-md)}@media(max-width:992px){.about-grid{grid-template-columns:1fr;gap:var(--space-xl)}.about-image{max-height:400px}.stats-grid{grid-template-columns:repeat(2,1fr)}.section-title{font-size:2rem}}@media(max-width:768px){.hero{min-height:auto;padding:calc(80px + var(--space-2xl)) 0 var(--space-2xl)}.hero h1{font-size:clamp(1.75rem,6vw,2.5rem)}.hero p{font-size:1rem}.steps-grid{grid-template-columns:1fr;gap:var(--space-xl)}.step-card{padding:var(--space-xl)}.step-icon{font-size:2.5rem}.hero-buttons{flex-direction:column;width:100%;gap:var(--space-md)}.hero-buttons .btn{width:100%}.category-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.category-card{padding:var(--space-md)}.category-icon{font-size:2rem}.section{padding:var(--space-2xl) 0}.section-header{margin-bottom:var(--space-xl)}.section-title,.about-text h3{font-size:1.5rem}.about-text p{font-size:1rem}.stat-item h3{font-size:1.75rem}.stat-item p{font-size:.875rem}}@media(max-width:480px){.hero{padding:calc(80px + var(--space-lg)) 0 var(--space-xl)}.hero h1{font-size:1.5rem;margin-bottom:var(--space-md)}.hero p{font-size:.9375rem;margin-bottom:var(--space-xl)}.category-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.category-card{padding:var(--space-sm);gap:var(--space-xs)}.category-icon{font-size:1.5rem}.category-name{font-size:.75rem}.stats-grid{grid-template-columns:1fr 1fr;gap:var(--space-md)}.stat-item h3{font-size:1.5rem}.step-number{width:32px;height:32px;font-size:1rem;top:-16px;left:16px}.section-title{font-size:1.25rem}.section-subtitle{font-size:.9375rem}}@media(max-width:360px){.category-grid{gap:var(--space-xs)}.category-card{padding:var(--space-xs)}.category-icon,.hero h1{font-size:1.25rem}.stats-grid{gap:var(--space-sm)}}.designs-page{padding:var(--space-xl) 0;min-height:80vh}.designs-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-lg)}.header-title h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-xs)}.designs-count{color:var(--text-secondary);font-size:.95rem}.search-bar{flex:1;max-width:450px;min-width:280px;position:relative}.search-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);font-size:1.1rem;pointer-events:none}.search-input{width:100%;padding:var(--space-md) var(--space-lg);padding-left:calc(var(--space-lg) + 1.5rem);padding-right:calc(var(--space-lg) + 1.5rem);border-radius:var(--radius-full);border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast)}.search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #ff572226;background:var(--bg-primary)}.search-input::placeholder{color:var(--text-muted)}.search-clear{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);background:var(--text-muted);color:#fff;border:none;width:22px;height:22px;border-radius:50%;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.search-clear:hover{background:var(--primary)}.filters-section{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-2xl)}.category-filters{display:flex;gap:var(--space-sm);overflow-x:auto;padding-bottom:var(--space-sm);-webkit-overflow-scrolling:touch;scrollbar-width:thin}.category-filters::-webkit-scrollbar{height:4px}.category-filters::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.category-filters::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.category-pill{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-weight:500;font-size:.9rem;text-decoration:none;white-space:nowrap;transition:all var(--transition-fast);cursor:pointer}.category-pill:hover{background:var(--bg-secondary);border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.category-pill.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-color:transparent;box-shadow:0 4px 15px #ff57224d}.category-icon{font-size:1.1rem}.pricing-filters{display:flex;gap:var(--space-sm);flex-wrap:wrap}.pricing-pill{padding:var(--space-xs) var(--space-md);background:transparent;border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.pricing-pill:hover{border-color:var(--text-secondary);color:var(--text-primary)}.pricing-pill.active{background:var(--bg-card);border-color:var(--primary);color:var(--primary)}.pricing-pill.free.active{background:#4caf501a;border-color:#4caf50;color:#4caf50}.pricing-pill.premium.active{background:#9c27b01a;border-color:#9c27b0;color:#9c27b0}.designs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-xl)}.design-card{display:block;text-decoration:none;border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-card);border:1px solid var(--border-color);transition:all var(--transition-normal);position:relative}.design-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026;border-color:var(--primary)}.design-thumbnail-wrapper{position:relative;width:100%;padding-top:133%;overflow:hidden;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-card))}.design-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.design-card:hover .design-thumbnail{transform:scale(1.08)}.design-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 60%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:var(--space-xl);opacity:0;transition:opacity var(--transition-fast)}.design-card:hover .design-overlay{opacity:1}.view-btn{background:var(--primary);color:#fff;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-weight:600;font-size:.9rem;transform:translateY(10px);transition:transform var(--transition-fast)}.design-card:hover .view-btn{transform:translateY(0)}.design-badge{position:absolute;top:var(--space-md);right:var(--space-md);padding:var(--space-xs) var(--space-md);background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.design-badge.free{background:linear-gradient(135deg,#4caf50,#2e7d32)}.design-badge.premium{background:linear-gradient(135deg,#9c27b0,#6a1b9a)}.design-info{padding:var(--space-lg)}.design-name{font-size:1.1rem;font-weight:600;margin-bottom:var(--space-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.design-meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-sm)}.design-category{display:flex;align-items:center;gap:var(--space-xs);text-transform:capitalize}.design-price{font-weight:700}.design-price.free{color:#4caf50}.design-price.paid{color:var(--primary)}.design-tags{display:flex;gap:var(--space-xs);flex-wrap:wrap}.design-tag{background:var(--bg-secondary);color:var(--text-muted);padding:2px 8px;border-radius:var(--radius-sm);font-size:.7rem;text-transform:lowercase}.create-btn{display:block;width:100%;margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;text-align:center;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast);box-shadow:0 2px 8px #ff57224d}.create-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff572266;color:#fff}.create-btn:active{transform:translateY(0)}.load-more-container{display:flex;justify-content:center;margin-top:var(--space-3xl);padding-bottom:var(--space-xl)}.load-more-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-2xl);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:var(--radius-full);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 15px #ff57224d}.load-more-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #ff572266}.load-more-btn:disabled{opacity:.7;cursor:not-allowed}.load-more-icon{font-size:1.2rem;animation:bounce 1.5s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) 0;color:var(--text-secondary)}.spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-md)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--text-secondary);background:var(--bg-card);border-radius:var(--radius-xl);border:2px dashed var(--border-color)}.empty-icon{font-size:5rem;margin-bottom:var(--space-lg);opacity:.6}.empty-state h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:var(--space-sm)}.empty-state p{max-width:400px;margin:0 auto var(--space-lg)}@media(max-width:1200px){.designs-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-lg)}}@media(max-width:768px){.designs-page{padding:var(--space-lg) 0}.designs-header{flex-direction:column;align-items:stretch;gap:var(--space-md)}.header-title h1{font-size:1.5rem}.search-bar{max-width:100%;min-width:100%}.filters-section{margin-bottom:var(--space-xl)}.category-filters{margin:0 calc(var(--space-lg) * -1);padding:0 var(--space-lg)}.designs-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.design-info{padding:var(--space-md)}.design-name{font-size:.95rem}.design-meta{font-size:.8rem;flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.design-tags{display:none}.load-more-btn{width:100%;justify-content:center}}@media(max-width:480px){.category-pill{padding:var(--space-xs) var(--space-md);font-size:.8rem}.category-pill .category-name{display:none}.category-icon{font-size:1.3rem}.designs-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.design-thumbnail-wrapper{padding-top:140%}.design-badge{font-size:.65rem;padding:2px 6px}.design-info{padding:var(--space-sm)}.design-name,.design-price{font-size:.85rem}.pricing-filters{justify-content:center}}.designs-grid-rn{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-xl)}.design-card-rn{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d;transition:transform .2s,box-shadow .2s}.design-card-rn:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.design-thumbnail-wrapper-rn{position:relative;width:100%;height:180px;background-color:#f0f0f0;display:block}.design-thumbnail-rn{width:100%;height:100%;object-fit:cover}.design-price-badge-rn{position:absolute;top:8px;right:8px;padding:4px 8px;border-radius:12px;color:#fff;font-size:10px;font-weight:700;z-index:2}.design-card-content-rn{padding:12px;display:flex;flex-direction:column;flex:1}.design-card-title-rn{font-size:14px;font-weight:700;margin:0 0 5px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.design-tags-row-rn{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.design-subcategory-rn{font-size:11px;color:#888;text-transform:capitalize}.design-popularity-badge-rn{display:flex;align-items:center;gap:2px}.design-star-icon-rn{font-size:12px;color:gold}.design-popularity-text-rn{font-size:10px;color:#888}.design-color-palette-rn{display:flex;gap:4px;margin-bottom:12px}.design-color-dot-rn{width:16px;height:16px;border-radius:50%;border:1px solid #ddd}.design-card-actions-rn{display:flex;gap:5px;margin-top:auto}.design-action-btn-rn{flex:1;padding:8px 0;border-radius:6px;text-align:center;font-size:12px;font-weight:700;text-decoration:none;transition:opacity .2s}.design-action-btn-rn:hover{opacity:.9}.design-view-btn-rn{border:1px solid var(--primary);background-color:transparent;color:var(--primary)}.design-create-btn-rn{border:1px solid var(--primary);background-color:var(--primary);color:#fff}@media(max-width:768px){.designs-grid-rn{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}}@media(max-width:480px){.design-thumbnail-wrapper-rn{height:140px}}@keyframes fadeIn{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)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.design-container{min-height:100vh;width:100%;padding:2rem;display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center;background-attachment:fixed;font-family:Poppins,sans-serif}.design-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem;max-width:600px;width:100%;box-shadow:0 10px 30px #0003;animation:fadeIn 1s ease-out;text-align:center;position:relative;overflow:hidden}.design-header h1{font-size:2.5rem;margin-bottom:.5rem;color:#333}.design-meta{color:#666;font-size:1.1rem;margin-bottom:2rem}.design-body{margin:2rem 0}.host-info{margin-bottom:2rem;font-style:italic;color:#555}.event-details{display:grid;gap:1.5rem;text-align:left;background:#0000000d;padding:1.5rem;border-radius:12px}.detail-row{display:flex;align-items:center;gap:1rem}.detail-icon{font-size:1.5rem}.rsvp-section{margin-top:3rem;border-top:1px solid #eee;padding-top:2rem}.rsvp-btn{background:linear-gradient(45deg,#ff6b6b,#ff8e8e);color:#fff;border:none;padding:1rem 3rem;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;animation:pulse 2s infinite}.rsvp-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff6b6b66}.rsvp-btn:disabled{background:#ccc;cursor:not-allowed;animation:none}.user-greeting{background:#e3f2fd;color:#1565c0;padding:1rem;border-radius:8px;margin-bottom:2rem;animation:float 3s ease-in-out infinite}.event-001 .design-container{background:linear-gradient(135deg,#1a2a6c,#b21f1f,#fdbb2d)}.event-001 .design-card{border:2px solid #fff}.event-001 h1{font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:2px;background:-webkit-linear-gradient(#1a2a6c,#b21f1f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bday-001 .design-container{background-color:#ffdee9;background-image:linear-gradient(0deg,#ffdee9,#b5fffc)}.bday-001 .design-card{border-radius:30px;border:5px solid #fff}.bday-001 h1{font-family:Pacifico,cursive;color:#ff6b6b;font-size:3.5rem}.bday-confetti{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:radial-gradient(#ffeb3b 15%,transparent 16%),radial-gradient(#ff5722 15%,transparent 16%),radial-gradient(#2196f3 15%,transparent 16%),radial-gradient(#4caf50 15%,transparent 16%);background-size:20px 20px,20px 20px,20px 20px,20px 20px;background-position:0 0,10px 10px,15px 5px,5px 15px;opacity:.6}.wed-001 .design-container{background:#fdfbf7}.wed-001 .design-card{border:1px solid #d4af37;box-shadow:0 0 20px #d4af3733}.wed-001 h1{font-family:Great Vibes,cursive;color:#d4af37;font-size:4rem}.puja-001 .design-container{background:linear-gradient(to right,#f12711,#f5af19)}.puja-001 h1{font-family:Cinzel,serif;color:#d35400}.puja-icon{font-size:3rem;margin-bottom:1rem;display:block}.anni-001 .design-container{background:linear-gradient(to top,#cfd9df,#e2ebf0)}.anni-001 h1{font-family:Playfair Display,serif;color:#555}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:radial-gradient(circle at top right,rgba(255,87,34,.1),transparent),radial-gradient(circle at bottom left,rgba(156,39,176,.08),transparent)}.auth-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);max-width:1000px;width:100%}.auth-card{padding:var(--space-2xl);border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border-color)}.auth-header{text-align:center;margin-bottom:var(--space-xl)}.auth-header h1{font-size:2rem;margin-bottom:var(--space-sm);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-header p{color:var(--text-secondary)}.step-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-lg)}.step{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;background:var(--bg-secondary);color:var(--text-muted);border:2px solid var(--border-color);transition:all var(--transition-normal)}.step.active{background:var(--primary);color:#fff;border-color:var(--primary)}.step-line{width:40px;height:2px;background:var(--border-color)}.auth-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-divider{display:flex;align-items:center;gap:var(--space-md);color:var(--text-muted);font-size:.875rem}.form-divider:before,.form-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{flex:1;padding-right:50px}.toggle-password{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:1.25rem;padding:var(--space-xs)}.password-strength{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs)}.password-strength .strength-bar{height:4px;border-radius:2px;background:var(--primary);transition:width .3s ease;max-width:100px}.password-strength.weak .strength-bar{background:#f44336}.password-strength.strong .strength-bar{background:#4caf50}.password-strength span{font-size:.75rem;color:var(--text-muted)}.username-input-wrapper{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.username-prefix{padding:var(--space-md);color:var(--text-muted);font-weight:600;background:var(--bg-card);border-right:1px solid var(--border-color)}.username-input{border:none!important;border-radius:0!important;flex:1}.check-btn{padding:var(--space-md) var(--space-lg);background:var(--primary);color:#fff;border:none;font-weight:600;cursor:pointer;transition:opacity .2s}.check-btn:hover:not(:disabled){opacity:.9}.check-btn:disabled{opacity:.5;cursor:not-allowed}.username-status{font-size:.875rem;margin-top:var(--space-xs);font-weight:500}.username-status.available{color:#4caf50}.username-status.taken{color:#f44336}.suggestions-section{margin-top:var(--space-sm)}.suggestions-label{font-size:.875rem;color:var(--text-muted);margin-bottom:var(--space-sm)}.suggestions-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.suggestion-chip{padding:var(--space-xs) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.suggestion-chip:hover{background:var(--primary);border-color:var(--primary);color:#fff}.form-actions{display:flex;gap:var(--space-md)}.form-actions .btn{flex:1}.error-alert{padding:var(--space-md);background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:var(--radius-md);color:#f44336;font-size:.875rem;text-align:center}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.auth-footer{margin-top:var(--space-xl);text-align:center;color:var(--text-secondary)}.auth-link{color:var(--primary);font-weight:600}.auth-link:hover{text-decoration:underline}.auth-promo{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);border-radius:var(--radius-xl);background:var(--gradient-primary);position:relative;overflow:hidden}.auth-promo:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></svg>');opacity:.5}.promo-content{position:relative;z-index:1;text-align:center;color:#fff}.promo-content h2{font-size:1.75rem;margin-bottom:var(--space-md);color:#fff}.promo-content p{color:#ffffffe6;margin-bottom:var(--space-xl)}.promo-features{display:flex;flex-direction:column;gap:var(--space-sm)}.promo-feature{padding:var(--space-sm) var(--space-md);background:#ffffff26;border-radius:var(--radius-full);font-weight:500}.profile-page{padding:var(--space-2xl) 0;min-height:100vh}.profile-header{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-xl);align-items:start;padding:var(--space-xl);border-radius:var(--radius-xl);margin-bottom:var(--space-xl)}.profile-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid var(--primary)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);font-size:3rem;color:#fff;font-weight:700}.profile-info{display:flex;flex-direction:column;gap:var(--space-sm)}.profile-name{font-size:1.75rem;margin:0}.profile-username{color:var(--primary);font-weight:500;margin:0}.profile-bio{color:var(--text-secondary);max-width:500px}.profile-stats{display:flex;gap:var(--space-xl);margin-top:var(--space-sm)}.profile-stats .stat-item{display:flex;flex-direction:column}.profile-stats .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.profile-stats .stat-label{font-size:.875rem;color:var(--text-muted)}.profile-contact{display:flex;gap:var(--space-lg);margin-top:var(--space-sm)}.contact-item{font-size:.875rem;color:var(--text-secondary)}.profile-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.profile-tabs{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-md)}.tab-btn{padding:var(--space-md) var(--space-lg);background:transparent;border:none;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-md) var(--radius-md) 0 0}.tab-btn:hover{color:var(--text-primary);background:var(--bg-card)}.tab-btn.active{color:var(--primary);border-bottom:2px solid var(--primary)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.card-item{border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:all var(--transition-normal)}.card-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-thumbnail{aspect-ratio:16/9;background:var(--bg-secondary);overflow:hidden}.card-thumbnail img{width:100%;height:100%;object-fit:cover}.card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem}.card-info{padding:var(--space-md)}.card-info h3{font-size:1rem;margin-bottom:var(--space-xs);color:var(--text-primary)}.card-meta{display:flex;gap:var(--space-md);margin-top:var(--space-sm);font-size:.875rem;color:var(--text-secondary)}.empty-state{text-align:center;padding:var(--space-3xl)}.empty-icon{font-size:4rem;margin-bottom:var(--space-lg)}.empty-state h3{margin-bottom:var(--space-sm)}.empty-state p{margin-bottom:var(--space-xl);color:var(--text-secondary)}.quick-links{padding:var(--space-xl);border-radius:var(--radius-xl);margin-top:var(--space-xl)}.quick-links h3{margin-bottom:var(--space-lg)}.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-md)}.quick-link{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);transition:all var(--transition-fast)}.quick-link:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-3xl)}@media(max-width:768px){.auth-container{grid-template-columns:1fr}.auth-promo{display:none}.auth-card{padding:var(--space-xl)}.profile-header{grid-template-columns:1fr;text-align:center}.profile-avatar{margin:0 auto}.profile-stats{justify-content:center}.profile-contact{flex-direction:column;align-items:center}.profile-actions{flex-direction:row;justify-content:center}.profile-tabs{justify-content:center}}@media(max-width:480px){.auth-page{padding:var(--space-md)}.auth-card{padding:var(--space-lg)}.form-actions{flex-direction:column}.profile-actions{flex-direction:column;width:100%}.profile-actions .btn{width:100%}}.profile-page-container{max-width:1200px;margin:0 auto;padding:var(--space-xl) var(--space-md);min-height:100vh}.profile-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.profile-username-header{font-size:1.5rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-xs);cursor:pointer}.icon-button{background:none;border:none;font-size:1.5rem;cursor:pointer;position:relative;color:var(--text-primary)}.notification-badge{position:absolute;top:-5px;right:-5px;background:#f44336;color:#fff;font-size:.6rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-main-info{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-2xl);padding:var(--space-lg);border-radius:var(--radius-xl)}.profile-stats-row{display:flex;align-items:center;gap:var(--space-xl)}.profile-image-container{width:90px;height:90px;border-radius:50%;overflow:hidden;border:2px solid var(--border-color);background:var(--bg-secondary)}.profile-image-container img{width:100%;height:100%;object-fit:cover}.profile-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem}.stats-container{flex:1;display:flex;justify-content:space-around}.stat-item{display:flex;flex-direction:column;align-items:center;text-decoration:none}.stat-number{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.875rem;color:var(--text-secondary);margin-top:4px}.stat-item.clickable{cursor:pointer}.stat-item.clickable:hover .stat-number{color:var(--primary)}.profile-bio-container{display:flex;flex-direction:column;gap:4px}.profile-fullname{font-weight:700;font-size:1.1rem;color:var(--text-primary)}.profile-bio-text{font-size:.95rem;color:var(--text-secondary);line-height:1.4}.profile-state{font-size:.9rem;color:var(--text-muted);margin-top:4px}.profile-action-buttons{display:flex;gap:var(--space-md);margin-top:var(--space-sm)}.action-btn{flex:1;padding:10px;border-radius:8px;border:none;font-weight:600;font-size:.9rem;cursor:pointer;background:var(--bg-secondary);color:var(--text-primary);transition:background .2s}.action-btn:hover{background:var(--bg-card-hover)}.tab-switcher-oval{display:flex;background:var(--bg-secondary);border-radius:50px;padding:6px;margin-bottom:var(--space-xl);box-shadow:inset 0 2px 4px #0000000d}.tab-pill{flex:1;padding:12px 16px;border-radius:40px;border:none;background:transparent;font-weight:600;font-size:1rem;color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-pill.active{background:var(--primary);color:#fff;box-shadow:0 4px 10px #ff57224d}.filter-row{display:flex;gap:var(--space-sm);overflow-x:auto;padding-bottom:var(--space-md);margin-bottom:var(--space-md);scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-chip{padding:8px 16px;border-radius:20px;border:1px solid var(--border-color);background:transparent;color:var(--text-primary);font-size:.9rem;cursor:pointer;white-space:nowrap;transition:all .2s}.filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.cards-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.card-modern{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;position:relative;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.card-modern:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.card-modern-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.category-badge{display:flex;align-items:center;gap:6px;color:#fff;font-weight:600;font-size:.85rem}.date-badge{background:#fff3;padding:4px 10px;border-radius:8px;text-align:center;color:#fff}.date-badge .day{font-size:1.1rem;font-weight:700;display:block;line-height:1}.date-badge .month{font-size:.7rem;font-weight:600}.card-modern-body{padding:16px;flex:1}.card-modern-title{font-size:1.1rem;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.card-modern-detail{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--text-secondary);font-size:.9rem}.card-modern-id{margin-top:12px;padding:8px;border-radius:8px;background:var(--bg-secondary);text-align:center}.card-modern-id label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:2px}.card-modern-id span{font-weight:600;font-size:.85rem;color:var(--text-primary)}.card-modern-actions{display:flex;gap:1px;background:var(--bg-secondary)}.card-action-btn{flex:1;padding:12px;border:none;font-weight:600;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.9rem;opacity:.9;transition:opacity .2s}.card-action-btn:hover{opacity:1}.btn-view{background:var(--primary)}.btn-share{background:#4caf50}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-card);border-radius:20px;padding:30px;width:100%;max-width:400px;align-items:center;display:flex;flex-direction:column;box-shadow:0 10px 30px #0003}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:24px}.qr-box{background:#fff;padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 15px #0000001a}.modal-buttons{display:flex;gap:12px;width:100%;margin-bottom:20px}.modal-btn{flex:1;padding:12px;border:none;border-radius:10px;font-weight:600;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.95rem}.modal-btn.primary{background:var(--primary)}.modal-btn.secondary{background:#333}.modal-btn.success{background:#4caf50}.modal-btn.danger{background:transparent;color:#f44336;border:1px solid #f44336}.modal-btn.danger:hover{background:#f443361a}.close-modal{background:none;border:none;color:#f44336;font-weight:700;font-size:1rem;cursor:pointer;padding:8px;margin-top:10px}.error-banner{background:#ff6b6b;color:#fff;padding:12px 16px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl)}.retry-btn{background:#fff3;border:none;color:#fff;padding:6px 12px;border-radius:4px;cursor:pointer;font-weight:700}@media(max-width:768px){.profile-stats-row{flex-direction:column}.stats-container{width:100%;margin-top:10px}.profile-action-buttons{flex-direction:column}.tab-switcher-oval{flex-direction:column;border-radius:20px}.modal-buttons{flex-direction:column}}.edit-profile-page{background-color:var(--bg-primary, #ffffff);min-height:100vh;padding-bottom:50px}.ep-header{display:flex;align-items:center;justify-content:space-between;padding:20px 15px;border-bottom:1px solid #eee;background-color:var(--bg-primary, #ffffff)}.ep-back-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-primary, #333);padding:5px}.ep-header-title{font-size:18px;font-weight:700;margin:0;color:var(--text-primary, #333)}.ep-container{padding:20px;max-width:600px;margin:0 auto}.ep-image-container{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.ep-image-wrapper{width:100px;height:100px;border-radius:50%;margin-bottom:15px;position:relative;cursor:pointer;display:inline-block}.ep-profile-image{width:100px;height:100px;border-radius:50%;object-fit:cover}.ep-placeholder-image{width:100px;height:100px;border-radius:50%;background-color:#ddd;display:flex;align-items:center;justify-content:center;font-size:40px;color:#888}.ep-edit-icon-badge{position:absolute;bottom:0;right:0;background-color:#007aff;width:28px;height:28px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:2px solid #fff;font-size:12px}.ep-change-photo-text{font-size:16px;font-weight:600;color:#007aff}.ep-form{display:flex;flex-direction:column}.ep-input-group{margin-bottom:20px}.ep-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text-primary, #333)}.ep-input{width:100%;border:1px solid #ccc;border-radius:8px;padding:12px 15px;font-size:16px;box-sizing:border-box;background-color:var(--bg-primary, #fff);color:var(--text-primary, #333)}.ep-select{appearance:none;cursor:pointer}.ep-textarea{height:80px;resize:vertical}.ep-readonly{background-color:#f0f0f0;color:#888;cursor:not-allowed}.ep-gender-container{display:flex;justify-content:space-between;gap:10px}.ep-gender-btn{flex:1;border:1px solid #ccc;border-radius:8px;padding:10px;background:transparent;cursor:pointer;font-weight:600;color:var(--text-primary, #333);transition:all .2s}.ep-gender-btn.active{background-color:#ff6b35;border-color:#ff6b35;color:#fff}.ep-section{margin-top:10px;margin-bottom:20px}.ep-section-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:15px}.ep-section-title{font-size:16px;font-weight:700;margin:0;color:var(--text-primary, #333)}.ep-section-subtitle{font-size:12px;color:#888;margin-top:4px}.ep-add-link-btn{background:none;border:none;color:#ff6b35;font-weight:600;cursor:pointer}.ep-link-row{display:flex;align-items:center;margin-bottom:10px;border:1px solid #ddd;border-radius:8px;background-color:var(--bg-primary, transparent);overflow:hidden}.ep-link-platform{width:110px;padding:12px;border:none;border-right:1px solid #ddd;background:transparent;font-weight:700;color:var(--text-primary, #333);cursor:pointer}.ep-link-input{flex:1;border:none;border-radius:0}.ep-remove-link-btn{background:none;border:none;color:#ff3b30;padding:10px;cursor:pointer;font-size:16px}.ep-toggle-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ep-switch{position:relative;display:inline-block;width:50px;height:28px}.ep-switch input{opacity:0;width:0;height:0}.ep-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s}.ep-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.ep-slider{background-color:#ff6b35}input:focus+.ep-slider{box-shadow:0 0 1px #ff6b35}input:checked+.ep-slider:before{transform:translate(22px)}.ep-slider.round{border-radius:34px}.ep-slider.round:before{border-radius:50%}.ep-save-button{background-color:#ff6b35;color:#fff;border:none;border-radius:8px;padding:15px;font-size:16px;font-weight:700;cursor:pointer;margin-top:10px;transition:background-color .2s}.ep-save-button:hover{background-color:#e65c2b}.ep-save-button:disabled{opacity:.7;cursor:not-allowed}.search-page-container{padding:var(--space-xl) var(--space-lg);max-width:600px;margin:0 auto;min-height:calc(100vh - 70px)}.search-header{margin-bottom:var(--space-xl)}.search-title{font-size:2rem;font-weight:700}.search-input-wrapper{display:flex;align-items:center;background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:0 var(--space-md);height:50px;margin-bottom:var(--space-md)}.search-icon-web{margin-right:var(--space-sm);color:var(--text-muted)}.search-input-field{flex:1;background:transparent;border:none;font-size:1rem;color:var(--text-primary);outline:none}.search-clear-btn{background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer}.search-hint-box{display:flex;align-items:center;gap:8px;padding:var(--space-sm) 0;color:var(--text-muted);font-size:.85rem}.search-results-area{margin-top:var(--space-lg);padding-bottom:var(--space-2xl)}.search-loading-state{display:flex;flex-direction:column;align-items:center;margin-top:100px;color:var(--text-muted)}.search-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:100px;text-align:center}.search-empty-icon{font-size:4rem;color:var(--border-color);margin-bottom:var(--space-md)}.search-empty-title{color:var(--text-muted);font-size:1.2rem;font-weight:600;margin-bottom:var(--space-xs)}.search-empty-subtext{color:var(--text-muted);font-size:.9rem}.recent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.recent-title{font-size:1.2rem;font-weight:600}.clear-all-btn{background:transparent;border:none;color:var(--primary);font-weight:500;cursor:pointer}.recent-item{display:flex;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-color);cursor:pointer}.recent-avatar,.recent-avatar-placeholder,.recent-card-icon{width:40px;height:40px;border-radius:50%;margin-right:var(--space-md);display:flex;align-items:center;justify-content:center;font-size:1.2rem;background-color:var(--bg-secondary)}.recent-info{flex:1}.recent-name{font-weight:500;font-size:1rem;color:var(--text-primary)}.recent-query{font-size:.85rem;color:var(--text-secondary);margin-top:2px}.recent-remove-btn{background:transparent;border:none;color:var(--text-muted);font-size:1rem;padding:var(--space-sm);cursor:pointer}.results-count-title{font-size:.9rem;color:var(--text-muted);margin-bottom:var(--space-md);font-weight:600}.card-result-item{display:flex;align-items:center;background-color:var(--bg-secondary);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);cursor:pointer}.card-result-icon{width:50px;height:50px;background-color:var(--primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;margin-right:var(--space-md)}.card-result-info{flex:1}.card-result-title{font-weight:600;margin-bottom:2px}.card-result-id{font-size:.85rem;margin-bottom:2px}.card-result-type{font-size:.75rem;color:var(--text-muted)}.card-result-arrow,.user-result-arrow{font-size:1.5rem;color:var(--primary)}.user-result-item{display:flex;align-items:center;padding:var(--space-md) 0;border-bottom:1px solid var(--border-color);cursor:pointer}.user-result-avatar,.user-result-avatar-placeholder{width:50px;height:50px;border-radius:50%;margin-right:var(--space-md);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:1.5rem;background-color:var(--bg-secondary)}.user-result-info{flex:1}.user-result-name{font-weight:600;font-size:1rem;margin-bottom:2px}.user-result-username{font-size:.85rem;color:var(--text-secondary);margin-bottom:2px}.user-result-bio{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.create-invitation-page{padding:var(--space-xl) 0;min-height:100vh}.page-header{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.back-btn{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:.875rem;transition:color var(--transition-fast)}.back-btn:hover{color:var(--primary)}.category-icon{font-size:2.5rem}.design-info-bar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);background:var(--bg-card);border:1px solid var(--border-color)}.design-mini-thumb{width:50px;height:70px;object-fit:cover;border-radius:var(--radius-sm)}.design-info-text{flex:1;display:flex;align-items:center;gap:var(--space-sm)}.design-label{color:var(--text-muted)}.design-info-bar .design-name{font-weight:600;color:var(--text-primary)}.price-badge{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-weight:700;font-size:.875rem}.price-badge.free{background:#4caf5033;color:#4caf50}.price-badge.premium{background:#ff572233;color:var(--primary)}.invitation-form{padding:var(--space-xl);border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border-color);margin-bottom:var(--space-xl)}.form-section{margin-bottom:var(--space-2xl)}.form-section:last-child{margin-bottom:0}.section-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.section-line{flex:1;height:1px;background:var(--primary);opacity:.3}.section-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--primary);margin:0;white-space:nowrap}.section-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-weight:500;font-size:.875rem;color:var(--text-secondary)}.form-group .required{color:#f44336;margin-left:2px}.form-input{padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff572233}.form-input::placeholder{color:var(--text-muted)}.form-input.error{border-color:#f44336}.form-textarea{resize:vertical;min-height:80px}.error-text{font-size:.75rem;color:#f44336}.custom-field-row{display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.custom-field-label{flex:.4}.custom-field-value{flex:.6}.remove-field-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:var(--radius-md);color:#f44336;cursor:pointer;transition:all var(--transition-fast)}.remove-field-btn:hover{background:#f44336;color:#fff}.add-field-btn{width:100%;padding:var(--space-md);background:transparent;border:2px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.add-field-btn:hover{border-color:var(--primary);color:var(--primary)}.form-actions{display:flex;justify-content:center;padding-bottom:var(--space-2xl)}.form-actions .btn{min-width:280px}@media(max-width:768px){.section-fields{grid-template-columns:1fr}.header-info h1{font-size:1.5rem}.category-icon{font-size:2rem}.invitation-form{padding:var(--space-lg)}.design-info-bar{flex-wrap:wrap}.form-actions .btn{width:100%;min-width:auto}}@media(max-width:480px){.custom-field-row{flex-wrap:wrap}.custom-field-label,.custom-field-value{flex:1 1 100%}.remove-field-btn{width:100%}.design-mini-thumb{display:none}}.payment-page{padding:var(--space-xl) 0;min-height:100vh}.preview-card{padding:var(--space-xl);border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border-color);margin-bottom:var(--space-xl)}.preview-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.preview-icon,.payment-icon{font-size:1.5rem}.preview-header h2,.payment-header h2{font-size:1.25rem;font-weight:700;margin:0}.design-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.row-icon{font-size:1.1rem}.row-label{color:var(--text-muted)}.row-value{flex:1;text-align:right;font-weight:500}.row-value.highlight{color:var(--primary)}.preview-section{margin-bottom:var(--space-lg)}.preview-section .section-fields{display:flex;flex-direction:column}.field-row{display:flex;padding:var(--space-md) 0;border-bottom:1px solid var(--border-color)}.field-row:last-child{border-bottom:none}.field-label{width:40%;color:var(--text-muted);font-size:.875rem}.field-value{flex:1;font-weight:500;word-break:break-word}.payment-card{padding:var(--space-xl);border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border-color);margin-bottom:var(--space-xl)}.payment-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.bill-row{display:flex;justify-content:space-between;padding:var(--space-md) 0;border-bottom:1px solid var(--border-color)}.bill-row.total{border-bottom:none;padding-top:var(--space-lg);margin-top:var(--space-sm);border-top:2px solid var(--border-color)}.bill-label{color:var(--text-muted)}.bill-row.total .bill-label{font-weight:700;color:var(--text-primary);font-size:1.1rem}.bill-value{font-weight:500}.bill-value.highlight{color:var(--primary);font-size:1.25rem;font-weight:700}.free-note{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:#4caf501a;border-radius:var(--radius-md);margin-top:var(--space-lg);color:#4caf50;font-weight:500}.note-icon{font-size:1.1rem}.error-alert{padding:var(--space-md) var(--space-lg);background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:var(--radius-md);color:#f44336;margin-bottom:var(--space-lg)}.btn-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.payment-page .design-info-bar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);background:var(--bg-card);border:1px solid var(--border-color)}.payment-page .category-icon{font-size:1.5rem}.payment-page .category-name{flex:1;font-weight:600}@media(max-width:768px){.preview-card,.payment-card{padding:var(--space-lg)}.field-label{width:35%}}@media(max-width:480px){.field-row{flex-direction:column;gap:var(--space-xs)}.field-label{width:100%;font-size:.75rem}.field-value{font-size:.9375rem}}.success-page{padding:var(--space-xl) 0;min-height:100vh;position:relative;overflow:hidden}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;top:-10px;opacity:.8;animation:confetti-fall 4s ease-in-out infinite}@keyframes confetti-fall{0%{transform:translateY(-100%) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.success-header{text-align:center;margin-bottom:var(--space-2xl);position:relative;z-index:1}.success-icon-wrapper{position:relative;display:inline-block;margin-bottom:var(--space-lg)}.success-icon{font-size:5rem;animation:success-bounce .6s ease-out}.success-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border:4px solid var(--primary);border-radius:50%;opacity:0;animation:ring-expand 1s ease-out forwards;animation-delay:.3s}@keyframes success-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes ring-expand{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.success-header h1{font-size:2.5rem;margin-bottom:var(--space-sm);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.success-subtitle{color:var(--text-muted);font-size:1.1rem}.invitation-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-xl);text-align:center;position:relative;z-index:1}.invitation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.category-badge{padding:var(--space-xs) var(--space-md);background:#ff572226;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;color:var(--primary)}.card-id{font-size:.75rem;color:var(--text-muted);font-family:monospace}.invitation-body{margin-bottom:var(--space-xl)}.event-name{font-size:1.75rem;font-weight:700;margin-bottom:var(--space-sm)}.invitation-body .design-name{color:var(--text-muted)}.qr-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl);background:var(--bg-secondary);border-radius:var(--radius-lg)}.qr-wrapper{background:#fff;padding:var(--space-md);border-radius:var(--radius-md);box-shadow:0 4px 20px #0000001a}.qr-hint{color:var(--text-muted);font-size:.875rem;margin:0}.url-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-xl);position:relative;z-index:1}.url-section h3{margin-bottom:var(--space-md);font-size:1.1rem}.url-box{display:flex;gap:var(--space-sm)}.url-input{flex:1;padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-family:monospace}.copy-btn{padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.copy-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.copy-btn.copied{background:#4caf50;border-color:#4caf50;color:#fff}.share-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-xl);position:relative;z-index:1}.share-section h3{margin-bottom:var(--space-lg);text-align:center}.share-error{padding:var(--space-sm) var(--space-md);background:#ff98001a;border-radius:var(--radius-md);color:#ff9800;font-size:.875rem;margin-bottom:var(--space-md);text-align:center}.share-main-btn{width:100%;margin-bottom:var(--space-lg)}.quick-share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.quick-share-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.quick-share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.quick-share-btn .share-icon{font-size:1.5rem}.quick-share-btn span:last-child{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.quick-share-btn.whatsapp:hover{background:#25d36626;border-color:#25d366}.quick-share-btn.email:hover{background:#ea433526;border-color:#ea4335}.quick-share-btn.telegram:hover{background:#0088cc26;border-color:#08c}.quick-share-btn.copy:hover{background:#ff572226;border-color:var(--primary)}.connected-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-xl);text-align:center;position:relative;z-index:1}.connected-section h3{margin-bottom:var(--space-sm)}.section-desc{color:var(--text-muted);margin-bottom:var(--space-lg)}.action-buttons{display:flex;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-xl);position:relative;z-index:1}.home-link{text-align:center;padding-bottom:var(--space-2xl);position:relative;z-index:1}.home-link a{color:var(--text-muted);transition:color var(--transition-fast)}.home-link a:hover{color:var(--primary)}@media(max-width:768px){.success-header h1{font-size:2rem}.success-icon{font-size:4rem}.event-name{font-size:1.5rem}.quick-share-grid{grid-template-columns:repeat(2,1fr)}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}}@media(max-width:480px){.url-box{flex-direction:column}.copy-btn{width:100%}.invitation-header{flex-direction:column;gap:var(--space-sm)}.qr-section{padding:var(--space-lg)}.qr-wrapper svg{width:150px!important;height:150px!important}}.notifications-page{padding:var(--space-xl) 0;min-height:100vh}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-md)}.header-info{display:flex;align-items:center;gap:var(--space-md)}.header-info h1{font-size:2rem;margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.unread-badge{padding:var(--space-xs) var(--space-md);background:var(--primary);color:#fff;border-radius:var(--radius-full);font-size:.75rem;font-weight:700}.mark-read-btn{padding:var(--space-sm) var(--space-lg);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.mark-read-btn:hover{border-color:var(--primary);color:var(--primary)}.notifications-filters{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap}.filter-btn{padding:var(--space-sm) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--primary)}.notifications-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-2xl)}.notification-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);position:relative}.notification-item:hover{border-color:var(--primary);transform:translate(4px)}.notification-item.unread{background:#ff57220d;border-left:4px solid var(--primary)}.notification-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-md);font-size:1.5rem;flex-shrink:0}.notification-content{flex:1}.notification-title{font-weight:600;margin-bottom:var(--space-xs);color:var(--text-primary)}.notification-message{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-xs)}.notification-time{font-size:.75rem;color:var(--text-muted)}.unread-dot{width:10px;height:10px;background:var(--primary);border-radius:50%;flex-shrink:0;margin-top:6px}.notifications-page .empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl)}.notifications-page .empty-icon{font-size:4rem;margin-bottom:var(--space-md)}.notifications-page .empty-state h3{margin-bottom:var(--space-sm)}.quick-links{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl)}.quick-links h3{margin-bottom:var(--space-lg);font-size:1.1rem}.quick-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md)}.quick-link{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.quick-link:hover{border-color:var(--primary);transform:translateY(-2px)}.link-icon{font-size:1.5rem}.quick-link span:last-child{font-size:.875rem;font-weight:500;color:var(--text-secondary)}@media(max-width:768px){.header-info h1{font-size:1.5rem}.notifications-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-sm)}.filter-btn{flex-shrink:0}}@media(max-width:480px){.notification-item{flex-direction:column;align-items:stretch}.notification-icon{width:40px;height:40px;font-size:1.25rem}.unread-dot{position:absolute;top:var(--space-md);right:var(--space-md)}}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0fe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color)}.header-content{display:flex;align-items:center;justify-content:space-between;height:80px}.logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none}.logo-icon{font-size:2rem}.logo-text{font-size:1.25rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;align-items:center;gap:var(--space-xl)}.nav-link{color:var(--text-secondary);font-weight:500;transition:color var(--transition-fast)}.nav-link:hover{color:var(--text-primary)}.notification-link{font-size:1.25rem;padding:var(--space-xs);border-radius:50%;transition:all var(--transition-fast)}.notification-link:hover{background:var(--bg-secondary);transform:scale(1.1)}.desktop-search{display:flex;align-items:center;gap:4px}.auth-buttons{display:flex;align-items:center;gap:var(--space-md)}.auth-link{color:var(--text-secondary)}.user-menu{position:relative}.user-avatar-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.user-avatar-btn:hover{background:var(--bg-card-hover);border-color:var(--primary)}.avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover}.avatar-placeholder-sm{width:32px;height:32px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:#fff}.user-name{color:var(--text-primary);font-weight:500;font-size:.875rem;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{font-size:.625rem;color:var(--text-muted);transition:transform .2s}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;animation:fadeIn .2s ease}.dropdown-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);background:none;border:none;color:var(--text-secondary);font-size:.875rem;text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.dropdown-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.dropdown-divider{height:1px;background:var(--border-color);margin:var(--space-xs) 0}.logout-btn{color:#f44336}.logout-btn:hover{background:#f443361a;color:#f44336}.app-btn{display:flex;align-items:center;gap:var(--space-xs)}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;padding:var(--space-sm);background:none;border:none;cursor:pointer}.mobile-menu-btn span{display:block;width:24px;height:2px;background:var(--text-primary);transition:all var(--transition-fast)}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:768px){.nav{position:fixed;inset:80px 0 0;flex-direction:column;gap:var(--space-lg);padding:var(--space-xl);background:var(--bg-primary);border-top:1px solid var(--border-color);transform:translate(100%);transition:transform .3s ease}.nav.nav-open{transform:translate(0)}.desktop-search{display:none!important}.nav-link{font-size:1.25rem}.auth-buttons{flex-direction:column;width:100%}.auth-buttons .btn,.user-menu{width:100%}.user-avatar-btn{width:100%;justify-content:center}.dropdown-menu{position:static;width:100%;margin-top:var(--space-md)}.user-name{max-width:none}.mobile-menu-btn{display:flex}.app-btn{width:100%;justify-content:center}.header.mobile-hidden{display:none!important}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--space-3xl) 0 var(--space-xl);margin-top:auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.footer-logo{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.footer-logo .logo-icon{font-size:1.5rem}.footer-logo .logo-text{font-size:1.125rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-desc{color:var(--text-muted);font-size:.875rem;line-height:1.6}.footer-title{font-size:1rem;font-weight:600;margin-bottom:var(--space-md);color:var(--text-primary)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--space-sm)}.footer-links a{color:var(--text-muted);font-size:.875rem;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-xl);border-top:1px solid var(--border-color)}.footer-bottom p{color:var(--text-muted);font-size:.875rem}.footer-bottom-links{display:flex;gap:var(--space-lg)}.footer-bottom-links a{color:var(--text-muted);font-size:.875rem}.footer-bottom-links a:hover{color:var(--primary)}@media(max-width:1024px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.footer{padding:var(--space-2xl) 0 var(--space-xl)}.footer-grid{grid-template-columns:1fr;gap:var(--space-xl)}.footer-bottom{flex-direction:column;gap:var(--space-md);text-align:center;padding-bottom:80px}.footer-title{font-size:.9375rem}.footer-desc{font-size:.8125rem}}@media(max-width:480px){.footer{padding:var(--space-xl) 0 var(--space-lg)}.footer-logo .logo-text{font-size:1rem}.footer-bottom-links{flex-direction:column;gap:var(--space-sm)}.footer-bottom-links a{font-size:.8125rem}}.bottom-nav{display:none}@media(max-width:768px){.bottom-nav{display:flex;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;height:70px;background-color:var(--bg-primary, #ffffff);border-top:1px solid var(--border-color, #eaeaea);z-index:1000;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -2px 10px #0000000d}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--text-muted, #8e8e93);padding-top:5px}.nav-icon{font-size:24px;margin-bottom:2px}.nav-label{font-size:10px;font-weight:500;white-space:nowrap}.nav-item.active{color:var(--primary, #FF6B35)}.nav-item-center{position:relative;top:-20px;flex:0 0 auto}.center-wrapper{width:70px;height:70px;background-color:var(--bg-primary, #ffffff);border-radius:35px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0003;border:1px solid var(--border-color, #eaeaea)}.center-wrapper .nav-icon{font-size:32px;margin-bottom:0;margin-top:-3px;color:var(--text-muted, #8e8e93)}.nav-item-center.active .center-wrapper .nav-icon{color:var(--primary, #FF6B35)}}.floating-qr-btn{position:fixed;bottom:24px;right:24px;z-index:90;display:flex;align-items:center;gap:8px;padding:14px 20px;background:var(--gradient-primary);border:none;border-radius:var(--radius-full);color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;box-shadow:0 4px 20px #ff572266;transition:all .3s ease}.floating-qr-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 30px #ff572280}.floating-qr-btn:active{transform:translateY(0) scale(.98)}.qr-icon{font-size:1.25rem}.qr-label{display:inline}.qr-scanner-overlay{position:fixed;inset:0;z-index:1000;background:#000c;display:flex;align-items:center;justify-content:center;padding:var(--space-md);animation:fadeIn .2s ease}.qr-scanner-modal{width:100%;max-width:400px;background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scanner-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border-color)}.scanner-header h2{font-size:1.25rem;margin:0}.close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all var(--transition-fast)}.close-btn:hover{background:var(--primary);border-color:var(--primary)}.scanner-body{padding:var(--space-lg);min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-reader{width:100%;border-radius:var(--radius-md);overflow:hidden}.qr-reader video{width:100%!important;border-radius:var(--radius-md)}.scanner-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-2xl)}.permission-error{text-align:center;padding:var(--space-xl)}.error-icon{font-size:4rem;margin-bottom:var(--space-md)}.permission-error h3{margin-bottom:var(--space-sm)}.permission-error p{color:var(--text-secondary);margin-bottom:var(--space-lg)}.scan-result{text-align:center;padding:var(--space-xl);width:100%}.result-icon{font-size:3rem;margin-bottom:var(--space-md)}.scan-result.success{color:#4caf50}.scan-result.error{color:#f44336}.result-text{font-size:.875rem;color:var(--text-secondary);word-break:break-all;padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);margin:var(--space-md) 0}.redirecting{color:var(--primary);font-weight:500;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.scanner-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-color);background:var(--bg-secondary)}.scanner-hint{text-align:center;font-size:.875rem;color:var(--text-muted);margin:0}@media(max-width:480px){.floating-qr-btn{bottom:16px;right:16px;padding:12px 16px}.qr-label{display:none}.qr-scanner-overlay{padding:var(--space-sm)}.qr-scanner-modal{max-width:100%}}@media(max-width:768px){.floating-qr-btn{display:none!important}}.admin-page{min-height:calc(100vh - 200px);padding:2rem;max-width:1400px;margin:0 auto}.admin-header{margin-bottom:2rem}.admin-header-top{margin-bottom:1rem}.back-link{color:var(--primary);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:.25rem;transition:all .2s}.back-link:hover{color:var(--primary-dark)}.admin-header h1{font-size:2rem;color:var(--text-primary);margin:0 0 .5rem}.admin-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.admin-loading p{color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.stat-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}.stat-content h3{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.stat-content p{color:var(--text-secondary);margin:0;font-size:.9rem}.stat-users .stat-icon{background:linear-gradient(135deg,#667eea20,#764ba220)}.stat-designs .stat-icon{background:linear-gradient(135deg,#f093fb20,#f5576c20)}.stat-ecards .stat-icon{background:linear-gradient(135deg,#4facfe20,#00f2fe20)}.stat-premium .stat-icon{background:linear-gradient(135deg,#ffd70020,#ffa50020)}.admin-section{margin-bottom:2rem}.admin-section h2{font-size:1.25rem;color:var(--text-primary);margin:0 0 1rem}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.action-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;text-decoration:none;transition:all .3s ease;cursor:pointer}.action-card:hover{transform:translate(4px);border-color:var(--primary);background:linear-gradient(135deg,rgba(var(--primary-rgb),.05),transparent)}.action-card.action-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none}.action-card.action-primary:hover{transform:translate(4px);box-shadow:0 8px 30px rgba(var(--primary-rgb),.3)}.action-card.action-primary .action-content h3,.action-card.action-primary .action-content p,.action-card.action-primary .action-arrow{color:#fff}.action-icon{font-size:1.75rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:10px}.action-content h3{font-size:1rem;color:var(--text-primary);margin:0}.action-content p{font-size:.85rem;color:var(--text-secondary);margin:.25rem 0 0}.action-arrow{margin-left:auto;font-size:1.25rem;color:var(--text-secondary)}.chart-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem}.simple-chart{display:flex;flex-direction:column;gap:.75rem}.chart-bar{height:40px;border-radius:8px;display:flex;align-items:center;padding:0 1rem;min-width:100px;transition:all .3s ease}.chart-bar span{color:#fff;font-weight:600;font-size:.9rem}.chart-bar-free{background:linear-gradient(90deg,#4caf50,#45a049)}.chart-bar-paid{background:linear-gradient(90deg,#9c27b0,#7b1fa2)}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.admin-search{padding:.75rem 1rem;border:1px solid var(--glass-border);border-radius:8px;background:var(--glass-bg);color:var(--text-primary);font-size:.9rem;min-width:250px;transition:all .2s}.admin-search:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.admin-select{padding:.75rem 1rem;border:1px solid var(--glass-border);border-radius:8px;background:var(--glass-bg);color:var(--text-primary);font-size:.9rem;cursor:pointer}.filter-buttons{display:flex;gap:.5rem}.filter-btn{padding:.5rem 1rem;border:1px solid var(--glass-border);border-radius:6px;background:var(--glass-bg);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.toolbar-stats{color:var(--text-secondary);font-size:.9rem}.search-container{display:flex;gap:.5rem;align-items:center}.admin-table-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--glass-border)}.admin-table th{background:#0000001a;font-weight:600;color:var(--text-primary);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.admin-table tbody tr{transition:background .2s}.admin-table tbody tr:hover{background:rgba(var(--primary-rgb),.05)}.admin-table tbody tr:last-child td{border-bottom:none}.table-thumbnail{width:60px;height:80px;object-fit:cover;border-radius:6px}.table-tags{display:flex;gap:.25rem;margin-top:.25rem;flex-wrap:wrap}.tag{padding:.15rem .5rem;background:rgba(var(--primary-rgb),.1);color:var(--primary);border-radius:4px;font-size:.7rem}.category-badge,.event-type-badge{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:20px;font-size:.8rem;text-transform:capitalize}.price-paid{color:#9c27b0;font-weight:600}.price-free{color:#4caf50;font-weight:600}.status-toggle{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.status-toggle.active{background:#4caf501a;color:#4caf50}.status-toggle.inactive{background:#f443361a;color:#f44336}.status-toggle:hover{transform:scale(1.05)}.action-buttons{display:flex;gap:.5rem}.btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;transition:all .2s;background:var(--glass-bg);text-decoration:none}.btn-icon:hover{transform:scale(1.1)}.btn-edit:hover{background:#2196f31a}.btn-view:hover{background:#4caf501a}.btn-delete:hover{background:#f443361a}.btn-copy:hover{background:#ffc1071a}.table-location{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.card-id{font-family:Monaco,Consolas,monospace;font-size:.8rem;background:#0000001a;padding:.25rem .5rem;border-radius:4px}.ecard-stats-cell{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:var(--bg-primary);border-radius:16px;padding:2rem;max-width:500px;width:100%;position:relative;animation:modalSlideIn .3s ease}.modal-large{max-width:700px;max-height:80vh;overflow-y:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;background:var(--glass-bg);border-radius:50%;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);transition:all .2s}.modal-close:hover{background:#f443361a;color:#f44336}.modal-content h3{font-size:1.25rem;margin:0 0 1rem;color:var(--text-primary)}.modal-warning{color:#f44336;font-size:.9rem;margin:.5rem 0 1.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover{background:#d32f2f}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.user-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;cursor:pointer;transition:all .3s ease}.user-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 8px 30px #0000001a}.user-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar.large{width:80px;height:80px}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:1.25rem;font-weight:600}.avatar-placeholder.large{font-size:2rem}.user-info h3{margin:0;font-size:1rem;color:var(--text-primary)}.user-info .username{color:var(--primary);font-size:.85rem;margin:.25rem 0 0}.user-info .email{color:var(--text-secondary);font-size:.8rem;margin:.25rem 0 0}.user-stats{display:flex;gap:1rem;font-size:.85rem}.user-date{font-size:.8rem;color:var(--text-secondary)}.user-details-header{display:flex;gap:1.5rem;align-items:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--glass-border)}.user-details-info h2{margin:0;color:var(--text-primary)}.user-details-info .bio{color:var(--text-secondary);font-size:.9rem;margin-top:.5rem}.user-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item .label{font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px}.detail-item .value{color:var(--text-primary)}.detail-item .value.uid{font-family:Monaco,Consolas,monospace;font-size:.8rem;word-break:break-all}.user-ecards-section h3{margin:0 0 1rem}.mini-loading{color:var(--text-secondary);font-size:.9rem}.ecards-list{display:flex;flex-direction:column;gap:.75rem}.ecard-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--glass-bg);border-radius:8px}.ecard-icon{font-size:1.25rem}.ecard-info{flex:1}.ecard-info strong{display:block;color:var(--text-primary)}.ecard-info span{font-size:.8rem;color:var(--text-secondary)}.ecard-stats{display:flex;gap:.5rem;font-size:.8rem;color:var(--text-secondary)}.no-ecards{color:var(--text-secondary);font-style:italic}.admin-form{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:2rem}.form-error{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.form-section{display:flex;flex-direction:column;gap:1rem}.form-section.full-width{grid-column:1 / -1}.form-section h3{font-size:1rem;color:var(--text-primary);margin:0 0 .5rem;padding-bottom:.5rem;border-bottom:1px solid var(--glass-border)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:1px solid var(--glass-border);border-radius:8px;background:#0000001a;color:var(--text-primary);font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.checkbox-group{flex-direction:row;align-items:center}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.image-preview{margin-top:1rem}.image-preview h4{font-size:.9rem;color:var(--text-secondary);margin:0 0 .5rem}.image-preview img{max-width:200px;border-radius:8px;border:1px solid var(--glass-border)}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--glass-border)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;color:var(--text-primary)}.empty-state p{margin:0}@media(max-width:768px){.admin-page{padding:1rem}.admin-header h1{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-toolbar{flex-direction:column;align-items:flex-start}.toolbar-left{width:100%}.admin-search{width:100%;min-width:auto}.filter-buttons{width:100%;overflow-x:auto}.admin-table-container{overflow-x:auto}.form-grid,.form-row,.user-details-grid{grid-template-columns:1fr}.modal-content{padding:1.5rem}}