.modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-modal);animation:modal-fade-in var(--transition-base) var(--ease-in-out);overflow-y:auto}.modal{background:var(--color-surface-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--modal-border-radius);box-shadow:var(--modal-shadow);padding:var(--modal-padding);padding-top:calc(var(--modal-padding) + var(--space-6) + var(--space-2));position:relative;animation:modal-pop var(--transition-slow) var(--ease-in-out);outline:none;width:min(var(--modal-width-md),90vw);max-height:85vh;overflow-y:auto}.modal--sm{width:min(var(--modal-width-sm),100%)}.modal--md{width:min(var(--modal-width-md),100%)}.modal--lg{width:min(var(--modal-width-lg),100%)}.modal--xl{width:min(900px,100%)}.modal--fullscreen{width:100%;height:100%;border-radius:0;max-height:100vh;max-width:100%}.modal--default{background:var(--color-surface-tertiary);border:1px solid var(--color-border)}.modal--danger{border-color:var(--color-error-border)}.modal--danger .modal-title{color:var(--color-error)}.modal--success{border-color:var(--color-success-border)}.modal--success .modal-title{color:var(--color-success)}.modal-close-button{position:absolute;top:var(--space-4);right:var(--space-4);background:transparent;border:none;cursor:pointer;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-secondary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-base) var(--ease-in-out);opacity:.7}.modal-close-button:hover{opacity:1;background:rgba(124,58,237,.1);color:var(--color-text-primary)}.modal-close-button:focus-visible{outline:var(--focus-outline-width) var(--focus-outline-style) var(--accent);outline-offset:var(--focus-outline-offset)}.modal-header{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-lighter)}.modal-header:last-child{margin-bottom:0;border-bottom:none}.modal-title{margin:0;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.modal-description{margin:0;color:var(--color-text-secondary);font-size:var(--text-base)}.modal-body,.modal-description{line-height:var(--line-height-normal)}.modal-body{color:var(--color-text-primary);display:flex;flex-direction:column;gap:var(--space-4)}.modal-footer{display:flex;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border-lighter)}.modal-footer--start{justify-content:flex-start}.modal-footer--center{justify-content:center}.modal-footer--end{justify-content:flex-end}.modal-footer--between{justify-content:space-between}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6)}.modal-actions--start{justify-content:flex-start}.modal-actions--center{justify-content:center}.modal-actions--between{justify-content:space-between}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4)}.modal-message{margin:0 0 var(--space-5) var(--space-3);color:var(--color-text-primary);line-height:var(--line-height-normal);font-size:var(--text-lg);font-weight:var(--font-semibold)}.modal-detail-card{background:var(--input-dark-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);margin:0 0 var(--space-4) 0}.modal-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.modal-detail-title{margin:0;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.modal-detail-amount{margin:0;font-weight:var(--font-bold);color:var(--accent)}.modal-detail-meta,.modal-detail-note{margin:var(--space-1) 0 0 0;color:var(--color-text-secondary);font-size:var(--text-xs)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{transform:translateY(var(--space-2)) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}[data-theme=light] .modal-header{border-bottom-color:#f0f0f0}[data-theme=light] .modal-footer{border-top-color:#f0f0f0}[data-theme=light] .modal-close-button{color:#6b7280}[data-theme=light] .modal-close-button:hover{background:#f3f4f6;color:var(--light-text)}@media (max-width:768px){.modal-overlay{padding:var(--space-4)}.modal{padding:var(--space-5);border-radius:var(--radius-xl)}.modal,.modal--lg,.modal--md,.modal--sm{width:100%}.modal-close-button{top:var(--space-3);right:var(--space-3);width:28px;height:28px}.modal-title{font-size:var(--text-xl)}.modal-description{font-size:var(--text-sm)}.modal-body{gap:var(--space-3)}.modal-actions,.modal-footer{flex-direction:column;gap:var(--space-2)}.modal-actions--center,.modal-actions--start,.modal-footer--center,.modal-footer--end,.modal-footer--start{justify-content:stretch}.modal-actions .btn,.modal-actions .button,.modal-actions .button-modern,.modal-footer .btn,.modal-footer .button,.modal-footer .button-modern{width:100%}}@media (max-width:480px){.modal-overlay{padding:var(--space-2)}.modal{padding:var(--space-4);border-radius:var(--radius-lg)}.modal-header{gap:var(--space-1);margin-bottom:var(--space-3);padding-bottom:var(--space-3)}.modal-title{font-size:var(--text-lg)}.modal-description{font-size:var(--text-xs)}.modal-footer{margin-top:var(--space-4);padding-top:var(--space-3)}}@media (prefers-reduced-motion:reduce){.modal,.modal-overlay{animation:none}.modal-close-button{transition:none}}