.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--sp-6);animation:modal-fade-in .15s ease}.modal-card{background:var(--surface-0);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);width:100%;max-height:calc(100vh - 80px);overflow-y:auto;animation:modal-slide-up .2s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border-light)}.modal-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-primary)}.modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-tertiary);font-size:var(--fs-lg);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal-close:hover{background:var(--surface-1);color:var(--text-primary)}.modal-body{padding:var(--sp-6)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}