.modal__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000}.dark .modal__backdrop{background:rgba(0,0,0,.7)}.modal__content{background:#fff;width:90%;max-width:400px;border-radius:8px;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.25)}.dark .modal__content{background:#1f2937;color:#f3f4f6}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f5f5f5;border-bottom:1px solid #ddd}.dark .modal__header{background:#374151;border-bottom:1px solid #4b5563}.modal__header h3{margin:0;font-size:1.2rem}.modal__close{background:none;border:none;font-size:1.5rem;cursor:pointer}.modal__body{padding:1rem}