.modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.7);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:linear-gradient(135deg,#181824,#1f1b2d);color:#e5e7eb;border-radius:1rem;border:1px solid rgba(167,139,250,.35);width:100%;max-width:600px;box-shadow:0 0 0 2px rgba(236,72,153,.15),0 20px 60px -12px rgba(0,0,0,.55);animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(167,139,250,.25)}.modal-title{font-size:1.4rem;font-weight:700;color:#ffffff;background:linear-gradient(90deg,#a78bfa,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-close-button{background:none;border:none;color:#c4c4c4;cursor:pointer;padding:.25rem;border-radius:9999px;transition:background .2s,color .2s}.modal-close-button:hover{color:#ffffff;background-color:rgba(236,72,153,.15)}.modal-content{padding:1.5rem}.modal-container .modal-content,.modal-content{background:transparent}.modal-intro{text-align:center;color:#c4b5fd;margin-bottom:2rem;font-size:1rem}.steps-wrapper{display:flex;flex-direction:column;gap:1.5rem}.step-item{display:flex;align-items:flex-start;gap:1rem}.step-icon-wrapper{flex-shrink:0;background:rgba(167,139,250,.12);border:1px solid rgba(167,139,250,.35);border-radius:.75rem;padding:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px rgba(167,139,250,.25)}.step-icon{width:1.75rem;height:1.75rem;color:#a78bfa}.step-text{flex-grow:1}.step-title{font-weight:700;margin:0 0 .25rem;background:linear-gradient(90deg,#a78bfa,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.step-description{color:#d1d5db;font-size:.9rem;line-height:1.6;margin:0}.modal-footer{padding:1rem 1.5rem;background-color:#181824;border-top:1px solid rgba(167,139,250,.25);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.modal-confirm-button{width:100%;background-image:linear-gradient(90deg,#a78bfa,#ec4899);color:#ffffff;padding:.75rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:filter .25s}.modal-confirm-button:hover{filter:brightness(1.1)}.filter-dropdown-button{position:relative;width:100%;min-height:56px;height:56px;cursor:pointer;background:rgba(30,41,59,.5);border:1px solid #374151;color:var(--home-text-primary,#f8fafc);padding:.75rem 1rem;border-radius:1rem;text-align:left;transition:border .3s,box-shadow .3s,background .3s;display:flex;align-items:center;box-shadow:0 4px 24px 0 rgba(168,85,247,.08),0 0 0 1px rgba(168,85,247,.08);backdrop-filter:blur(10px);margin-left:0;gap:.75rem}.filter-dropdown-button.has-error{border-color:#f43f5e}.filter-dropdown-button:focus,.filter-dropdown-button:focus-visible,.filter-dropdown-button:hover{border-color:var(--home-primary-dark,#9333ea);box-shadow:0 0 0 4px rgba(168,85,247,.15),0 4px 24px 0 rgba(168,85,247,.12);outline:none;background:rgba(30,41,59,.7)}.filter-dropdown-arrow{display:flex;align-items:center;margin-left:auto;height:100%;color:var(--home-primary-light,#c084fc);z-index:2}.filter-dropdown-button .w-5.h-5{min-width:1.25rem;min-height:1.25rem}.filter-dropdown-options{z-index:999999!important;position:absolute;margin-top:.5rem;max-height:20rem;width:100%;overflow:auto;border-radius:1rem;background:rgba(30,41,59,.98);padding:.5rem 0;font-size:1rem;box-shadow:0 12px 40px rgba(168,85,247,.15),0 0 0 1px rgba(168,85,247,.2);border:2px solid var(--home-primary,#a855f7);color:var(--home-text-primary,#f8fafc);backdrop-filter:blur(10px)}.filter-dropdown-option{position:relative;cursor:pointer;user-select:none;padding:.75rem 1.25rem .75rem 2.25rem;color:var(--home-text-secondary,#cbd5e1);transition:background .2s,color .2s;min-height:56px;display:flex;align-items:center;line-height:1.2;border-radius:.75rem}.filter-dropdown-option.active,.filter-dropdown-option:focus,.filter-dropdown-option:hover{background:rgba(168,85,247,.15);color:var(--home-text-primary,#f8fafc)}.filter-dropdown-option .w-5.h-5{margin-right:.5rem}.filter-dropdown-option .absolute{right:1rem}.filter-bar-fix .filter-dropdown-button,.filter-bar-fix .filter-dropdown-option{min-height:50px!important;height:50px!important;max-height:50px!important;padding-top:0;padding-bottom:0;font-size:1rem}@media (max-width:640px){.filter-dropdown-button{min-height:48px;font-size:.95rem;padding:.5rem 1rem;margin-left:0}.filter-dropdown-options{font-size:.95rem}.filter-dropdown-option{min-height:48px;padding:.5rem 1rem .5rem 2rem}}