.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.login-modal{background:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);width:100%;max-width:450px;overflow:hidden}.modal-container{display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid #f0f0f0}.header-content{gap:16px}.header-content,.icon-wrapper{display:flex;align-items:center}.icon-wrapper{width:40px;height:40px;justify-content:center;background-color:#f8f9fa;border-radius:8px}.header-text{flex:1}.modal-title{margin:0;font-size:1.25rem;font-weight:600;color:#333}.modal-subtitle{margin:4px 0 0;font-size:.875rem;color:#666}.close-button{background:none;border:none;cursor:pointer;padding:8px;margin-left:16px}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-size:.875rem;font-weight:500;color:#555}.form-input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:.9375rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px rgba(74,144,226,.2)}.form-options{display:flex;justify-content:flex-end;margin-bottom:24px}.forgot-password{font-size:.8125rem;color:#666;text-decoration:none;transition:color .2s}.forgot-password:hover{color:#4a90e2}.submit-button{width:100%;padding:14px;background-color:#1bcea3;color:white;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s}.submit-button:hover{background-color:#01A482}.modal-footer{padding:16px 24px;border-top:1px solid #f0f0f0;text-align:center}.signup-text{font-size:.875rem;color:#666;margin:0}.signup-link{color:#1bcea3;text-decoration:none;font-weight:500}