.modal-overlay{z-index:200;background:#17224c80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-white);border-radius:24px;width:100%;max-width:560px;max-height:calc(100vh - 40px);padding:1.5rem;position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000040}.modal-close-btn{z-index:1;width:2.25rem;height:2.25rem;color:var(--color-text);cursor:pointer;background:#ffffffe6;border:none;border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;top:1rem;right:1rem}.modal-image-wrapper{border-radius:16px;margin-bottom:1rem;overflow:hidden}.modal-title{color:var(--color-navy);margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.modal-subtitle{color:var(--color-text-secondary);font-size:.9rem}.modal-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0;display:grid}.modal-info-box{background:var(--color-bg-light);border-radius:12px;padding:.75rem 1rem}.modal-label{color:var(--color-text-secondary);margin-bottom:.25rem;font-size:.75rem}.modal-value{color:var(--color-text);font-size:.95rem;font-weight:700}.modal-actions{flex-wrap:wrap;gap:.5rem;display:flex}.modal-actions .btn-close{text-align:center;border:1px solid var(--color-border);background:var(--color-white);color:var(--color-text);cursor:pointer;border-radius:12px;flex:1;padding:.75rem 1rem;font-size:.9rem;font-weight:700;text-decoration:none}.modal-actions .btn-action{color:var(--color-white);cursor:pointer;background:#4a90e2;border:none;border-radius:12px;flex:1;padding:.75rem 1rem;font-size:.9rem;font-weight:700}