.modal-backdrop{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-4);animation:fadeIn var(--transition-base);backdrop-filter:blur(4px)}.modal{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;display:flex;flex-direction:column;z-index:var(--z-modal);animation:slideUp var(--transition-base);position:relative;border:1px solid var(--border)}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:600px}.modal-lg{width:100%;max-width:900px}.modal-xl{width:100%;max-width:1200px}.modal-full{width:calc(100% - var(--space-8));height:calc(100% - var(--space-8));max-width:none;max-height:none}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--border);flex-shrink:0}.modal-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0;font-family:var(--font-sans)}.modal-close{background:none;border:none;cursor:pointer;padding:var(--space-2);color:var(--text-muted);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.modal-close:hover{color:var(--text-primary);background:var(--bg-elevated)}.modal-close:focus-visible{outline:2px solid var(--cd-blue);outline-offset:2px}.modal-body{padding:var(--space-5);overflow-y:auto;flex:1;color:var(--text-primary)}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--bg-elevated);border-radius:var(--radius-sm)}.modal-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-sm)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);background:var(--bg-elevated);flex-shrink:0;border-radius:0 0 var(--radius-lg) var(--radius-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.modal-backdrop{padding:var(--space-3)}.modal{max-height:95vh}.modal-sm,.modal-md,.modal-lg,.modal-xl{width:100%;max-width:100%}.modal-full{width:100%;height:100%;border-radius:0}.modal-header,.modal-body,.modal-footer{padding:var(--space-4)}.modal-title{font-size:var(--text-lg)}.modal-footer{flex-direction:column;align-items:stretch}.modal-footer>*{width:100%}}