.navbar{transition:all .3s ease}.dark-mode .navbar,.light-mode .navbar{background-color:var(--nav-bg)!important}.navbar .dropdown-menu{margin-top:.125rem}.navbar .dropdown-toggle:after{display:none}.navbar .nav-link{color:var(--nav-text)!important;transition:color .2s ease-in-out}.navbar .nav-link:hover{color:var(--link-color)!important}.navbar-brand{color:var(--text-primary)!important}.email-container{border-radius:25px;padding:5px 15px}.dropdown-menu.show{display:block;margin-top:.5rem}.dark-mode .dropdown-menu{background-color:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 .5rem 1rem rgba(0,0,0,.3)}.dark-mode .dropdown-item{color:var(--text-primary)}.dark-mode .dropdown-item:hover{background-color:var(--link-color);color:var(--bg-primary)}.profile-img{width:120px;height:120px;border-radius:50%}.circle-bg{background-color:rgba(200,235,235,.3);border-radius:50%;width:500px;height:500px;position:fixed;right:170px;top:50%;transform:translateY(-50%);z-index:-1;pointer-events:none}.wardrobe-card{transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.wardrobe-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.overlay-hidden{opacity:0;pointer-events:none}.overlay-visible{opacity:1;pointer-events:auto}.image-loading{background:linear-gradient(90deg,#f0f0f0,#e0e0e0 50%,#f0f0f0);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.wardrobe-card:hover .card-img-top{transform:scale(1.05)}.badge{font-weight:500;padding:.5em 1em}.btn-sm{padding:.25rem .75rem;font-size:.875rem}.btn-sm i{font-size:.75rem}.hover-lift{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)!important}.card-img-top{transition:transform .3s ease-in-out}.hover-lift:hover .card-img-top{transform:scale(1.05)}.placeholder-glow .placeholder{animation:placeholderGlow 2s ease-in-out infinite}@keyframes placeholderGlow{50%{opacity:.5}}.upload-area{transition:all .3s ease;border:2px dashed #dee2e6}.upload-area:hover{border-color:#0d6efd;background-color:rgba(13,110,253,.05)}.image-preview{transition:transform .3s ease}.image-preview:hover{transform:scale(1.02)}.form-section{transition:all .3s ease}.form-section:focus-within{transform:translateX(5px)}.custom-file-button{position:relative;overflow:hidden}.custom-file-button input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;outline:none;background:white;cursor:pointer;display:block}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.spinner-border{animation:spinner-border .75s linear infinite,pulse 2s ease infinite}.badge{transition:all .2s ease-in-out}.badge:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.card.bg-light{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.input-group:focus-within{box-shadow:0 0 0 .25rem rgba(13,110,253,.25);border-radius:.375rem}@media (max-width:991px){.dark-mode .navbar-collapse{background-color:var(--nav-bg);padding:1rem;border-radius:.5rem;margin-top:1rem}.navbar-nav .nav-link{padding:.5rem 1rem!important}.circle-bg{right:30px}}@media (max-width:700px){.circle-bg{right:-170px}}.form-control[type=file]{padding:.375rem .75rem;border:1px solid #dee2e6;border-radius:.25rem;width:100%;font-size:1rem;line-height:1.5}.dark-mode .form-control[type=file]{background-color:#1a1a1a;border-color:#2d2d2d;color:#e0e0e0}.rounded-circle{border:2px solid #dee2e6}.dark-mode .rounded-circle{border-color:#2d2d2d}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label{color:#2c3e50;opacity:.8}.form-control:focus{border-color:#2c3e50;box-shadow:0 0 0 .25rem rgba(44,62,80,.25)}.btn-primary{background-color:#2c3e50;border-color:#2c3e50}.btn-primary:focus,.btn-primary:hover{background-color:#34495e;border-color:#34495e}.btn-outline-secondary{border-color:#95a5a6;color:#7f8c8d}.btn-outline-secondary:hover{background-color:#ecf0f1;border-color:#95a5a6;color:#2c3e50}.btn-link{color:#95a5a6;padding:0;margin:0}.btn-link:hover{color:#7f8c8d}.invalid-feedback{font-size:.875rem;margin-top:.25rem}.alert{border-radius:.5rem;font-size:.875rem}.alert-danger{background-color:#fee2e2;border-color:#fecaca;color:#991b1b;animation:shake .8s cubic-bezier(.36,.07,.19,.97) both}.alert-success{background-color:#dcfce7;border-color:#bbf7d0;color:#166534}.card{transition:all .3s ease;background-color:var(--bg-primary)}.card,.dark-mode .card{border-color:var(--border-color)}.dark-mode .card{background-color:var(--bg-secondary);color:var(--text-primary)}.card:hover{transform:translateY(-5px);box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}.dark-mode .card:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.5)}.card-body{background-color:var(--bg-primary);transition:all .3s ease}.dark-mode .card-body{background-color:var(--bg-secondary)}.card-title{color:var(--text-primary)}.card-text{color:var(--text-secondary)}.dark-mode .card-text,.dark-mode .card-title{color:var(--text-primary)}.card-footer{background-color:var(--bg-primary);border-top-color:var(--border-color);transition:all .3s ease}.dark-mode .card-footer{background-color:var(--bg-secondary);border-top-color:var(--border-color)}.card .form-control[type=file]{padding:.375rem .75rem;cursor:pointer;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:.375rem}.card .form-control[type=file]:focus{border-color:var(--link-color);box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.dark-mode .card .form-control[type=file]{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .card .form-control[type=file]:hover{background-color:var(--bg-secondary);border-color:var(--link-color)}.rounded-circle{object-fit:cover;border:2px solid var(--border-color);box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .3s ease}.rounded-circle:hover{transform:scale(1.05)}.position-relative{margin:1rem 0}.text-muted{font-size:.875rem}.btn{transition:all .3s ease}.connect-btn{border-radius:25px;padding:10px 20px}.dark-mode .btn{color:var(--text-primary);border-color:var(--border-color)}.dark-mode .btn:hover{background-color:var(--bg-secondary)}.dark-mode .btn-outline-primary{color:var(--link-color);border-color:var(--link-color)}.dark-mode .btn-outline-primary:hover{color:var(--bg-primary);background-color:var(--link-color);border-color:var(--link-color)}.dark-mode .btn-outline-danger{color:var(--danger-color);border-color:var(--danger-color)}.dark-mode .btn-outline-danger:hover{color:var(--bg-primary);background-color:var(--danger-color);border-color:var(--danger-color);transform:translateY(-1px);box-shadow:0 2px 4px rgba(220,53,69,.2)}.skeleton-loader{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;height:24px;border-radius:4px}.skeleton-loader.h4{height:28px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.profile-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;margin:0 auto 1rem;display:block}.border-top{border-color:rgba(0,0,0,.1)!important}.form-floating>.btn-link{text-decoration:none!important;color:#6c757d;transition:color .15s ease-in-out}.form-floating>.btn-link:hover{color:#495057}.password-strength{height:4px;border-radius:2px;margin-top:.5rem;background-color:#e9ecef;overflow:hidden}.password-strength-bar{height:100%;border-radius:2px;transition:width .3s ease-in-out,background-color .3s ease-in-out}.password-strength-bar.weak{width:33.33%;background-color:#dc3545}.password-strength-bar.medium{width:66.66%;background-color:#ffc107}.password-strength-bar.strong{width:100%;background-color:#198754}footer{background-color:var(--bg-primary);border-top:1px solid var(--border-color);padding:2rem 0;margin-top:auto;transition:all .3s ease}.dark-mode footer{background-color:var(--bg-secondary);border-color:var(--border-color)}footer a{color:var(--text-secondary);transition:color .3s ease}footer a:hover{color:var(--link-color);transform:translateY(-2px)}footer .social-links{display:flex;gap:1.5rem}footer .social-icon,footer .social-links{justify-content:center;align-items:center}footer .social-icon{display:inline-flex;width:32px;height:32px;border-radius:50%;transition:all .3s ease}footer .social-icon:hover{transform:translateY(-2px);background-color:var(--bg-secondary)}.dark-mode footer .social-icon:hover{background-color:var(--bg-primary)}@media (max-width:768px){footer{text-align:center;padding:1.5rem 0}footer .row>div{margin-bottom:1rem}footer .row>div:last-child{margin-bottom:0}}@keyframes socialIconPop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}footer .social-icon:hover{animation:socialIconPop .3s ease}.form-check-input{cursor:pointer;width:3rem!important;height:1.5rem!important;transition:all .2s ease}.light-mode .form-check-input{background-color:var(--switch-bg);border-color:var(--border-color)}.light-mode .form-check-input:checked{background-color:var(--switch-circle);border-color:var(--switch-circle)}.dark-mode .form-check-input{background-color:var(--switch-bg);border-color:var(--border-color)}.dark-mode .form-check-input:checked{background-color:var(--text-primary);border-color:var(--text-primary)}.form-check-input:focus{border-color:var(--link-color);box-shadow:0 0 0 .25rem rgba(99,161,255,.25)}.form-check-label{color:var(--text-primary);transition:color .3s ease}.dark-mode .card,[data-theme=dark] .card{background-color:#1a1a1a!important;border-color:#2d2d2d!important}.dark-mode .card-body,[data-theme=dark] .card-body{background-color:#1a1a1a!important;color:#e0e0e0}.dark-mode .card-footer,[data-theme=dark] .card-footer{background-color:#1a1a1a!important;border-color:#2d2d2d!important}.dark-mode .form-select,[data-theme=dark] .form-select{background-color:#1a1a1a;border-color:#2d2d2d;color:#e0e0e0}.dark-mode .form-select:focus,[data-theme=dark] .form-select:focus{border-color:#0d6efd;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.dark-mode .text-secondary,[data-theme=dark] .text-secondary{color:#8c8c8c!important}.dark-mode .btn-outline-secondary,[data-theme=dark] .btn-outline-secondary{color:#e0e0e0;border-color:#2d2d2d}.dark-mode .btn-outline-secondary:hover,[data-theme=dark] .btn-outline-secondary:hover{background-color:#2d2d2d;color:#ffffff}.dark-mode .placeholder,[data-theme=dark] .placeholder{background-color:#2d2d2d!important}.dark-mode .card:hover,[data-theme=dark] .card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.3);transition:all .3s ease}input:not([type=checkbox]):not([type=radio]),select,textarea{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);transition:all .3s ease;padding:.75rem 1rem;border-radius:.375rem;width:100%}.dark-mode input:not([type=checkbox]):not([type=radio]),.dark-mode select,.dark-mode textarea{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:none;border-color:var(--link-color);box-shadow:0 0 0 2px rgba(99,161,255,.2)}.dark-mode input::placeholder,.dark-mode textarea::placeholder{color:var(--text-secondary);opacity:.7}input[type=date],input[type=datetime-local]{min-height:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dark-mode input[type=date],.dark-mode input[type=datetime-local]{background-color:var(--bg-secondary);color:var(--text-primary)}input[type=file]{padding:.5rem;cursor:pointer}.dark-mode input[type=file]{background-color:var(--bg-secondary);color:var(--text-primary)}.dark-mode input[type=file]::-webkit-file-upload-button{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.dark-mode input[type=file]::file-selector-button{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;transition:all .3s ease}.dark-mode input[type=file]::-webkit-file-upload-button:hover{background-color:var(--link-color);color:var(--bg-primary)}.dark-mode input[type=file]::file-selector-button:hover{background-color:var(--link-color);color:var(--bg-primary)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1em;padding-right:2.5rem}.dark-mode select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.form-label{color:var(--text-primary);margin-bottom:.5rem;font-weight:500}.dark-mode input.is-invalid,.dark-mode select.is-invalid,.dark-mode textarea.is-invalid,input.is-invalid,select.is-invalid,textarea.is-invalid{border-color:var(--danger-color)}.form-group,.mb-4{margin-bottom:1.5rem}.dark-mode .tox-tinymce{border-color:var(--border-color)!important}.dark-mode .tox .tox-toolbar,.dark-mode .tox .tox-toolbar-overlord,.dark-mode .tox .tox-toolbar__overflow{background-color:var(--bg-secondary)!important}.dark-mode .tox .tox-tbtn svg{fill:var(--text-primary)!important}.dark-mode .tox .tox-edit-area__iframe{background-color:var(--bg-secondary)!important}.login-form{max-width:400px;margin:0 auto}.login-form input{margin-bottom:1rem}.google-login-btn{background-color:#4285f4;color:white;border:none;padding:.75rem 1.5rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;transition:background-color .3s ease}.google-login-btn:hover{background-color:#357abd}.contact-form textarea{min-height:150px;resize:vertical}.contact-form .btn-send{width:100%;padding:1rem}