.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal{background:var(--color-white);border:1px solid #e5e5e5;border-radius:12px;padding:var(--spacing-lg);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);@media (max-width:900px){padding:var(--spacing-md);max-width:100%}}.modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.modal__title{font-size:var(--text-lg);font-weight:600;color:var(--color-black);margin:0}.modal__close{background:none;border:none;font-size:var(--text-2xl);line-height:1;color:var(--color-gray-600);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal__close:hover{background:#F5F5F5;color:var(--color-black)}.modal{scrollbar-width:thin;scrollbar-color:#E5E5E5 transparent}.modal::-webkit-scrollbar{width:8px}.modal::-webkit-scrollbar-track{background:transparent}.modal::-webkit-scrollbar-thumb{background-color:#E5E5E5;border-radius:4px}.modal::-webkit-scrollbar-thumb:hover{background-color:#D4D4D4}