.modal-backdrop{z-index:1000;background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;padding:1.5rem;animation:.18s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--bg-white);width:100%;max-height:90vh;animation:popIn .28s var(--ease-out);border-radius:28px;overflow-y:auto;box-shadow:0 24px 60px #00000038}@keyframes popIn{0%{opacity:0;transform:translateY(16px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-sm{max-width:400px}.modal-md{max-width:560px}.modal-lg{max-width:780px}.modal-full{max-width:1100px}.modal-head{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.75rem 1.75rem 0;display:flex}.modal-title{color:var(--text-main);letter-spacing:-.01em;font-size:1.5rem;font-weight:700}.modal-close{background:var(--surface-2);width:38px;height:38px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.modal-close:hover{background:var(--border);color:var(--text-main)}.modal-body{color:var(--text-muted);padding:1.5rem 1.75rem;line-height:1.6}.modal-foot{justify-content:flex-end;gap:.75rem;padding:0 1.75rem 1.75rem;display:flex}