.modal-overlay{z-index:50;background-color:#00000080;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:64rem;max-height:90vh;animation:.2s ease-out modalSlideIn;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000080}.modal-content-md{max-width:48rem}.modal-content-sm{max-width:32rem}.modal-loading-overlay{z-index:60;background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-loading-inner{text-align:center;background:#fff;border-radius:12px;min-width:320px;padding:32px;box-shadow:0 8px 32px #00000080}.modal-loading-text{color:#111827;margin-bottom:0;font-size:18px;font-weight:500}.modal-loading-subtext{color:#6b7280;margin-top:8px;font-size:14px}.modal-spinner{border:4px solid #f3f4f6;border-top-color:#2563eb;border-radius:50%;width:48px;height:48px;margin:0 auto 16px;animation:1s linear infinite spin}.modal-spinner-orange{border-top-color:#ea580c}.modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:#111827;margin:0;font-size:20px;font-weight:700}.modal-close-btn{color:#6b7280;cursor:pointer;background-color:#0000;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.modal-close-btn:hover{color:#111827;background-color:#f3f4f6}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-body-no-padding{padding:0}.modal-footer{border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.modal-scrollable::-webkit-scrollbar{width:8px}.modal-scrollable::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.modal-scrollable::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-scrollable::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-scrollable{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.lightbox-overlay{z-index:60;background-color:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.lightbox-close-btn{cursor:pointer;z-index:61;background-color:#fff;border:none;border-radius:9999px;padding:8px;transition:all .2s;position:absolute;top:16px;right:16px;box-shadow:0 2px 8px #0000001a}.lightbox-close-btn:hover{background-color:#f3f4f6;transform:scale(1.05)}.tracking-modal-content{grid-template-columns:1fr;height:100%;display:grid}@media (min-width:1024px){.tracking-modal-content{grid-template-columns:1fr 1fr}}.tracking-left-panel{background-color:#f9fafb;border-right:1px solid #e5e7eb;padding:24px;overflow-y:auto}.tracking-right-panel{max-height:calc(90vh - 120px);padding:24px;overflow-y:auto}@media (max-width:768px){.modal-content{border-radius:0;max-width:100%;max-height:100vh}.modal-header,.modal-body{padding:16px}.modal-footer{padding:12px 16px}.tracking-left-panel,.tracking-right-panel{padding:16px}}.modal-backdrop-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-no-scroll,body.modal-open{overflow:hidden}