.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.booking-details-modal{background:#2a3642;border-radius:var(--border-radius-lg);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.close-button{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;border:none;background:hsla(55,80%,92%,.1);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.close-button:hover{background:rgba(200,61,23,.2);color:var(--color-danger);transform:rotate(90deg) scale(1.1)}.close-button svg{width:20px;height:20px}.modal-header{padding:32px;border-bottom:1px solid var(--color-border);text-align:center;animation:headerFadeIn .5s ease-out .1s backwards}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.status-badge-large{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:24px;font-size:14px;font-weight:600;margin-bottom:16px;animation:badgePopIn .5s cubic-bezier(.68,-.55,.265,1.55) .2s backwards;transition:all .2s;box-shadow:0 2px 8px rgba(0,0,0,.15)}@keyframes badgePopIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.status-badge-large:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.25)}.status-badge-large svg{width:18px;height:18px}.status-badge-large.active{background:linear-gradient(135deg,rgba(16,185,129,.25),rgba(5,150,105,.2));color:#10b981;border:2px solid rgba(16,185,129,.6);text-shadow:0 1px 2px rgba(0,0,0,.1)}.status-badge-large.active:hover{background:linear-gradient(135deg,rgba(16,185,129,.35),rgba(5,150,105,.3));border-color:#10b981;box-shadow:0 4px 16px rgba(16,185,129,.4)}.status-badge-large.active svg{filter:drop-shadow(0 1px 2px rgba(16,185,129,.5))}.status-badge-large.pending{background:linear-gradient(135deg,rgba(245,158,11,.25),rgba(217,119,6,.2));color:#f59e0b;border:2px solid rgba(245,158,11,.6);text-shadow:0 1px 2px rgba(0,0,0,.1)}.status-badge-large.pending:hover{background:linear-gradient(135deg,rgba(245,158,11,.35),rgba(217,119,6,.3));border-color:#f59e0b;box-shadow:0 4px 16px rgba(245,158,11,.4)}.status-badge-large.pending svg{filter:drop-shadow(0 1px 2px rgba(245,158,11,.5))}.status-badge-large.cancelled{background:linear-gradient(135deg,rgba(239,68,68,.25),rgba(220,38,38,.2));color:#ef4444;border:2px solid rgba(239,68,68,.6);text-shadow:0 1px 2px rgba(0,0,0,.1)}.status-badge-large.cancelled:hover{background:linear-gradient(135deg,rgba(239,68,68,.35),rgba(220,38,38,.3));border-color:#ef4444;box-shadow:0 4px 16px rgba(239,68,68,.4)}.status-badge-large.cancelled svg{filter:drop-shadow(0 1px 2px rgba(239,68,68,.5))}.modal-header h2{font-size:24px;font-weight:700;color:var(--color-text);margin:0 0 8px;animation:titleSlideIn .5s ease-out .3s backwards}@keyframes titleSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.booking-id{font-size:12px;color:hsla(55,80%,92%,.6);font-family:Monaco,Courier New,monospace;display:inline-block;width:-moz-fit-content;width:fit-content;background:rgba(213,171,22,.12);padding:6px 10px;border-radius:6px;border:1px solid rgba(213,171,22,.25);margin-top:12px;word-break:break-all;letter-spacing:.5px;animation:idFadeIn .5s ease-out .4s backwards;transition:all .2s}.booking-id:hover{background:rgba(213,171,22,.2);transform:scale(1.02)}@keyframes idFadeIn{0%{opacity:0}to{opacity:1}}.modal-body{padding:32px;gap:24px}.details-section,.modal-body{display:flex;flex-direction:column}.details-section{gap:16px;animation:sectionSlideIn .4s ease-out backwards}.details-section:first-child{animation-delay:.2s}.details-section:nth-child(2){animation-delay:.3s}.details-section:nth-child(3){animation-delay:.4s}.details-section:nth-child(n+4){animation-delay:.5s}@keyframes sectionSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.details-section h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--color-text);margin:0;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.details-section h3 svg{width:18px;height:18px;color:var(--color-accent);transition:transform .3s}.details-section:hover h3 svg{transform:scale(1.2)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.detail-item{display:flex;flex-direction:column;gap:8px;animation:itemFadeIn .3s ease-out backwards}.detail-item:first-child{animation-delay:.05s}.detail-item:nth-child(2){animation-delay:.1s}.detail-item:nth-child(3){animation-delay:.15s}.detail-item:nth-child(4){animation-delay:.2s}.detail-item:nth-child(n+5){animation-delay:.25s}@keyframes itemFadeIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.detail-label{font-size:13px;color:hsla(55,80%,92%,.5);font-weight:500;display:flex;align-items:center;gap:6px;line-height:1.4}.detail-label svg{width:14px;height:14px;flex-shrink:0}.detail-value{font-size:15px;color:var(--color-text);font-weight:500;line-height:1.4;transition:color .2s}.detail-item:hover .detail-value{color:var(--color-accent)}.pricing-breakdown{display:flex;flex-direction:column;gap:12px}.pricing-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:hsla(55,80%,92%,.7);animation:pricingFadeIn .3s ease-out backwards;transition:all .2s}.pricing-row:first-child{animation-delay:.1s}.pricing-row:nth-child(2){animation-delay:.15s}.pricing-row:nth-child(3){animation-delay:.2s}.pricing-row:nth-child(4){animation-delay:.25s}.pricing-row:nth-child(n+5){animation-delay:.3s}@keyframes pricingFadeIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.pricing-row:hover{color:hsla(55,80%,92%,.9);transform:translateX(3px)}.pricing-row.total{margin-top:8px;padding-top:12px;border-top:2px solid var(--color-border);font-size:16px;font-weight:700;color:var(--color-text);animation:totalPriceScale .5s cubic-bezier(.68,-.55,.265,1.55) .4s backwards}@keyframes totalPriceScale{0%{transform:scale(.9)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pricing-row.total span:last-child{color:var(--color-accent)}@media (max-width:640px){.booking-details-modal{max-width:100%;max-height:100vh;border-radius:0;animation:modalSlideInMobile .4s ease-out}@keyframes modalSlideInMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-body,.modal-header{padding:24px}.details-grid{grid-template-columns:1fr}.status-badge-large{font-size:13px;padding:8px 16px}.modal-header h2{font-size:20px}}.booking-details-modal::-webkit-scrollbar{width:8px}.booking-details-modal::-webkit-scrollbar-track{background:rgba(33,42,49,.4)}.booking-details-modal::-webkit-scrollbar-thumb{background:rgba(213,171,22,.3);border-radius:4px;-webkit-transition:background .2s;transition:background .2s}.booking-details-modal::-webkit-scrollbar-thumb:hover{background:rgba(213,171,22,.5)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}