body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#7c3aed;--primary-dark:#6d28d9;--primary-light:#a78bfa;--secondary:#64748b;--secondary-dark:#475569;--accent:#0ea5e9;--accent-dark:#0284c7;--success:#22c55e;--warning:#f59e0b;--danger:#f87171;--info:#3b82f6;--dark:#1e293b;--light:#f8fafc;--light-gray:#f1f5f9;--gray:#64748b;--border-color:#0f172a14;--shadow-color:#0f172a0f;--card-bg:#fff;--hover-bg:#f8fafc;--text-primary:#374151;--text-secondary:#64748b;--text-muted:#94a3b8;--dark-bg:#1a1a2e;--dark-card-bg:#2d2d44;--dark-light:#e2e8f0;--dark-gray:#94a3b8;--dark-border-color:#ffffff14;--dark-shadow-color:#0003;--dark-hover-bg:#3a3a5c;--dark-text-primary:#f8fafc;--dark-text-secondary:#e2e8f0;--dark-text-muted:#94a3b8;--transition-speed:0.2s;--transition-ease:cubic-bezier(0.4,0,0.2,1);--border-radius-sm:6px;--border-radius:10px;--border-radius-lg:14px;--border-radius-xl:18px;--box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;--box-shadow-hover:0 4px 6px #0000001a,0 2px 4px #0000000f;--box-shadow-lg:0 10px 15px #0000001a,0 4px 6px #0000000d;--gradient-primary:linear-gradient(135deg,var(--primary),var(--primary-dark));--gradient-accent:linear-gradient(135deg,var(--accent),var(--accent-dark));--gradient-success:linear-gradient(135deg,var(--success),#059669)}body{background-color:#1a1a2e;background-color:var(--dark-bg);background-color:#1a1a2e!important;background-color:var(--dark-bg)!important;color:#f8fafc;color:var(--dark-text-primary);color:#f8fafc!important;color:var(--dark-text-primary)!important;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;letter-spacing:.2px;line-height:1.6;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-speed) var(--transition-ease),color var(--transition-speed) var(--transition-ease)}body.dark-theme{background-color:#1a1a2e;background-color:var(--dark-bg);color:#f8fafc;color:var(--dark-text-primary)}*,.container,.container-fluid{background-color:initial}.card{background-color:#2d2d44!important;background-color:var(--dark-card-bg)!important;border-color:#ffffff14!important;border-color:var(--dark-border-color)!important}.card,.dark-theme{color:#f8fafc!important;color:var(--dark-text-primary)!important}.dark-theme{background-color:#1a1a2e!important;background-color:var(--dark-bg)!important}.dark-theme *{border-color:#ffffff14;border-color:var(--dark-border-color)}.dark-theme .container,.dark-theme .row{background-color:initial}.dark-theme .card{border-color:#ffffff14;border-color:var(--dark-border-color);box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--box-shadow-lg)}.dark-theme .text-muted{color:#94a3b8!important;color:var(--dark-text-muted)!important}.dark-theme .text-secondary{color:#e2e8f0!important;color:var(--dark-text-secondary)!important}.dark-theme .text-primary{color:#a78bfa!important;color:var(--primary-light)!important}.dark-theme .text-dark,.dark-theme .text-light{color:#f8fafc!important;color:var(--dark-text-primary)!important}.dark-theme .border{border-color:#ffffff14!important;border-color:var(--dark-border-color)!important}.dark-theme .bg-light{background-color:#2d2d44!important;background-color:var(--dark-card-bg)!important}.dark-theme input,.dark-theme select,.dark-theme textarea{background-color:#2d2d44;background-color:var(--dark-card-bg);border-color:#ffffff14;border-color:var(--dark-border-color);color:#f8fafc;color:var(--dark-text-primary)}.dark-theme input::placeholder,.dark-theme textarea::placeholder{color:#94a3b8;color:var(--dark-text-muted)}.dark-theme .form-control:focus{background-color:#2d2d44;background-color:var(--dark-card-bg);box-shadow:0 0 0 .2rem #7c3aed40}.App{min-height:100vh;transition:background-color .2s ease;transition:background-color var(--transition-speed) ease}.card{background-color:#fff;background-color:var(--card-bg);border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--box-shadow);transition:all .2s ease;transition:all var(--transition-speed) ease}.card:hover{box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;box-shadow:var(--box-shadow-hover);transform:translateY(-3px)}.dark-theme .card{background-color:#2d2d44;background-color:var(--dark-card-bg);box-shadow:0 4px 20px #0003;box-shadow:0 4px 20px var(--dark-shadow-color)}.card-header{border-bottom:none;font-weight:600}.btn-primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);background:var(--gradient-primary);border:none;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--box-shadow);font-weight:600;padding:.75rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-speed) var(--transition-ease)}.btn-primary:hover{background:linear-gradient(135deg,#6d28d9,#7c3aed);background:linear-gradient(135deg,var(--primary-dark),var(--primary));box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.btn-secondary{background:var(--gradient-secondary);border:none;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--box-shadow)}.btn-outline-primary,.btn-secondary{border-radius:10px;border-radius:var(--border-radius);font-weight:600;padding:.75rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-speed) var(--transition-ease)}.btn-outline-primary{color:#7c3aedb3;overflow:hidden;position:relative;z-index:1}.btn-outline-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s ease;width:100%;z-index:-1}.btn-outline-primary:hover:before{left:100%}.btn-outline-primary:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);background:var(--gradient-primary);border-color:#0000;box-shadow:0 4px 10px #0000001a;color:#fff!important;text-decoration:none;transform:translateY(-2px)}.btn-outline-primary{border:1px solid #fff!important;color:#e8e8e8!important}body:not(.dark-theme) .btn-outline-primary{border:1px solid #333!important;color:#333!important}body:not(.dark-theme) .btn-outline-primary:hover{color:#fff!important}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #0000001a;overflow:hidden;padding:2.5rem;position:relative}.auth-card:before{background:linear-gradient(90deg,#7c3aed,#64748b);background:linear-gradient(90deg,var(--primary),var(--secondary));content:"";height:4px;left:0;position:absolute;right:0;top:0}.dark-theme .auth-card{background:linear-gradient(135deg,#1a1a2ef2,#1e1e32f2);border:1px solid #7c3aed33;box-shadow:0 20px 60px #0000004d}.btn-premium{border:none;border-radius:8px!important;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.btn-premium:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-premium:hover:before{left:100%}.btn-premium:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.dark-theme .btn-premium:hover{box-shadow:0 8px 25px #0006}.progress-container{margin-bottom:2rem;position:relative}.progress-steps{justify-content:space-between;margin-bottom:1rem}.progress-step,.progress-steps{align-items:center;display:flex;position:relative}.progress-step{flex-direction:column;z-index:2}.step-circle{align-items:center;border:3px solid;border-radius:50%;display:flex;font-size:1.1rem;font-weight:600;height:50px;justify-content:center;position:relative;transition:all .3s ease;width:50px}.step-circle.active{background:linear-gradient(135deg,#7c3aed,#64748b);background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:#7c3aed;border-color:var(--primary);box-shadow:0 4px 15px #7c3aed4d;color:#fff;transform:scale(1.1)}.step-circle.completed{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 4px 15px #10b9814d;color:#fff}.step-circle.pending{background:#fff;background:var(--card-bg);border-color:#0f172a14;border-color:var(--border-color);color:#94a3b8;color:var(--text-muted)}.dark-theme .step-circle.pending{background:#2d2d44;background:var(--dark-card-bg);border-color:#ffffff14;border-color:var(--dark-border-color);color:#94a3b8;color:var(--dark-text-muted)}.step-label{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-top:.5rem;text-align:center}.step-circle.active+.step-label{color:#7c3aed;color:var(--primary);font-weight:600}.step-circle.completed+.step-label{color:#10b981;font-weight:600}.dark-theme .step-label{color:#e2e8f0;color:var(--dark-text-secondary)}.dark-theme .step-circle.active+.step-label{color:#a78bfa;color:var(--primary-light)}.dark-theme .step-circle.completed+.step-label{color:#34d399}.progress-line{background:#0f172a14;background:var(--border-color);height:3px;left:25px;position:absolute;right:25px;top:25px;z-index:1}.dark-theme .progress-line{background:#ffffff14;background:var(--dark-border-color)}.progress-line-fill{background:linear-gradient(90deg,#7c3aed,#64748b);background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:2px;height:100%;transition:width .5s ease}.step-content{animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-icon{font-size:1.2rem}.step-circle.active .step-icon,.step-circle.completed .step-icon{color:#fff}.hero-section:before{animation:heroRotate 20s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);height:200%;left:-50%;top:-50%;width:200%}.hero-section:after,.hero-section:before{content:"";display:none;pointer-events:none;position:absolute}.hero-section:after{animation:heroShimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff0d 50%,#0000 70%);bottom:0;left:0;right:0;top:0}.hero-title{-webkit-text-fill-color:#0000;animation:heroTitleGlow 4s ease-in-out infinite;background:linear-gradient(135deg,#8b5cf6,#6366f1 25%,#a855f7 50%,#ec4899 75%,#f59e0b);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;text-shadow:0 4px 20px #8b5cf64d}.hero-subtitle,.hero-title{position:relative;z-index:2}.hero-subtitle{-webkit-text-fill-color:#0000;animation:heroSubtitleFade 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#fffffff2,#8b5cf6cc);-webkit-background-clip:text;background-clip:text;color:#fffffff2;font-size:1.5rem;font-weight:500;text-shadow:0 2px 10px #8b5cf64d}.hero-buttons{animation:heroButtonsSlide 1s ease-out .5s both;position:relative;z-index:2}.hero-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px!important;font-size:1.1rem;font-weight:600;overflow:hidden;padding:12px 28px;position:relative;transition:all .3s ease}.hero-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.hero-button:hover:before{left:100%}.hero-button:hover{box-shadow:0 15px 35px #0003;transform:translateY(-3px) scale(1.05)}.hero-button-primary{background:#ffffffe6;border:2px solid #fff6;color:#6366f1}.hero-button-primary:hover{background:#fffffff2;color:#4f46e5}.hero-button-outline{background:#ffffff26;border:2px solid #fff6;color:#fff}.hero-button-outline:hover{background:#ffffff40;border-color:#fff9}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes heroRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes heroShimmer{0%,to{opacity:0;transform:translateX(-100%)}50%{opacity:1;transform:translateX(100%)}}@keyframes heroTitleGlow{0%,to{filter:brightness(1);text-shadow:0 4px 20px #8b5cf64d}50%{filter:brightness(1.2);text-shadow:0 6px 30px #8b5cf680}}@keyframes heroSubtitleFade{0%{opacity:.8}to{opacity:1}}@keyframes fadeInOut{0%,to{opacity:1}50%{opacity:.3}}@media (max-width:768px){.hero-title{font-size:2.5rem!important;padding:0 1rem!important}.hero-subtitle{font-size:1.2rem!important;padding:0 1rem!important}.hero-buttons{flex-direction:column!important;gap:1rem!important;padding:0 1rem!important}.hero-button{font-size:.9rem!important;padding:.75rem 1.5rem!important;width:100%!important}.profile-header{padding:2rem 1.5rem!important;text-align:center!important}.outfit-card{margin-bottom:1rem!important}.card-header{padding:1rem!important}.navbar-brand{font-size:1.2rem!important}.navbar-brand .com{font-size:.8rem!important}}@media (max-width:576px){.hero-title{font-size:2rem!important;padding:0 .5rem!important}.hero-subtitle{font-size:1rem!important}.hero-buttons,.hero-subtitle{padding:0 .5rem!important}.hero-button{font-size:.8rem!important;padding:.5rem 1rem!important}.profile-header{padding:1.5rem 1rem!important}.container{padding-left:1rem!important;padding-right:1rem!important}.card-body{padding:1rem!important}.btn{font-size:.8rem!important;padding:.5rem 1rem!important}.form-control,.navbar-nav .nav-link{font-size:.9rem!important}.form-control{min-width:120px!important}}@keyframes heroButtonsSlide{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fashion-icons{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.fashion-icon{animation:fashionFloat 8s ease-in-out infinite;color:#ffffff4d;font-size:1.5rem;position:absolute}.fashion-icon:first-child{animation-delay:0s;animation-duration:6s;left:10%;top:15%}.fashion-icon:nth-child(2){animation-delay:1s;animation-duration:7s;right:15%;top:25%}.fashion-icon:nth-child(3){animation-delay:2s;animation-duration:8s;left:8%;top:60%}.fashion-icon:nth-child(4){animation-delay:3s;animation-duration:6.5s;right:12%;top:70%}.fashion-icon:nth-child(5){animation-delay:4s;animation-duration:7.5s;left:5%;top:40%}.fashion-icon:nth-child(6){animation-delay:5s;animation-duration:6s;right:8%;top:50%}.fashion-icon:nth-child(7){animation-delay:6s;animation-duration:8s;left:50%;top:20%}.fashion-icon:nth-child(8){animation-delay:7s;animation-duration:7s;left:50%;top:80%}.fashion-icon:nth-child(9){animation-delay:8s;animation-duration:6.5s;left:25%;top:10%}.fashion-icon:nth-child(10){animation-delay:9s;animation-duration:8.5s;right:30%;top:35%}.fashion-icon:nth-child(11){animation-delay:10s;animation-duration:7.2s;left:15%;top:65%}.fashion-icon:nth-child(12){animation-delay:11s;animation-duration:6.8s;right:5%;top:45%}.fashion-icon:nth-child(13){animation-delay:12s;animation-duration:8.2s;left:45%;top:75%}.fashion-icon:nth-child(14){animation-delay:13s;animation-duration:7.8s;right:40%;top:15%}.fashion-icon:nth-child(15){animation-delay:14s;animation-duration:6.3s;left:35%;top:55%}.fashion-icon:nth-child(16){animation-delay:15s;animation-duration:8.7s;right:35%;top:85%}.fashion-icon:nth-child(17){animation-delay:16s;animation-duration:7.5s;left:65%;top:25%}.fashion-icon:nth-child(18){animation-delay:17s;animation-duration:6.9s;right:15%;top:65%}.fashion-icon:nth-child(19){animation-delay:18s;animation-duration:8.1s;left:25%;top:40%}.fashion-icon:nth-child(20){animation-delay:19s;animation-duration:7.3s;left:60%;top:80%}.fashion-icon:nth-child(21){animation-delay:20s;animation-duration:6.7s;right:50%;top:30%}.fashion-icon:nth-child(22){animation-delay:21s;animation-duration:8.4s;left:40%;top:70%}.fashion-icon:nth-child(23){animation-delay:22s;animation-duration:7.1s;right:25%;top:50%}.fashion-icon:nth-child(24){animation-delay:23s;animation-duration:6.6s;left:20%;top:90%}.fashion-icon:nth-child(25){animation-delay:24s;animation-duration:8.3s;left:75%;top:35%}.fashion-icon:nth-child(26){animation-delay:25s;animation-duration:7.4s;left:40%;top:12%}.fashion-icon:nth-child(27){animation-delay:26s;animation-duration:6.9s;right:45%;top:38%}.fashion-icon:nth-child(28){animation-delay:27s;animation-duration:8.1s;left:30%;top:68%}.fashion-icon:nth-child(29){animation-delay:28s;animation-duration:7.7s;right:10%;top:22%}.fashion-icon:nth-child(30){animation-delay:29s;animation-duration:6.4s;left:70%;top:78%}.fashion-icon:nth-child(31){animation-delay:30s;animation-duration:8.6s;left:10%;top:48%}.fashion-icon:nth-child(32){animation-delay:31s;animation-duration:7.2s;right:20%;top:88%}.fashion-icon:nth-child(33){animation-delay:32s;animation-duration:6.8s;left:60%;top:18%}.fashion-icon:nth-child(34){animation-delay:33s;animation-duration:8.4s;right:35%;top:58%}.fashion-icon:nth-child(35){animation-delay:34s;animation-duration:7.5s;left:20%;top:28%}.fashion-icon:nth-child(36){animation-delay:35s;animation-duration:6.7s;left:50%;top:72%}.fashion-icon:nth-child(37){animation-delay:36s;animation-duration:8.2s;right:15%;top:42%}.fashion-icon:nth-child(38){animation-delay:37s;animation-duration:7.8s;left:35%;top:82%}.fashion-icon:nth-child(39){animation-delay:38s;animation-duration:6.5s;left:80%;top:32%}.fashion-icon:nth-child(40){animation-delay:39s;animation-duration:8.7s;right:5%;top:62%}.custom-icon{align-items:center;background:none;border:none;display:flex;font-size:1.8rem;justify-content:center}.moving-patterns{bottom:0;display:none;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.pattern-circle{animation:patternMove 12s linear infinite;background:#ffffff0d;border-radius:50%;display:none;position:absolute}.pattern-circle:first-child{animation-delay:0s;animation-duration:15s;height:80px;left:20%;top:20%;width:80px}.pattern-circle:nth-child(2){animation-delay:3s;animation-duration:18s;height:60px;right:25%;top:60%;width:60px}.pattern-circle:nth-child(3){animation-delay:6s;animation-duration:20s;height:100px;left:70%;top:40%;width:100px}.pattern-circle:nth-child(4){animation-delay:9s;animation-duration:16s;height:70px;left:30%;top:80%;width:70px}.pattern-triangle{animation:patternRotate 10s linear infinite;border-bottom:25px solid #ffffff14;border-left:15px solid #0000;border-right:15px solid #0000;display:none;height:0;position:absolute;width:0}.pattern-triangle:first-child{animation-delay:2s;left:15%;top:30%}.pattern-triangle:nth-child(2){animation-delay:5s;right:20%;top:70%}.pattern-triangle:nth-child(3){animation-delay:8s;left:80%;top:50%}@keyframes fashionFloat{0%,to{opacity:.3;transform:translateY(0) rotate(0deg) scale(1)}25%{opacity:.6;transform:translateY(-20px) rotate(90deg) scale(1.1)}50%{opacity:.4;transform:translateY(-10px) rotate(180deg) scale(.9)}75%{opacity:.7;transform:translateY(-25px) rotate(270deg) scale(1.05)}}@keyframes patternMove{0%{opacity:.05;transform:translate(0) rotate(0deg)}25%{opacity:.1;transform:translate(30px,-20px) rotate(90deg)}50%{opacity:.08;transform:translate(-20px,-40px) rotate(180deg)}75%{opacity:.12;transform:translate(-40px,20px) rotate(270deg)}to{opacity:.05;transform:translate(0) rotate(1turn)}}@keyframes patternRotate{0%{opacity:.08;transform:rotate(0deg) scale(1)}50%{opacity:.15;transform:rotate(180deg) scale(1.2)}to{opacity:.08;transform:rotate(1turn) scale(1)}}.hero-section{animation:heroFloat 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#6366f1e6,#a855f7d9 50%,#ec4899cc);border:1px solid #ffffff26;border-radius:24px;box-shadow:0 25px 80px #6366f133;overflow:hidden;padding:4rem 2rem;position:relative}@media (max-width:768px){.hero-section{border-radius:20px;padding:2.5rem 1.5rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-button{font-size:1rem;padding:10px 20px}.fashion-icon{font-size:1.2rem}.pattern-circle{height:60px!important;width:60px!important}}.form-control{border-radius:10px;border-radius:var(--border-radius);padding:.6rem 1rem}.form-control:focus{box-shadow:0 0 0 3px #1e3a8a26}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#fffffff2!important;border-bottom:1px solid #0f172a14;border-bottom:1px solid var(--border-color);padding:1rem 1.5rem;position:relative;z-index:1000!important}.dark-theme .navbar,.navbar{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--box-shadow-lg)}.dark-theme .navbar{background-color:#1a1a2e!important;background-color:var(--dark-bg)!important;border-bottom-color:#ffffff14;border-bottom-color:var(--dark-border-color)}.dark-theme .navbar-dark .nav-link,.dark-theme .navbar-dark .navbar-brand{color:#f8fafc!important;color:var(--dark-text-primary)!important}.dark-theme .navbar-dark .nav-link:hover{color:#a78bfa!important;color:var(--primary-light)!important}.dark-theme .navbar-dark .form-control{border-color:#ffffff14;border-color:var(--dark-border-color)}.dark-theme .navbar-dark .form-control,.dark-theme .navbar-dark .form-control:focus{background-color:#2d2d44;background-color:var(--dark-card-bg);color:#f8fafc;color:var(--dark-text-primary)}.dark-theme .navbar-dark .form-control:focus{border-color:#7c3aed;border-color:var(--primary);box-shadow:0 0 0 .2rem #7c3aed40}.dark-theme .navbar-dark .form-control::placeholder{color:#94a3b8;color:var(--dark-text-muted)}.dark-theme .navbar-dark .dropdown-menu{background-color:#2d2d44;background-color:var(--dark-card-bg);border-color:#ffffff14;border-color:var(--dark-border-color)}.dark-theme .navbar-dark .dropdown-item{color:#f8fafc;color:var(--dark-text-primary)}.dark-theme .navbar-dark .dropdown-item:hover{background-color:#3a3a5c;background-color:var(--dark-hover-bg);color:#f8fafc;color:var(--dark-text-primary)}.dark-theme .modal-content{background-color:#2d2d44;background-color:var(--dark-card-bg);border-color:#ffffff14;border-color:var(--dark-border-color)}.dark-theme .modal-header{border-bottom-color:#ffffff14;border-bottom-color:var(--dark-border-color)}.dark-theme .modal-footer{border-top-color:#ffffff14;border-top-color:var(--dark-border-color)}.dark-theme .modal-body,.dark-theme .modal-title{color:#f8fafc;color:var(--dark-text-primary)}.dark-theme .dropdown-menu{background-color:#2d2d44;background-color:var(--dark-card-bg);border-color:#ffffff14;border-color:var(--dark-border-color)}.dark-theme .dropdown-item,.dark-theme .dropdown-item:hover{color:#f8fafc;color:var(--dark-text-primary)}.dark-theme .dropdown-item:hover{background-color:#3a3a5c;background-color:var(--dark-hover-bg)}.dark-theme .alert{background-color:#2d2d44;background-color:var(--dark-card-bg);border-color:#ffffff14;border-color:var(--dark-border-color)}.dark-theme .alert,.dark-theme .alert-info{color:#f8fafc;color:var(--dark-text-primary)}.dark-theme .alert-info{background-color:#3b82f61a;border-color:#3b82f64d}.dark-theme .list-group-item{background-color:#2d2d44;background-color:var(--dark-card-bg);border-color:#ffffff14;border-color:var(--dark-border-color);color:#f8fafc;color:var(--dark-text-primary)}.dark-theme .list-group-item:hover{background-color:#3a3a5c;background-color:var(--dark-hover-bg)}.dark-theme .badge{color:#fff}.dark-theme .badge.bg-primary{background-color:#7c3aed!important;background-color:var(--primary)!important}.dark-theme .badge.bg-success{background-color:#22c55e!important;background-color:var(--success)!important}.dark-theme .badge.bg-secondary{background-color:#64748b!important;background-color:var(--secondary)!important}.dark-theme .text-success{color:#22c55e!important;color:var(--success)!important}.dark-theme .text-danger{color:#f87171!important;color:var(--danger)!important}.dark-theme .text-warning{color:#f59e0b!important;color:var(--warning)!important}.dark-theme .text-info{color:#3b82f6!important;color:var(--info)!important}.dark-theme .comments-section{background-color:#2d2d44;background-color:var(--dark-card-bg);border-color:#ffffff14;border-color:var(--dark-border-color)}.dark-theme .comments-section h5,.dark-theme .comments-section h6,.dark-theme .comments-section p{color:#f8fafc;color:var(--dark-text-primary)}.dark-theme .comments-section small{color:#94a3b8;color:var(--dark-text-muted)}.dark-theme .comments-section .fw-bold,.dark-theme .comments-section .fw-medium{color:#f8fafc;color:var(--dark-text-primary)}.dark-theme .comment-item{background-color:#2d2d44;background-color:var(--dark-card-bg);border-color:#ffffff14;border-color:var(--dark-border-color)}.dark-theme .comment-item:hover{background-color:#3a3a5c;background-color:var(--dark-hover-bg)}.dark-theme .comment-content{color:#f8fafc;color:var(--dark-text-primary)}.dark-theme .comment-username{color:#a78bfa;color:var(--primary-light)}.dark-theme .comment-date{color:#94a3b8;color:var(--dark-text-muted)}.dark-theme .reply-comment{background-color:#2d2d44;background-color:var(--dark-card-bg);border-color:#ffffff14;border-color:var(--dark-border-color)}.dark-theme .reply-comment .comment-content{color:#f8fafc;color:var(--dark-text-primary)}.dark-theme .reply-comment .comment-username{color:#a78bfa;color:var(--primary-light)}.dark-theme .reply-comment .comment-date{color:#94a3b8;color:var(--dark-text-muted)}.dark-theme .card-header{background-color:#2d2d44;background-color:var(--dark-card-bg);border-bottom-color:#ffffff14;border-bottom-color:var(--dark-border-color)}.dark-theme .card-header h5,.dark-theme .card-header h6{color:#f8fafc;color:var(--dark-text-primary)}.navbar-nav .nav-item{margin:0 .2rem}.navbar-nav .nav-link{font-size:.9rem;padding:.5rem .8rem!important;white-space:nowrap}.navbar-brand{font-size:1.3rem;margin-right:1rem}.navbar-brand small{font-size:.7rem}@media (max-width:991.98px){.navbar-nav{margin-top:1rem}.navbar-nav .nav-item{margin:.2rem 0}.navbar-nav .nav-link{border-radius:10px;border-radius:var(--border-radius);margin:.1rem 0;padding:.8rem 1rem!important}.navbar-nav .nav-link:hover{background-color:#f1f5f9;background-color:var(--light-gray)}.dark-theme .navbar-nav .nav-link:hover{background-color:#3a3a5c;background-color:var(--dark-hover-bg)}.navbar .d-flex{flex-direction:column;gap:.5rem}.navbar .form-control{margin-bottom:.5rem;min-width:100%}}@media (max-width:768px){.navbar-brand{font-size:1rem}.navbar-brand small{display:none}.navbar .d-flex{width:100%}.navbar .form-control{min-width:200px}.navbar-nav .nav-link{font-size:.9rem}}.navbar .btn{align-items:center;display:inline-flex;gap:.5rem;justify-content:center;min-height:38px}.navbar .btn i,.navbar .btn span{align-items:center;display:flex;font-size:.9rem;line-height:1}.navbar .d-flex{align-items:center}.navbar .form-control{align-items:center;display:flex;height:38px}.navbar-brand{font-size:1.5rem;font-weight:700;letter-spacing:-.5px;position:relative}.navbar-brand:after{background:linear-gradient(135deg,#7c3aed,#6d28d9);background:var(--gradient-primary);bottom:-3px;content:"";height:2px;left:0;position:absolute;transition:width .2s ease;transition:width var(--transition-speed) ease;width:0}.navbar-brand:hover:after{width:100%}.nav-link{margin:0 .2rem;padding:.5rem 1rem!important}.nav-link:after{background:linear-gradient(135deg,#7c3aed,#6d28d9);background:var(--gradient-primary);bottom:0;content:"";height:2px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:all .2s ease;transition:all var(--transition-speed) ease;width:0}.nav-link.active:after,.nav-link:hover:after{opacity:1;width:80%}.dropdown-menu{border:none;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--box-shadow);left:0;min-width:200px;padding:.5rem;position:absolute;top:100%;z-index:9999!important}.dropdown-item{border-radius:6px;border-radius:var(--border-radius-sm);margin:.2rem 0;padding:.5rem 1rem;transition:all .2s ease;transition:all var(--transition-speed) ease}.dropdown-item:hover{background-color:#5271ff1a;color:#7c3aed;color:var(--primary)}.fade-in{animation:fadeIn .5s ease-in-out}.scale-in{animation:scaleIn .4s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.profile-header{background:linear-gradient(135deg,#7c3aed,#6d28d9);background:var(--gradient-primary);border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--box-shadow);margin-bottom:2rem;padding:2rem}.profile-avatar{box-shadow:0 4px 15px #0000001a;transition:transform .3s ease}.outfit-detail-card{border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--box-shadow);overflow:hidden;transition:all .2s ease;transition:all var(--transition-speed) ease}.outfit-detail-card:hover{box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;box-shadow:var(--box-shadow-hover)}.outfit-detail-image{transition:transform .5s ease}.outfit-detail-card:hover .outfit-detail-image{transform:scale(1.03)}.interaction-button{background:#ffffffe6;border:none;border-radius:50px;box-shadow:0 2px 10px #0000000d;padding:.5rem 1.2rem;transition:all .3s ease}.interaction-button:hover{box-shadow:0 4px 15px #0000001a;text-decoration:none;transform:translateY(-2px)}*,.btn,.btn:active,.btn:focus,.btn:hover,.dropdown-item,.dropdown-item:active,.dropdown-item:focus,.dropdown-item:hover,.list-group-item,.nav-link,.nav-link:active,.nav-link:focus,.nav-link:hover,.page-link,a,a:active,a:focus,a:hover,button,button:active,button:focus,button:hover{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--box-shadow);display:inline-flex;font-weight:500;justify-content:center;letter-spacing:.3px;padding:.6rem 1.5rem;text-decoration:none!important}.btn:active,.btn:focus,.btn:hover{box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;box-shadow:var(--box-shadow-hover);outline:none;text-decoration:none!important;transform:translateY(-2px)}.btn:focus{box-shadow:0 0 0 3px #1e3a8a40;text-decoration:none!important}.outfit-card{background:#fff;box-shadow:0 4px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1)}.comment-count,.like-count,.save-count{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #ffffff26;border-radius:6px;border-radius:var(--border-radius-sm);box-shadow:0 1px 4px #00000014;color:#64748b;color:var(--text-secondary);font-size:.75rem;font-weight:500;opacity:.9;padding:3px 6px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-speed) var(--transition-ease)}.comment-count:hover,.like-count:hover,.save-count:hover{background:#fffffff2;box-shadow:0 2px 6px #0000001f;opacity:1;transform:translateY(-1px)}.dark-theme .comment-count,.dark-theme .like-count,.dark-theme .save-count{background:#1e293bd9;border-color:#ffffff14;color:#e2e8f0;color:var(--dark-text-secondary)}.dark-theme .comment-count:hover,.dark-theme .like-count:hover,.dark-theme .save-count:hover{background:#1e293bf2;color:#f8fafc;color:var(--dark-text-primary)}.metric-badge{align-items:center;background:#0000;border:none;border-radius:10px;border-radius:var(--border-radius);box-shadow:none;color:#64748b;color:var(--text-secondary);display:inline-flex;font-size:.875rem;font-weight:600;gap:4px;padding:4px 8px}.metric-badge i{font-size:.75rem}.dark-theme .metric-badge{background:#0000;border:none;color:#e2e8f0;color:var(--dark-text-secondary)}.stats-card{background:linear-gradient(135deg,#3b82f614,#9333ea1f);border:1px solid #3b82f626;border-radius:16px;box-shadow:0 6px 24px #3b82f61f;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-speed) var(--transition-ease)}.stats-card:hover{border-color:#3b82f666;box-shadow:0 16px 48px #3b82f640;transform:translateY(-8px) scale(1.02)}.dark-theme .stats-card{background:linear-gradient(135deg,#3b82f61f,#9333ea29);border-color:#3b82f633;box-shadow:0 6px 24px #3b82f626}.dark-theme .stats-card:hover{border-color:#3b82f680;box-shadow:0 16px 48px #3b82f64d}.outfit-card{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box;border:3px solid #0000;border-radius:16px;overflow:hidden;position:relative;transition:all .3s ease}.dark-theme .outfit-card{background:#1a1a1a!important;border:3px solid #87ceeb!important;border-radius:16px!important}.dark-theme .outfit-card:hover{background:#1a1a1a!important;border:3px solid #f093fb!important;border-radius:16px!important}.outfit-card .p-3{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#6366f126,#a855f71f 50%,#ec48991a)!important;border-radius:0 0 16px 16px!important;color:#333!important;overflow:hidden;padding:1rem!important}.dark-theme .outfit-card .p-3{background:linear-gradient(135deg,#6366f133,#a855f72e 50%,#ec489926)!important;color:#fff!important}.outfit-card .p-3{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(45deg,#667eea,#764ba2,#f093fb) border-box;border-top:2px solid #0000;position:relative}.dark-theme .outfit-card .p-3{background:linear-gradient(#1a1a1a,#1a1a1a) padding-box,linear-gradient(45deg,#667eea,#764ba2,#f093fb) border-box}.outfit-card .card-body.p-3{padding:0!important}.position-absolute.top-0.end-0.p-3:after,.position-absolute.top-0.end-0.p-3:before{display:none!important}.position-absolute.top-0.end-0.p-3{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000!important;border:none!important}.outfit-card .p-3:before{animation:outfitFashionFloat 12s ease-in-out infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.2)'%3E%3Ctext y='18' font-size='18'%3E👕%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.2)'%3E%3Ctext y='18' font-size='18'%3E👖%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.2)'%3E%3Ctext y='18' font-size='18'%3E👗%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.2)'%3E%3Ctext y='18' font-size='18'%3E👔%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.2)'%3E%3Ctext y='18' font-size='18'%3E👠%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.2)'%3E%3Ctext y='18' font-size='18'%3E👢%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.2)'%3E%3Ctext y='18' font-size='18'%3E🧥%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.2)'%3E%3Ctext y='18' font-size='18'%3E👚%3C/text%3E%3C/svg%3E");background-position:5% 15%,25% 35%,45% 55%,65% 25%,85% 75%,15% 85%,35% 65%,75% 45%;background-size:18px 18px}.outfit-card .p-3:after,.outfit-card .p-3:before{background-repeat:no-repeat;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.outfit-card .p-3:after{animation:outfitFashionFloat 18s ease-in-out infinite reverse;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.15)'%3E%3Ctext y='18' font-size='18'%3E🎩%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.15)'%3E%3Ctext y='18' font-size='18'%3E👒%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.15)'%3E%3Ctext y='18' font-size='18'%3E👜%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.15)'%3E%3Ctext y='18' font-size='18'%3E💍%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.15)'%3E%3Ctext y='18' font-size='18'%3E⌚%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.15)'%3E%3Ctext y='18' font-size='18'%3E🕶️%3C/text%3E%3C/svg%3E");background-position:10% 25%,30% 45%,50% 15%,70% 65%,90% 35%,20% 75%;background-size:16px 16px}@keyframes outfitFashionFloat{0%,to{transform:translateY(0) translateX(0) rotate(0deg) scale(1)}20%{transform:translateY(-4px) translateX(2px) rotate(1deg) scale(1.05)}40%{transform:translateY(-2px) translateX(-2px) rotate(-.8deg) scale(.95)}60%{transform:translateY(-5px) translateX(1px) rotate(.6deg) scale(1.02)}80%{transform:translateY(-3px) translateX(-1px) rotate(-.4deg) scale(.98)}}@keyframes successShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.outfit-card h6{font-size:.9rem!important;margin-bottom:.5rem!important}.outfit-card .text-muted{font-size:.75rem!important;margin-bottom:0!important}.outfit-card:before{background:linear-gradient(135deg,#1e3a8a1a,#3b82f61a 50%,#9333ea1a);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.outfit-card:hover{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#f093fb,#f5576c) border-box;border:3px solid #0000;box-shadow:0 25px 50px #1e3a8a26}.outfit-card:hover:before{opacity:1}.outfit-card img{transition:all .4s cubic-bezier(.4,0,.2,1)}.outfit-card:hover img{filter:brightness(1.1) contrast(1.05);transform:scale(1.08)}.outfit-card .card-header{position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2}.outfit-card:hover .card-header{background:linear-gradient(135deg,#1e3a8a0d,#3b82f60d);transform:translateY(-2px)}.outfit-card .card-body{position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2}.outfit-card:hover .card-body{background:linear-gradient(135deg,#1e3a8a08,#3b82f608);transform:translateY(-2px)}.outfit-card:hover .comment-count,.outfit-card:hover .like-count,.outfit-card:hover .save-count{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;transform:scale(1.1)}.detail-button{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;border:none;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0003;color:#fff;font-size:.85rem;font-weight:500;padding:.4rem .8rem;transition:all .3s ease}.detail-button:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.detail-button:hover,.professional-badge{background:#7c3aed;background:var(--primary)}.professional-badge{border-radius:6px;border-radius:var(--border-radius-sm);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--box-shadow);color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:4px 8px}.dark-theme .navbar.navbar-dark{box-shadow:0 2px 15px #0000004d}.nav-link{font-weight:500;position:relative;transition:color .2s ease;transition:color var(--transition-speed) ease}.nav-link,.nav-link:active,.nav-link:focus,.nav-link:hover{border-bottom:none!important;text-decoration:none!important}.nav-link.active{color:#7c3aed!important;color:var(--primary)!important;font-weight:600}.nav-link.active:after{background-color:#7c3aed;background-color:var(--primary);border-radius:1px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80%}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:12px;box-shadow:0 8px 30px #00000014;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease,background-color var(--transition-speed) ease}.card:hover{box-shadow:0 15px 35px #0000001a;transform:translateY(-7px)}.card-img-top{transition:transform .2s ease;transition:transform var(--transition-speed) ease}.card:hover .card-img-top{transform:scale(1.05)}.card-title{font-weight:700;margin-bottom:.75rem}.card-text{color:#64748b;color:var(--gray);font-size:.95rem;line-height:1.5}.dark-theme .card-text{color:#94a3b8;color:var(--dark-gray)}.btn{border-radius:50px;box-shadow:0 4px 15px #0000001a;font-size:.85rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:.5rem 1.5rem;position:relative;text-transform:uppercase;transition:all .2s ease;transition:all var(--transition-speed) ease}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(45deg,#6d28d9,#7c3aed);background:linear-gradient(45deg,var(--primary-dark),var(--primary));border-color:#7c3aed;border-color:var(--primary)}.btn-primary:hover{background:linear-gradient(45deg,#7c3aed,#6d28d9);background:linear-gradient(45deg,var(--primary),var(--primary-dark));border-color:#6d28d9;border-color:var(--primary-dark);box-shadow:0 8px 25px #ff6b6b66;transform:translateY(-3px)}.btn-outline-primary{background:#0000;color:#7c3aed;color:var(--primary)}.btn-outline-primary,.btn-outline-primary:hover{border-color:#7c3aed;border-color:var(--primary)}.btn-outline-primary:hover{background:linear-gradient(45deg,#6d28d9,#7c3aed);background:linear-gradient(45deg,var(--primary-dark),var(--primary));box-shadow:0 8px 25px #ff6b6b66;color:#fff;transform:translateY(-3px)}.dark-theme .btn{box-shadow:0 4px 15px #0000004d}.dark-theme .btn-outline-primary{color:#a855f7cc}.dark-theme .btn-outline-primary:hover{color:#fff!important}.btn-outline-light{border:1px solid #fff!important}body:not(.dark-theme) .spinner-border.text-primary,body:not(.dark-theme) .text-primary,body:not(.dark-theme) .text-primary i{color:#f59e0b!important}footer h5,footer h5:hover{text-decoration:none!important}.form-control:focus{background-color:#fff!important;background-color:var(--card-bg)!important;color:#374151!important;color:var(--text-primary)!important}.dark-theme .form-control:focus,.form-control:focus{border-color:#7c3aed!important;border-color:var(--primary)!important;box-shadow:0 0 0 .2rem #7c3aed40!important}.dark-theme .form-control:focus{background-color:#2d2d44!important;background-color:var(--dark-card-bg)!important;color:#f8fafc!important;color:var(--dark-text-primary)!important}.input-group .form-control:focus{background-color:#fff!important;background-color:var(--card-bg)!important;color:#374151!important;color:var(--text-primary)!important}.dark-theme .input-group .form-control:focus,.input-group .form-control:focus{border-color:#7c3aed!important;border-color:var(--primary)!important;box-shadow:0 0 0 .2rem #7c3aed40!important}.dark-theme .input-group .form-control:focus{background-color:#2d2d44!important;background-color:var(--dark-card-bg)!important;color:#f8fafc!important;color:var(--dark-text-primary)!important}.alert-danger{background-color:#dc26261a!important;border:2px solid #dc2626!important;border-radius:8px!important;color:#dc2626!important;font-weight:500!important;margin-bottom:16px!important;padding:12px 16px!important}.dark-theme .alert-danger{background-color:#ef444426!important;border:2px solid #ef4444!important;color:#fca5a5!important}.error-message{background-color:#dc26261a!important;border:2px solid #dc2626!important;border-radius:8px!important;color:#dc2626!important;display:block!important;font-weight:500!important;margin-bottom:16px!important;padding:12px 16px!important}.dark-theme .error-message{background-color:#ef444426!important;border:2px solid #ef4444!important;color:#fca5a5!important}.profile-header{animation:profileHeaderGlow 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f172af2,#1e293be6 25%,#334155d9 50%,#1e293be6 75%,#0f172af2);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px #00000040,0 12px 24px #00000026,inset 0 1px 0 #ffffff1a;margin-bottom:3rem;overflow:hidden;padding:3rem 2.5rem;position:relative}.dark-theme .profile-header{box-shadow:0 10px 30px #0000004d}.profile-header:before{animation:premiumGlow 8s ease-in-out infinite;background:radial-gradient(circle,#8b5cf61a 0,#6366f10d 40%,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.profile-header:after{animation:premiumShimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#8b5cf6cc 20%,#6366f1 50%,#8b5cf6cc 80%,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes profileHeaderGlow{0%,to{box-shadow:0 25px 50px #00000040,0 12px 24px #00000026,inset 0 1px 0 #ffffff1a}50%{box-shadow:0 30px 60px #6366f126,0 15px 30px #8b5cf61a,inset 0 1px 0 #fff3}}@keyframes premiumGlow{0%,to{opacity:.6;transform:scale(1) rotate(0deg)}50%{opacity:.8;transform:scale(1.1) rotate(180deg)}}@keyframes premiumShimmer{0%{opacity:0;transform:translateX(-100%)}50%{opacity:1}to{opacity:0;transform:translateX(100%)}}@keyframes premiumBorderRotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes premiumFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-3px) rotate(.3deg)}}@keyframes premiumPulse{0%,to{box-shadow:0 0 0 0 #8b5cf666,0 8px 32px #0000004d}50%{box-shadow:0 0 0 20px #8b5cf600,0 12px 40px #0006}}.profile-avatar{border:4px solid #fff;box-shadow:0 5px 15px #0003;transition:transform .2s ease;transition:transform var(--transition-speed) ease}.outfit-card:hover{animation:premiumPulse 2s ease-in-out infinite!important;background:linear-gradient(135deg,#0f172ae6,#1e293bcc)!important;border-color:#8b5cf64d!important;box-shadow:0 25px 50px #6366f133,0 15px 30px #8b5cf626,inset 0 1px 0 #fff3!important;transform:translateY(-12px) scale(1.02)}.profile-avatar:hover{transform:scale(1.05)}.dark-theme .outfit-card{background:#2d2d44;background:var(--dark-card-bg);box-shadow:0 4px 12px #0003}.dark-theme .outfit-card:before{background:linear-gradient(135deg,#3b82f626,#1e3a8a26 50%,#9333ea26)}.dark-theme .outfit-card:hover{box-shadow:0 25px 50px #3b82f633}.dark-theme .outfit-card:hover .card-header{background:linear-gradient(135deg,#3b82f614,#1e3a8a14)}.dark-theme .outfit-card:hover .card-body{background:linear-gradient(135deg,#3b82f60d,#1e3a8a0d)}.dark-theme .outfit-card:hover .comment-count,.dark-theme .outfit-card:hover .like-count,.dark-theme .outfit-card:hover .save-count{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000c}.discover-page .outfit-card,.homepage .outfit-card{margin:0!important;max-width:none!important;width:100%!important}footer{background-color:#f8fafc;background-color:var(--light);border-top:1px solid #0000001a;transition:background-color .2s ease,border-color .2s ease;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}.dark-theme footer{border-top:1px solid #ffffff14;border-top:1px solid var(--dark-border-color)}footer a{color:#1e293b;color:var(--dark);display:inline-block;position:relative;transition:color .2s ease,transform .2s ease;transition:color var(--transition-speed) ease,transform var(--transition-speed) ease}.dark-theme footer a{color:#e2e8f0;color:var(--dark-light)}footer a:after{background-color:#7c3aed;background-color:var(--primary);bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .2s ease;transition:width var(--transition-speed) ease;width:0}footer a:hover{color:#7c3aed;color:var(--primary);transform:translateX(3px)}footer a:hover:after{width:100%}footer h5{display:inline-block;font-weight:700;margin-bottom:1.2rem;position:relative}footer h5:after{background-color:#7c3aed;background-color:var(--primary);bottom:-5px;content:"";height:2px;left:0;position:absolute;width:30px}@media (max-width:1200px){.container{max-width:1140px}.navbar-brand{font-size:1.2rem}.navbar-brand small{font-size:.65rem}}@media (max-width:992px){.container{max-width:960px}.navbar-nav .nav-link{font-size:.85rem;padding:.4rem .6rem!important}.hero-section h1{font-size:2.5rem}.hero-section p{font-size:1.1rem}}@media (max-width:768px){.container{max-width:720px;padding:0 1rem}.navbar-brand{font-size:1.1rem}.navbar-brand small{display:none}.card{margin-bottom:1.5rem}.btn{font-size:.85rem;padding:.5rem 1rem}.profile-header{padding:1.5rem;text-align:center}.hero-section h1{font-size:2rem}.hero-section p{font-size:1rem}.hero-section .btn{font-size:.9rem;padding:.6rem 1.2rem}.stats-section .col-md-3{margin-bottom:1rem}.outfit-card .card-body{padding:1rem}.outfit-card .card-header{padding:.8rem 1rem}}@media (max-width:576px){.container{max-width:540px;padding:0 .8rem}.navbar{padding:.6rem .8rem}.navbar-brand{font-size:1rem}.hero-section{padding:2rem 1rem!important}.hero-section h1{font-size:1.8rem}.hero-section p{font-size:.95rem}.hero-section .d-flex{flex-direction:column;gap:.8rem}.hero-section .btn{padding:.8rem 1rem;width:100%}.card-body{padding:1rem .8rem}.btn{font-size:.8rem;padding:.6rem .8rem}.profile-header{padding:1rem}.profile-header .row{text-align:center}.profile-header .col-md-8{margin-top:1rem}.stats-section .col-md-3{margin-bottom:.8rem}.outfit-card img{height:250px!important}.footer .col-lg-2{margin-bottom:2rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease forwards}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .4s,transform .4s}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s,transform .3s}.page-container{animation:fadeIn .5s ease-in-out;position:relative;width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--light-gray);border-radius:10px}::-webkit-scrollbar-thumb{background:#7c3aed;background:var(--primary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#6d28d9;background:var(--primary-dark)}.dark-theme ::-webkit-scrollbar-track{background:#2d2d44;background:var(--dark-card-bg)}.login-form{background-color:#fff;background-color:var(--card-bg);border-radius:12px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:400px;padding:2rem;transition:all .2s ease;transition:all var(--transition-speed) ease}.dark-theme .login-form{background-color:#2d2d44;background-color:var(--dark-card-bg);box-shadow:0 10px 30px #0000004d}.form-control{border:1px solid #0f172a14;border:1px solid var(--border-color);border-radius:50px;padding:.6rem 1.2rem;transition:all .2s ease;transition:all var(--transition-speed) ease}.form-control:focus{border-color:#7c3aed;border-color:var(--primary);box-shadow:0 0 0 3px #ff6b6b40}.dark-theme .form-control{background-color:#2d2d44;background-color:var(--dark-card-bg);border-color:#ffffff14;border-color:var(--dark-border-color);color:#f8fafc;color:var(--dark-text-primary)}.dark-theme .form-control:focus{border-color:#7c3aed;border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed40;color:#f8fafc;color:var(--dark-text-primary)}.dark-theme .form-control::placeholder{color:#94a3b8;color:var(--dark-text-muted)}.loading-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#ffffff80 50%,#f1f5f9 75%);background:linear-gradient(90deg,var(--light-gray) 25%,#ffffff80 50%,var(--light-gray) 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.dark-theme .loading-skeleton{background:linear-gradient(90deg,#2d2d44 25%,#ffffff1a 50%,#2d2d44 75%);background:linear-gradient(90deg,var(--dark-card-bg) 25%,#ffffff1a 50%,var(--dark-card-bg) 75%);background-size:200% 100%}.badge{font-weight:500;letter-spacing:.3px}.form-control,.form-select{border:1px solid #0f172a14;border:1px solid var(--border-color);border-radius:10px;border-radius:var(--border-radius);transition:all .2s ease;transition:all var(--transition-speed) ease}.form-control:focus,.form-select:focus{border-color:#7c3aed;border-color:var(--primary);box-shadow:0 0 0 3px #1e3a8a26}.dark-theme .form-control,.dark-theme .form-select{background-color:#2d2d44;background-color:var(--dark-card-bg);border-color:#ffffff14;border-color:var(--dark-border-color);color:#f8fafc;color:var(--dark-text-primary)}.dark-theme .form-select:focus{background-color:#2d2d44;background-color:var(--dark-card-bg);border-color:#7c3aed;border-color:var(--primary);box-shadow:0 0 0 .2rem #7c3aed40}.dark-theme .form-label,.dark-theme .form-select:focus{color:#f8fafc;color:var(--dark-text-primary)}.pagination .page-link{border:1px solid #0f172a14;border:1px solid var(--border-color);border-radius:10px;border-radius:var(--border-radius);color:#7c3aed;color:var(--primary);transition:all .2s ease;transition:all var(--transition-speed) ease}.pagination .page-link:hover{color:#fff}.pagination .page-item.active .page-link,.pagination .page-link:hover{background-color:#7c3aed;background-color:var(--primary);border-color:#7c3aed;border-color:var(--primary)}.alert{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--box-shadow)}.alert,.modal-content{border:none;border-radius:14px;border-radius:var(--border-radius-lg)}.modal-content{box-shadow:0 10px 40px #00000026}.modal-header{border-bottom:1px solid #0f172a14;border-bottom:1px solid var(--border-color)}.modal-footer{border-top:1px solid #0f172a14;border-top:1px solid var(--border-color)}.pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;margin:0;padding:0}.page-item{list-style:none;margin:0}.page-link{align-items:center;background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border:2px solid #0000;color:var(--text-color);display:flex;font-size:.9rem;font-weight:600;justify-content:center;min-height:44px;min-width:44px;overflow:hidden;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.page-link:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.page-link:hover:before{left:100%}.page-link:hover{background:linear-gradient(135deg,#8b5cf633,#3b82f633);border-color:#8b5cf680;box-shadow:0 8px 25px #8b5cf64d;color:#8b5cf6;transform:translateY(-2px)}.page-link:focus{box-shadow:0 0 0 3px #8b5cf64d;outline:none}.page-item.active .page-link{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-color:#8b5cf6;box-shadow:0 8px 25px #8b5cf666;color:#fff;transform:scale(1.05)}.page-item.active .page-link:hover{background:linear-gradient(135deg,#7c3aed,#2563eb);box-shadow:0 12px 30px #8b5cf680;transform:scale(1.05) translateY(-2px)}.page-item.disabled .page-link{background:linear-gradient(135deg,#6c757d1a,#4950571a);color:#6c757d80;cursor:not-allowed;opacity:.6}.page-item.disabled .page-link:hover{background:linear-gradient(135deg,#6c757d1a,#4950571a);box-shadow:none;transform:none}.page-link.rounded-pill{border-radius:50px!important;font-size:.85rem;gap:.5rem;padding:.75rem 1.5rem}.page-link.rounded-circle{border-radius:50%!important;height:44px;padding:0;width:44px}@keyframes pageSlideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.page-item{animation:pageSlideIn .3s ease forwards}@media (max-width:576px){.page-link{font-size:.8rem;min-height:40px;min-width:40px;padding:.6rem .8rem}.page-link.rounded-pill{font-size:.75rem;padding:.6rem 1.2rem}.page-link.rounded-circle{height:40px;width:40px}.pagination{gap:.25rem}}.premium-load-more:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf633,#3b82f633)!important;border-color:#8b5cf699!important;box-shadow:0 8px 25px #8b5cf64d;color:#7c3aed!important;transform:translateY(-2px)}.premium-load-more:focus{box-shadow:0 0 0 3px #8b5cf64d!important;outline:none}.premium-load-more:disabled{background:linear-gradient(135deg,#6c757d1a,#4950571a)!important;border-color:#6c757d4d!important;color:#6c757d80!important;cursor:not-allowed;opacity:.6}.premium-footer-link:hover{color:#8b5cf6!important;text-shadow:0 0 8px #8b5cf666;transform:translateX(4px)}.premium-footer-legal:hover{background:#8b5cf61a!important;box-shadow:0 2px 8px #8b5cf633;color:#8b5cf6!important;transform:translateY(-1px)}@media (max-width:768px){.premium-footer{padding:2rem 0!important}.premium-footer h3{font-size:1.5rem!important}.premium-footer h6,.premium-footer p{font-size:1rem!important}}
/*# sourceMappingURL=main.9efb0a74.css.map*/