.modal-overlay{-webkit-backdrop-filter:blur(var(--admin-blur-scrim));backdrop-filter:blur(var(--admin-blur-scrim));z-index:var(--admin-z-modal);opacity:1;transition:opacity var(--admin-duration-modal)var(--admin-ease-out);background:#0a162899;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-overlay[data-state=closed]{opacity:0;pointer-events:none;transition-duration:var(--admin-duration-exit)}.modal-content{background:var(--admin-yacht-white);border-radius:var(--admin-radius-lg);box-shadow:var(--admin-shadow-2xl);transform-origin:50%;opacity:1;width:100%;max-height:90vh;transition:opacity var(--admin-duration-modal)var(--admin-ease-out),transform var(--admin-duration-modal)var(--admin-ease-out);flex-direction:column;display:flex;overflow:hidden;transform:translateY(0)scale(1)}.modal-content[data-state=closed]{opacity:0;transition-duration:var(--admin-duration-exit);transform:translateY(-8px)scale(.96)}.modal-content--sm{max-width:400px}.modal-content--md{max-width:600px}.modal-content--lg{max-width:900px}.modal-content--xl{max-width:1280px;height:90vh}.modal-header{border-bottom:1px solid var(--admin-border-color-medium);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-title{font-size:var(--admin-font-size-xl);color:var(--admin-yacht-navy);letter-spacing:var(--admin-tracking-heading);font-weight:600;line-height:var(--admin-leading-tight);margin:0}.modal-close{width:36px;height:36px;color:var(--admin-color-gray-500);cursor:pointer;border-radius:var(--admin-radius-sm);transition-property:var(--admin-transition-props);transition-duration:var(--admin-duration-fast);transition-timing-function:var(--admin-ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.modal-close:hover{background:var(--admin-color-gray-100);color:var(--admin-color-gray-900)}.modal-close:active{scale:var(--admin-press-scale);transition-duration:var(--admin-duration-press)}.modal-close:focus-visible{outline:2px solid var(--admin-yacht-gold);outline-offset:2px}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}@media (max-width:640px){.modal-overlay{padding:0}.modal-content{border-radius:0;max-height:100vh;transform:translateY(0)}.modal-content[data-state=closed]{transform:translateY(2%)}.modal-content--sm,.modal-content--md,.modal-content--lg,.modal-content--xl{max-width:100%;height:100vh}}