modish10/timekeeper-wizard

1.modal-container {2    display: none;3    position: fixed;4    top: 0;5    left: 0;6    width: 100%;7    height: 100%;8    z-index: 1000;9    align-items: center;10    justify-content: center;11}12 13.modal-container.open {14    display: flex;15}16 17.modal-backdrop {18    position: fixed;19    inset: 0;20    background-color: rgba(0, 0, 0, 0.5);21    backdrop-filter: blur(4px);22}23 24.modal-content {25    background: white;26    border-radius: 0.5rem;27    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);28    padding: 1.5rem;29    position: relative;30    max-width: 500px;31    width: 90%;32    animation: modalFadeIn 0.3s ease-out forwards;33}34 35.close-btn {36    position: absolute;37    top: 0.5rem;38    right: 0.5rem;39    background: none;40    border: none;41    cursor: pointer;42    padding: 0.5rem;43}44 45.terms-list {46    margin: 1rem 0;47    max-height: 300px;48    overflow-y: auto;49    border: 1px solid #e5e7eb;50    border-radius: 0.375rem;51    padding: 0.5rem;52}53 54.term-item {55    display: flex;56    justify-content: space-between;57    padding: 0.5rem;58    border-bottom: 1px solid #e5e7eb;59}60 61.term-item:last-child {62    border-bottom: none;63}64 65.remove-term {66    color: #ef4444;67    cursor: pointer;68}69 70@keyframes modalFadeIn {71    from { opacity: 0; transform: translateY(-20px); }72    to { opacity: 1; transform: translateY(0); }73}