.detail-modal-overlay{z-index:1000;background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail-modal{background:var(--neutral-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1001;flex-direction:column;max-height:90vh;animation:.3s slideUp;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.detail-modal-sm{width:90%;max-width:400px}.detail-modal-md{width:90%;max-width:600px}.detail-modal-lg{width:90%;max-width:800px}.detail-modal-xl{width:90%;max-width:1200px}.detail-modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.detail-modal-title{font-size:var(--font-size-xl);color:var(--foreground);margin:0;font-weight:700}.detail-modal-close{color:var(--muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.detail-modal-close:hover{background:var(--neutral-200);color:var(--foreground)}.detail-modal-content{padding:var(--spacing-lg);flex:1;overflow-y:auto}.detail-modal-footer{justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border);display:flex}@media (max-width:768px){.detail-modal{width:95%;max-height:95vh}.detail-modal-header,.detail-modal-content,.detail-modal-footer{padding:var(--spacing-md)}}