.modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{color:#fff;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border:2px solid #ffffff4d;border-radius:12px;width:100%;max-width:500px;padding:2rem;position:relative;box-shadow:0 8px 32px #00000080}.modal-content.modal--danger{border-color:#ff646480}.modal-content.modal--image{flex-direction:column;max-width:95vw;max-height:95vh;padding:0;display:flex;overflow:hidden}.modal-content.modal--wide{width:fit-content;max-width:min(95vw,1100px)}.modal-close{color:#fff;cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:2.5rem;font-weight:300;line-height:1;transition:opacity .2s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{opacity:.7}.modal-title{color:#fff;margin:0 0 1rem;font-size:1.5rem;font-weight:600}.modal-title--danger{color:gold}.modal-body{color:#fffc;margin:0 0 1.5rem;line-height:1.6}.modal-body p{margin:0 0 1rem}.modal-body p:last-child{margin-bottom:0}.modal-actions{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.modal-actions button{cursor:pointer;border-radius:8px;padding:.75rem 1.5rem;font-family:Barlow,sans-serif;font-size:1rem;font-weight:600;transition:all .2s}.modal-actions .modal-btn-primary{color:#fff;background:#0064004d;border:2px solid #0f09}.modal-actions .modal-btn-primary:hover{background:#00640080;border-color:#0f0c;transform:translateY(-2px);box-shadow:0 4px 12px #00ff004d}.modal-actions .modal-btn-danger{color:#ffcdd2;background:#c800004d;border:2px solid #f009}.modal-actions .modal-btn-danger:hover{background:#c8000080;border-color:#f00c;transform:translateY(-2px);box-shadow:0 4px 12px #ff00004d}.modal-actions .modal-btn-cancel{color:#fff;background:#ffffff1a;border:1px solid #ffffff4d}.modal-actions .modal-btn-cancel:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.modal-actions button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media (max-width:768px){.modal-content{max-width:95%;padding:1.5rem}.modal-title{font-size:1.25rem}.modal-actions{flex-direction:column;gap:.75rem}.modal-actions button{text-align:center;width:100%}}