.treact-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:10000;opacity:0;transition:opacity .3s ease}.treact-modal-overlay.show{opacity:1}.treact-modal{background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.3);max-width:90%;max-height:90vh;width:500px;display:flex;flex-direction:column;transform:scale(.9);transition:transform .3s ease}.treact-modal-overlay.show .treact-modal{transform:scale(1)}.treact-modal-header{padding:10px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.treact-modal-title{margin:0;font-size:1.25rem;font-weight:600}.treact-modal-close{background:0 0;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s,color .2s}.treact-modal-close:hover{background:#f0f0f0;color:#333}.treact-modal-body{padding:20px;overflow-y:auto}@media (max-width:600px){.treact-modal{width:95%;max-height:95vh}}