.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -2px 10px #0000001a;z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-container{display:flex;justify-content:space-around;align-items:center;max-width:100%;margin:0 auto;padding:8px 0}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 12px;border:none;background:transparent;cursor:pointer;transition:all .2s;flex:1;max-width:80px;min-width:60px}.nav-icon{font-size:24px;transition:transform .2s}.nav-label{font-size:11px;font-weight:500;color:#6b7280;transition:color .2s;white-space:nowrap}.nav-item:active .nav-icon{transform:scale(.9)}.nav-item-active .nav-icon{transform:scale(1.1)}.nav-item-active .nav-label{color:#3b82f6;font-weight:700}body{padding-bottom:70px}@media (min-width: 768px){.bottom-nav-container{max-width:600px}}@media (max-width: 480px){.nav-label{font-size:10px}.nav-icon{font-size:22px}.nav-item{padding:6px 8px;min-width:50px}}.home-page{min-height:100vh;background:#fff}.hero-section{min-height:600px;background:linear-gradient(135deg,#00bcd4d9,#0891b2d9,#2563ebd9),url(/images/library-bg.jpeg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:80px 20px 60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px;position:relative}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;pointer-events:none}.hero-content{text-align:center;max-width:800px;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.hero-logo{height:120px;width:120px;-o-object-fit:contain;object-fit:contain;margin-bottom:24px;animation:fadeInUp .8s ease-out;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.hero-library-name{font-size:64px;font-weight:900;margin-bottom:16px;line-height:1.1;letter-spacing:-1px;text-shadow:0 4px 20px rgba(0,0,0,.2);animation:fadeInUp .8s ease-out}.hero-title{font-size:36px;font-weight:700;margin-bottom:20px;line-height:1.3;opacity:.95}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-subtitle{font-size:20px;margin-bottom:32px;opacity:.95;line-height:1.6}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-cta{padding:16px 32px;font-size:16px;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .3s}.btn-primary,.btn-cta{background:#fff;color:#06b6d4;box-shadow:0 4px 16px #0000001a}.btn-primary:hover,.btn-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.btn-secondary{background:#fff3;color:#fff;border:2px solid white}.btn-secondary:hover{background:#ffffff4d}.library-showcase{padding:0;margin:0;overflow:hidden}.showcase-image-container{position:relative;width:100%;height:600px;overflow:hidden}.showcase-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .5s ease;animation:zoomIn 1.5s ease-out}.showcase-image-container:hover .showcase-image{transform:scale(1.05)}.showcase-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 70%,transparent 100%);padding:60px 40px 40px;color:#fff;animation:slideUp 1s ease-out}.showcase-title{font-size:42px;font-weight:800;margin-bottom:16px;text-shadow:0 4px 12px rgba(0,0,0,.5);animation:fadeIn 1.2s ease-out}.showcase-description{font-size:20px;line-height:1.6;max-width:800px;opacity:.95;text-shadow:0 2px 8px rgba(0,0,0,.5);animation:fadeIn 1.5s ease-out}@keyframes zoomIn{0%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pricing-section,.features-section{padding:80px 20px;max-width:1200px;margin:0 auto}.section-title{font-size:48px;font-weight:800;color:#1a1a1a;text-align:center;margin-bottom:16px}.section-subtitle{font-size:20px;font-weight:500;font-style:italic;color:#06b6d4;text-align:center;margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:48px}.pricing-home-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s;position:relative}.pricing-home-card:hover{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626;transform:translateY(-4px)}.pricing-card-popular{border-color:#10b981;box-shadow:0 8px 24px #10b98133;transform:scale(1.05)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:11px;font-weight:700;padding:6px 16px;border-radius:16px;text-transform:uppercase;letter-spacing:.5px}.pricing-duration{font-size:16px;font-weight:700;color:#374151;margin-bottom:12px}.pricing-price{font-size:32px;font-weight:800;color:#3b82f6;margin-bottom:8px}.pricing-per-month{font-size:14px;color:#6b7280;margin-bottom:12px}.pricing-total{font-size:12px;color:#9ca3af;margin-bottom:20px}.pricing-book-btn{width:100%;padding:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.pricing-book-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.features-header{text-align:center;margin-bottom:60px}.features-grid-enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-bottom:80px}.feature-card-enhanced{opacity:0;animation:fadeInUp .6s ease-out forwards;animation-play-state:running}.feature-card-inner{position:relative;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:24px;padding:40px 28px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;height:100%}.feature-card-inner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#06b6d40d,#2563eb0d);opacity:0;transition:opacity .4s ease}.feature-card-enhanced:hover .feature-card-inner{transform:translateY(-12px);border-color:#06b6d4;box-shadow:0 20px 40px #06b6d426}.feature-card-enhanced:hover .feature-card-inner:before{opacity:1}.feature-icon-wrapper{position:relative;width:100px;height:100px;margin:0 auto 24px}.feature-icon-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#06b6d4,#2563eb);border-radius:50%;opacity:.1;transition:all .4s ease}.feature-card-enhanced:hover .feature-icon-bg{opacity:.15;transform:scale(1.1) rotate(10deg);animation:pulse 2s ease-in-out infinite}.feature-icon-large{position:relative;font-size:56px;line-height:100px;transition:transform .4s ease}.feature-card-enhanced:hover .feature-icon-large{transform:scale(1.15) rotate(-5deg)}.feature-title-enhanced{font-size:20px;font-weight:800;color:#1a1a1a;margin-bottom:12px;transition:color .3s ease}.feature-card-enhanced:hover .feature-title-enhanced{color:#06b6d4}.feature-description-enhanced{font-size:15px;color:#64748b;line-height:1.6;margin-bottom:16px}.stats-bar{display:flex;justify-content:space-around;align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:20px;padding:40px 20px;margin-top:60px;box-shadow:0 10px 30px #06b6d41a}.stat-item{text-align:center;flex:1}.stat-number{font-size:48px;font-weight:900;background:linear-gradient(135deg,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;animation:countUp 1.5s ease-out}.stat-label{font-size:14px;font-weight:600;color:#0369a1;text-transform:uppercase;letter-spacing:.5px}.stat-divider{width:2px;height:60px;background:linear-gradient(to bottom,transparent,#7dd3fc,transparent)}@keyframes pulse{0%,to{transform:scale(1.1) rotate(10deg)}50%{transform:scale(1.15) rotate(10deg)}}@keyframes countUp{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:48px}.feature-card{text-align:center;padding:32px 20px}.feature-icon{font-size:48px;margin-bottom:16px}.feature-title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.feature-description{font-size:14px;color:#6b7280;line-height:1.6}.cta-section{position:relative;background:linear-gradient(135deg,#0891b2,#06b6d4,#22d3ee);color:#fff;padding:100px 20px;text-align:center;overflow:hidden}.cta-background-pattern{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.cta-circle{position:absolute;border-radius:50%;background:#ffffff14;animation:floatCircle 20s ease-in-out infinite}.cta-circle-1{width:300px;height:300px;top:-100px;left:-50px;animation-delay:0s}.cta-circle-2{width:400px;height:400px;bottom:-150px;right:-100px;animation-delay:5s}.cta-circle-3{width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes floatCircle{0%,to{transform:translate(0) scale(1);opacity:.05}50%{transform:translate(30px,-30px) scale(1.1);opacity:.1}}.cta-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.cta-emoji-wrapper{margin-bottom:24px;animation:bounce 2s ease-in-out infinite}.cta-emoji{font-size:72px;display:inline-block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.15))}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.cta-title{font-size:48px;font-weight:900;margin-bottom:20px;text-shadow:0 4px 20px rgba(0,0,0,.1);line-height:1.2}.cta-subtitle{font-size:20px;margin-bottom:40px;opacity:.95;line-height:1.6}.cta-highlight{font-weight:800;background:#ffffff40;padding:4px 12px;border-radius:8px;display:inline-block}.cta-features{display:flex;justify-content:center;gap:40px;margin-bottom:40px;flex-wrap:wrap}.cta-feature-item{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600}.cta-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff40;border-radius:50%;font-size:14px;font-weight:800}.btn-cta{display:inline-flex;align-items:center;gap:12px;background:#fff;color:#0891b2;font-size:20px;font-weight:700;padding:20px 48px;border:none;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #00000026}.btn-cta:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 15px 40px #00000040}.btn-cta-arrow{font-size:24px;transition:transform .3s ease}.btn-cta:hover .btn-cta-arrow{transform:translate(8px)}@media (max-width: 768px){.cta-section{padding:60px 20px}.cta-emoji{font-size:56px}.cta-title{font-size:32px}.cta-subtitle{font-size:16px}.cta-features{gap:20px;flex-direction:column;align-items:center}.btn-cta{font-size:18px;padding:16px 36px}.cta-circle-1,.cta-circle-2,.cta-circle-3{display:none}}.home-footer{background:#1a1a1a;color:#fff;padding:48px 20px}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px}.footer-section h4{font-size:16px;font-weight:700;margin-bottom:16px}.footer-section p{font-size:14px;color:#9ca3af;margin:8px 0}.footer-powered-by{max-width:1200px;margin:32px auto 0;padding-top:24px;border-top:1px solid #333;text-align:center}.powered-by-link{display:inline-flex;align-items:center;gap:8px;color:#9ca3af;text-decoration:none;font-size:14px;transition:all .3s ease}.powered-by-link:hover{color:#06b6d4;transform:translateY(-2px)}.ordinaa-logo{height:24px;width:24px;-o-object-fit:contain;object-fit:contain;filter:brightness(.8);transition:filter .3s ease}.powered-by-link:hover .ordinaa-logo{filter:brightness(1.2)}.ordinaa-text{font-weight:600;font-size:16px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:40px auto}@media (max-width: 768px){.hero-section{min-height:500px;padding:60px 16px 40px;gap:24px;background-attachment:scroll}.hero-content{max-width:100%;padding:0 8px}.hero-library-name{font-size:36px;margin-bottom:12px}.hero-title{font-size:22px;margin-bottom:16px}.hero-subtitle{font-size:15px;line-height:1.5;margin-bottom:24px}.hero-buttons{flex-direction:column;width:100%;gap:12px}.btn-primary,.btn-secondary,.btn-cta{width:100%;padding:14px 24px;font-size:15px}.pricing-section,.features-section{padding:48px 16px}.section-title{font-size:26px;margin-bottom:12px}.section-subtitle{font-size:15px;margin-bottom:32px;padding:0 8px}.pricing-cards{grid-template-columns:1fr;gap:16px;margin-top:32px}.pricing-home-card{padding:24px 20px}.pricing-duration{font-size:15px}.pricing-price{font-size:28px}.pricing-per-month{font-size:13px}.pricing-book-btn{padding:14px;font-size:15px}.features-grid-enhanced{grid-template-columns:1fr;gap:20px;margin-bottom:50px}.feature-card-inner{padding:32px 24px}.feature-icon-wrapper{width:80px;height:80px}.feature-icon-large{font-size:44px;line-height:80px}.feature-title-enhanced{font-size:18px}.feature-description-enhanced{font-size:14px}.stats-bar{flex-direction:column;gap:24px;padding:32px 20px}.stat-divider{width:80%;height:2px;background:linear-gradient(to right,transparent,#7dd3fc,transparent)}.stat-number{font-size:40px}.stat-label{font-size:12px}.features-grid{grid-template-columns:1fr;gap:24px;margin-top:32px}.feature-card{padding:24px 16px}.feature-icon{font-size:40px}.feature-title{font-size:17px}.feature-description{font-size:14px}.cta-section{padding:48px 16px}.cta-title{font-size:26px;margin-bottom:12px}.cta-subtitle{font-size:15px;margin-bottom:24px}.btn-cta{font-size:16px;padding:16px 32px}.showcase-image-container{height:400px}.showcase-overlay{padding:40px 20px 30px}.showcase-title{font-size:28px}.showcase-description{font-size:16px}.home-footer{padding:32px 16px}.footer-content{grid-template-columns:1fr;gap:24px;text-align:center}.footer-section h4{font-size:15px}.footer-section p{font-size:13px}.powered-by-link{font-size:13px;gap:6px}.ordinaa-logo{height:20px;width:20px}.ordinaa-text{font-size:14px}}@media (max-width: 480px){.hero-library-name{font-size:32px}.hero-title{font-size:20px}.hero-subtitle{font-size:14px}.section-title,.pricing-price{font-size:24px}}.dashboard-page{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:20px 20px 90px}.dashboard-header{margin-bottom:24px}.greeting h1{font-size:28px;font-weight:800;color:#1a1a1a;margin-bottom:4px}.greeting p{font-size:14px;color:#6b7280;font-weight:500}.dashboard-active-booking{background:#fff;border-radius:20px;padding:20px;margin-bottom:28px;box-shadow:0 4px 16px #00000014;border:2px solid #10b981}.active-booking-badge{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;font-weight:700;color:#10b981;text-transform:uppercase;letter-spacing:.5px}.badge-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.active-booking-content{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.booking-seat-row{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px}.booking-seat-left{display:flex;align-items:center;gap:14px;flex:1}.seat-icon{font-size:44px;flex-shrink:0;line-height:1}.seat-info{display:flex;flex-direction:column;gap:6px;justify-content:center}.seat-info .seat-number{font-size:22px;font-weight:900;color:#1a1a1a;line-height:1.1}.seat-info .floor-name{font-size:13px;color:#059669;font-weight:600;line-height:1;margin-top:2px}.booking-seat-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;justify-content:center;flex-shrink:0}.locker-label{font-size:10px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px;line-height:1}.locker-number{font-size:20px;font-weight:900;color:#1a1a1a;line-height:1}.booking-timeline{display:flex;justify-content:space-around;align-items:center;padding:12px;background:#f9fafb;border-radius:12px}.timeline-item{display:flex;flex-direction:column;align-items:center;gap:4px}.timeline-label{font-size:11px;color:#6b7280;font-weight:600;text-transform:uppercase}.timeline-value{font-size:14px;font-weight:700;color:#1a1a1a}.days-count{font-size:28px;color:#10b981}.timeline-divider{width:1px;height:40px;background:#e5e7eb}.holiday-banner{display:flex;align-items:center;gap:12px;padding:14px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;border:2px solid #f59e0b;margin-top:12px;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.holiday-icon{font-size:28px}.holiday-info{flex:1}.holiday-label{font-size:12px;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.holiday-dates{font-size:13px;font-weight:600;color:#78350f}.btn-view-details{width:100%;padding:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-view-details:active{transform:scale(.98)}.dashboard-no-booking{background:#fff;border-radius:20px;padding:40px 20px;margin-bottom:28px;text-align:center;box-shadow:0 4px 12px #0000000d}.no-booking-icon{font-size:48px;margin-bottom:12px}.dashboard-no-booking h3{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.dashboard-no-booking p{font-size:14px;color:#6b7280;margin-bottom:20px}.btn-book-now-dash{padding:12px 32px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-book-now-dash:active{transform:scale(.98)}.quick-actions-section{margin-bottom:28px}.section-title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:16px}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-action-card{background:#fff;border-radius:16px;padding:20px;border:none;cursor:pointer;transition:all .2s;text-align:center;box-shadow:0 2px 8px #0000000d;position:relative;overflow:hidden}.quick-action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:all .2s}.quick-action-card.blue:before{background:linear-gradient(135deg,#3b82f6,#2563eb)}.quick-action-card.green:before{background:linear-gradient(135deg,#10b981,#059669)}.quick-action-card.purple:before{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.quick-action-card.orange:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.quick-action-card:active{transform:scale(.97)}.quick-action-card.disabled{opacity:.5;cursor:not-allowed}.quick-action-card.disabled:active{transform:none}.action-icon{font-size:36px;display:block;margin-bottom:12px}.action-title{font-size:15px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.action-description{font-size:12px;color:#6b7280;font-weight:500}.features-section{margin-bottom:28px}.features-list{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.feature-item{display:flex;align-items:center;gap:16px;padding:16px 20px;border:none;background:#fff;cursor:pointer;transition:all .2s;width:100%;border-bottom:1px solid #f3f4f6}.feature-item:last-child{border-bottom:none}.feature-item:active{background:#f9fafb}.feature-icon{font-size:28px}.feature-info{flex:1;text-align:left}.feature-title{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:2px}.feature-subtitle{font-size:13px;color:#6b7280}.feature-arrow{font-size:24px;color:#d1d5db;font-weight:300}.welcome-guest{text-align:center;padding:60px 20px}.welcome-guest h2{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.welcome-guest p{font-size:14px;color:#6b7280;margin-bottom:24px}.btn-primary{padding:12px 32px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}@media (max-width: 480px){.dashboard-page{padding:16px}.greeting h1{font-size:24px}.booking-seat-row{padding:16px}.booking-seat-left{gap:12px}.seat-icon{font-size:38px}.seat-info{gap:5px}.seat-info .seat-number{font-size:18px}.seat-info .floor-name{font-size:12px}.booking-seat-right{gap:5px}.locker-number{font-size:18px}.locker-label{font-size:9px}.quick-actions-grid{gap:10px}.quick-action-card{padding:16px}.action-icon{font-size:32px}.action-title{font-size:14px}}.pricing-table-container{width:100%;max-width:1000px;margin:0 auto;padding:20px}.pricing-title{font-size:18px;font-weight:500;color:#4b5563;margin-bottom:32px;text-align:center;line-height:1.6}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:24px}.pricing-card{position:relative;background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;border-radius:12px;padding:16px 12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;overflow:hidden}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);opacity:0;transition:opacity .3s}.pricing-card:hover{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f633,0 0 0 1px #3b82f61a;transform:translateY(-4px)}.pricing-card:hover:before{opacity:1}.pricing-card-selected{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 8px 32px #3b82f640,0 0 0 1px #3b82f6;transform:translateY(-2px)}.pricing-card-selected:before{opacity:1}.pricing-duration{font-size:15px;font-weight:700;color:#1e293b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.pricing-amount{font-size:28px;font-weight:800;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px;line-height:1.2}.pricing-card-selected .pricing-amount{background:linear-gradient(135deg,#2563eb,#1e40af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-per-month{font-size:12px;color:#64748b;font-weight:500;margin-bottom:12px}.pricing-select-btn{width:100%;padding:8px 16px;font-size:13px;font-weight:600;border-radius:8px;border:2px solid #e5e7eb;background:#fff;color:#374151;cursor:pointer;transition:all .2s}.pricing-card:hover .pricing-select-btn{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.pricing-card-selected .pricing-select-btn{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.pricing-note{text-align:center;padding:12px 20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:10px;font-size:13px;font-weight:600;color:#166534;box-shadow:0 2px 8px #22c55e1a}@media (max-width: 768px){.pricing-grid{grid-template-columns:repeat(2,1fr);gap:10px}.pricing-amount{font-size:24px}.pricing-duration{font-size:13px}.pricing-per-month{font-size:11px}.pricing-select-btn{font-size:12px;padding:7px 12px}.pricing-card{padding:14px 10px}}@media (max-width: 480px){.pricing-grid{grid-template-columns:repeat(2,1fr)}.pricing-card{padding:12px 8px}.pricing-title{font-size:16px;margin-bottom:24px}.pricing-amount{font-size:22px}.pricing-duration{font-size:12px}}.floor-selector-container{width:100%;max-width:1200px;margin:0 auto;padding:20px}.floor-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.floor-selector-title{font-size:24px;font-weight:600;color:#1a1a1a;margin:0;flex:1}.refresh-button{width:40px;height:40px;border-radius:50%;border:2px solid #e5e7eb;background:#fff;font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.refresh-button:hover:not(:disabled){border-color:#3b82f6;background:#f0f9ff;transform:rotate(90deg)}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.refresh-button:active:not(:disabled){transform:rotate(180deg)}.floor-selector-loading,.floor-selector-error{text-align:center;padding:60px 20px}.retry-button{margin-top:16px;padding:10px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.retry-button:hover{background:#2563eb}.floor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.floor-card{position:relative;background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:24px;cursor:pointer;transition:all .2s ease}.floor-card:hover:not(.floor-card-disabled){border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.floor-card-selected{border-color:#3b82f6;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);box-shadow:0 4px 16px #3b82f633}.floor-card-disabled{opacity:.6;cursor:not-allowed}.floor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.floor-selected-badge{background:#3b82f6;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px}.floor-name{font-size:22px;font-weight:800;color:#1a1a1a}.floor-stats{display:flex;justify-content:center;align-items:center;gap:24px;margin-bottom:20px;padding:16px;background:#f9fafb;border-radius:12px}.floor-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.floor-stat-value{font-size:32px;font-weight:800;color:#1a1a1a;line-height:1}.floor-stat-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.floor-stat-divider{width:1px;height:40px;background:#d1d5db}.floor-availability{margin-bottom:12px}.availability-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:8px}.availability-fill{height:100%;transition:width .3s ease;border-radius:4px}.availability-fill-high{background:linear-gradient(90deg,#10b981,#059669)}.availability-fill-medium{background:linear-gradient(90deg,#f59e0b,#d97706)}.availability-fill-low{background:linear-gradient(90deg,#ef4444,#dc2626)}.availability-text{font-size:13px;font-weight:500;color:#6b7280;text-align:center}.floor-full-badge{position:absolute;top:16px;right:16px;background:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:4px 12px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.floor-grid{grid-template-columns:1fr}.floor-card{padding:20px}.floor-name{font-size:18px}.floor-stat-value{font-size:20px}}.date-range-picker-container{width:100%;max-width:1200px;margin:0 auto;padding:20px}.date-range-title{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:24px;text-align:center}.date-range-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;margin-bottom:24px}.date-picker-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px}.date-picker-readonly{background:#f9fafb}.date-picker-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;margin-bottom:12px}.date-picker-icon{font-size:18px}.date-picker-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;font-family:inherit;color:#1a1a1a;background:#fff;cursor:pointer;transition:all .2s}.date-picker-input:hover{border-color:#3b82f6}.date-picker-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.date-picker-display{margin-top:8px;font-size:18px;font-weight:600;color:#3b82f6;text-align:center}.date-picker-calculated{min-height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center}.date-picker-note{margin-top:4px;font-size:12px;color:#9ca3af;font-style:italic}.date-picker-placeholder{font-size:14px;color:#9ca3af;text-align:center;padding:20px}.duration-arrow{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 16px}.arrow-line{width:100%;height:2px;background:linear-gradient(90deg,#3b82f6,#60a5fa);position:relative}.arrow-text{font-size:14px;font-weight:600;color:#3b82f6;white-space:nowrap;background:#fff;padding:4px 12px;border-radius:12px;border:2px solid #3b82f6}.arrow-head{font-size:24px;color:#3b82f6;font-weight:700}.date-range-summary{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:12px;padding:16px 20px;display:flex;gap:12px;align-items:flex-start}.summary-icon{font-size:20px;flex-shrink:0}.summary-text{font-size:14px;color:#1e40af;line-height:1.6}.summary-text strong{font-weight:700;color:#1e3a8a}@media (max-width: 968px){.date-range-grid{grid-template-columns:1fr;gap:16px}.duration-arrow{flex-direction:row;justify-content:center;padding:12px 0}.arrow-line{display:none}.arrow-head{transform:rotate(90deg)}}@media (max-width: 480px){.date-picker-card{padding:16px}.date-range-summary{padding:12px 16px}.summary-text{font-size:13px}}.custom-floor-container{width:100%;max-width:1400px;margin:0 auto;padding:2rem;background:#fff;border-radius:2.5rem;border:1px solid #f1f5f9;box-shadow:0 20px 40px -15px #0000000d;min-height:700px;display:flex;flex-direction:column;position:relative;overflow:hidden}.custom-legend{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap;z-index:10;padding:.5rem}.legend-item{display:flex;align-items:center;gap:.75rem;padding:10px 20px;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.05);border-radius:100px;color:#475569;font-weight:700;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.legend-item:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.legend-box{width:10px;height:10px;border-radius:50%;position:relative}.legend-available{background-color:#10b98133;border:2px solid #10b981}.legend-holiday-release{background-color:#b4836140;border:2px solid #b48361}.legend-selected{background-color:#4f46e533;border:2px solid #4f46e5}.legend-booked{background-color:#f43f5e1a;border:2px solid #f43f5e}.legend-maintenance{background-color:#f59e0b33;border:2px solid #f59e0b}.react-transform-wrapper{width:100%!important;flex:1;background:#f8fafc!important;border-radius:2rem;border:1px solid #f1f5f9;box-shadow:inset 0 2px 10px #00000005;overflow:hidden;position:relative}.react-transform-component{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}.floor-plan-svg{max-width:100%;max-height:100%;height:auto;display:block}.zoom-controls{position:absolute;bottom:30px;right:30px;display:flex;gap:10px;z-index:100;background:#ffffffd9;padding:8px;border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.zoom-btn{width:40px;height:40px;border:1px solid transparent;background:transparent;color:#64748b;border-radius:10px;font-size:20px;font-weight:500;cursor:pointer;transition:all .2s ease-out;display:flex;align-items:center;justify-content:center}.zoom-btn:hover{background:#f1f5f9;color:#4f46e5;border-color:#e2e8f0}.zoom-btn:active{transform:scale(.95);background:#e2e8f0}.custom-floor-loading{background:#fff;color:#4f46e5;font-family:inherit;font-weight:600;height:100%;width:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-spinner{width:50px;height:50px;border:3px solid #f1f5f9;border-top-color:#4f46e5;border-radius:50%;animation:spin 1s ease-in-out infinite;margin-bottom:1rem}@media (max-width: 768px){.custom-floor-container{padding:1rem;border-radius:1.5rem}.custom-legend{gap:.5rem}.legend-item{padding:8px 12px;font-size:.65rem}.react-transform-wrapper{min-height:400px;border-radius:1rem}.zoom-controls{bottom:16px;right:16px;padding:6px;gap:6px}.zoom-btn{width:36px;height:36px;font-size:18px}}.payment-options-container{width:100%;max-width:1200px;margin:0 auto;padding:20px}.payment-options-title{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:24px;text-align:center}.payment-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:24px}.payment-option-card{position:relative;background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease}.payment-option-card:hover{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626;transform:translateY(-4px)}.payment-option-recommended{border-color:#10b981}.payment-option-selected{border-color:#3b82f6;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);box-shadow:0 8px 24px #3b82f640}.payment-option-badge{position:absolute;top:-12px;right:24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:12px;font-weight:700;padding:6px 16px;border-radius:16px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #10b9814d}.payment-option-recommended .payment-option-badge{background:linear-gradient(135deg,#10b981,#059669)}.payment-option-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.payment-option-icon{font-size:32px}.payment-option-title{font-size:22px;font-weight:700;color:#1a1a1a}.payment-option-description{font-size:14px;color:#6b7280;margin-bottom:20px;line-height:1.5}.payment-option-amount{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:20px;text-align:center}.amount-label{font-size:12px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.amount-value{font-size:36px;font-weight:800;color:#3b82f6}.payment-option-breakdown{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.breakdown-label{color:#6b7280}.breakdown-value{font-weight:600;color:#1a1a1a}.breakdown-item-highlighted{background:#fef3c7;padding:8px 12px;margin:4px -12px;border-radius:8px}.breakdown-item-highlighted .breakdown-label,.breakdown-item-highlighted .breakdown-value{color:#92400e;font-weight:700}.payment-option-benefits{margin-bottom:16px}.benefit-item{display:flex;align-items:flex-start;gap:8px;padding:6px 0;font-size:13px;color:#374151}.benefit-icon{color:#10b981;font-weight:700;flex-shrink:0}.benefit-text{line-height:1.5}.payment-option-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:12px;display:flex;gap:10px;margin-top:16px}.warning-icon{font-size:18px;flex-shrink:0}.warning-text{font-size:12px;color:#92400e;line-height:1.5;font-weight:500}.payment-option-selected-badge{position:absolute;bottom:24px;right:24px;background:#3b82f6;color:#fff;font-size:14px;font-weight:700;padding:8px 16px;border-radius:20px}.payment-options-note{background:#eff6ff;border:1px solid #93c5fd;border-radius:12px;padding:16px 20px;display:flex;gap:12px;align-items:flex-start}.note-icon{font-size:20px;flex-shrink:0}.note-text{font-size:13px;color:#1e40af;line-height:1.6}@media (max-width: 768px){.payment-options-grid{grid-template-columns:1fr}.payment-option-card{padding:20px}.amount-value{font-size:28px}.payment-option-title{font-size:20px}}.floor-switcher-btn{display:flex;flex-direction:row;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;font-family:inherit;flex:1;max-width:120px;box-shadow:0 2px 4px #0000000d}@media (max-width: 480px){.floor-switcher{flex-direction:row;gap:8px;justify-content:center}.floor-switcher-btn{flex:1;max-width:150px}}.booking-page{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:20px 20px 200px}.booking-progress{background:#fff;border-radius:16px;padding:24px;margin-bottom:32px;box-shadow:0 4px 12px #0000000d}.progress-container{display:flex;align-items:center;justify-content:center;max-width:900px;margin:0 auto}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.progress-step-icon{width:56px;height:56px;border-radius:50%;background:#f3f4f6;border:3px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .3s}.progress-step-active .progress-step-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff;box-shadow:0 4px 16px #3b82f64d;transform:scale(1.1)}.progress-step-completed .progress-step-icon{background:#10b981;border-color:#10b981;color:#fff}.progress-step-title{font-size:13px;font-weight:600;color:#6b7280;transition:all .2s}.progress-step-active .progress-step-title{color:#3b82f6;font-size:14px}.progress-step-completed .progress-step-title{color:#10b981}.progress-line{flex:1;height:3px;background:#e5e7eb;margin:-32px 16px 0;transition:background .3s}.progress-line-completed{background:linear-gradient(90deg,#10b981,#059669)}.booking-content{max-width:1400px;margin:0 auto 32px}.booking-step{animation:fadeIn .4s ease-in}.booking-navigation{position:fixed;bottom:20px;left:0;right:0;background:#fff;border-top:2px solid #e5e7eb;padding:20px;display:flex;justify-content:center;gap:16px;box-shadow:0 -4px 12px #0000000d;z-index:1001}.btn-back,.btn-next,.btn-payment{padding:14px 32px;font-size:16px;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .2s;min-width:150px}.btn-back{background:#fff;color:#374151;border:2px solid #e5e7eb}.btn-back:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-back:disabled{opacity:.5;cursor:not-allowed}.btn-next,.btn-payment{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-next:hover:not(:disabled),.btn-payment:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.btn-next:disabled,.btn-payment:disabled{opacity:.5;cursor:not-allowed;transform:none}.booking-summary{position:fixed;top:20px;right:20px;width:320px;background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 8px 24px #0000001a;z-index:50}.summary-title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.summary-label{font-size:13px;color:#6b7280;font-weight:500}.summary-item-total{margin-top:12px;padding-top:16px;border-top:2px solid #e5e7eb;border-bottom:none}.summary-value-total{font-size:20px;color:#3b82f6;font-weight:800}@media (max-width: 1200px){.booking-summary{position:static;width:100%;margin:0 auto 32px;max-width:600px}}@media (max-width: 768px){.booking-page{padding:12px 12px 150px}.booking-progress{padding:16px 12px}.progress-container{gap:8px}.progress-step-icon{width:44px;height:44px;font-size:20px}.progress-step-title{font-size:11px}.progress-line{margin:0 4px}.booking-navigation{padding:10px 12px;gap:8px;bottom:0}.btn-back,.btn-next,.btn-payment{padding:10px 16px;font-size:13px;min-width:100px}.booking-summary{padding:16px}}@media (max-width: 480px){.progress-step-title{display:none}.progress-step-icon{width:40px;height:40px;font-size:18px}.btn-back,.btn-next,.btn-payment{flex:1;min-width:auto}}.extension-banner{background:linear-gradient(135deg,#06b6d4,#0891b2,#2563eb);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 16px #06b6d433}.extension-banner-content{color:#fff}.extension-banner-title{font-size:28px;font-weight:800;margin-bottom:20px;text-align:center}.extension-banner-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.extension-detail{display:flex;flex-direction:column;gap:4px;background:#ffffff26;padding:12px;border-radius:8px}.extension-label{font-size:12px;opacity:.9;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.extension-value{font-size:18px;font-weight:700}.extension-note{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#fff3;border-radius:8px;font-weight:600}.note-icon{font-size:20px}.seat-choice-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:800px;margin:2rem auto}.seat-choice-card{background:#fff;border:3px solid #e5e7eb;border-radius:16px;padding:32px 24px;text-align:center;cursor:pointer;transition:all .3s;position:relative}.seat-choice-card:hover{border-color:#06b6d4;transform:translateY(-4px);box-shadow:0 8px 24px #06b6d426}.seat-choice-selected{border-color:#06b6d4;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);box-shadow:0 8px 24px #06b6d433}.seat-choice-icon{font-size:48px;margin-bottom:16px}.seat-choice-title{font-size:22px;font-weight:700;color:#0f172a;margin-bottom:8px}.seat-choice-desc{font-size:14px;color:#64748b;margin-bottom:0}.seat-choice-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:11px;font-weight:700;padding:6px 12px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.extension-banner{padding:20px}.extension-banner-title{font-size:22px}.extension-banner-details{grid-template-columns:1fr}.extension-value{font-size:16px}.seat-choice-cards{grid-template-columns:1fr}.seat-choice-icon{font-size:40px}.seat-choice-title{font-size:20px}.floor-switcher{flex-direction:row;gap:8px;justify-content:center}.floor-switcher-btn{flex:1;max-width:150px}}.floor-switcher-container{margin-bottom:5px;position:sticky;top:70px;z-index:10;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:8px 0;border-radius:8px}.floor-switcher{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:nowrap;max-width:100%;margin:0 auto;padding:0 12px}.floor-switcher-btn{display:flex;flex-direction:row;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:auto;flex:1;max-width:120px;box-shadow:0 2px 4px #0000000d}.floor-switcher-btn:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.floor-switcher-btn-active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff;box-shadow:0 4px 16px #3b82f64d}.floor-switcher-btn-active:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.floor-switcher-number{font-size:18px;font-weight:700;line-height:1}.floor-switcher-label{font-size:11px;font-weight:500;opacity:.8;text-transform:capitalize;letter-spacing:.3px;white-space:nowrap}.floor-switcher-btn-active .floor-switcher-label{opacity:.95}@media (max-width: 640px){.floor-switcher-container{top:60px;padding:6px 0}.floor-switcher{gap:6px;padding:0 8px}.floor-switcher-btn{padding:6px 12px;gap:4px}.floor-switcher-number{font-size:16px}.floor-switcher-label{font-size:9px}}.selection-banner{position:fixed;bottom:100px;left:0;right:0;background:linear-gradient(135deg,#fff,#f0fdf4);border-top:3px solid #10b981;padding:16px 20px;box-shadow:0 -4px 16px #10b98126;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.selection-info{display:flex;align-items:center;gap:16px;max-width:600px;margin:0 auto}.selection-icon{width:48px;height:48px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;box-shadow:0 4px 12px #10b9814d;flex-shrink:0}.selection-details{flex:1;display:flex;flex-direction:column;gap:4px}.selection-seat{font-size:17px;font-weight:700;color:#065f46;line-height:1.2}.selection-locker{font-size:14px;color:#059669;font-weight:600}@media (max-width: 768px){.selection-banner{bottom:70px;padding:12px 16px}.selection-info{gap:12px}.selection-icon{width:40px;height:40px;font-size:20px}.selection-seat{font-size:15px}.selection-locker{font-size:12px}}.payment-page{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:40px 20px}.payment-container{max-width:1200px;margin:0 auto}.payment-title{font-size:32px;font-weight:800;color:#1a1a1a;text-align:center;margin-bottom:32px}.payment-error{background:#fef2f2;border:2px solid #f87171;border-radius:12px;padding:16px 20px;margin-bottom:24px;display:flex;gap:12px;align-items:center}.error-icon{font-size:24px;flex-shrink:0}.error-message{color:#991b1b;font-weight:500}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}.booking-summary-card,.payment-form-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 12px #0000000d}.card-title{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.summary-section{margin-bottom:24px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.summary-label{font-size:14px;color:#6b7280;font-weight:500}.summary-value{font-size:14px;color:#1a1a1a;font-weight:600}.pricing-breakdown{background:#f9fafb;border-radius:12px;padding:20px}.breakdown-title{font-size:16px;font-weight:700;color:#374151;margin-bottom:16px}.summary-divider{height:1px;background:#d1d5db;margin:16px 0}.highlight-row{background:#fef3c7;margin:8px -12px;padding:12px!important;border-radius:8px;border:none!important}.highlight-row .summary-label,.highlight-row .summary-value{color:#92400e;font-weight:700}.total-row{margin-top:12px;padding-top:16px!important;border-top:2px solid #d1d5db!important;border-bottom:none!important}.total-row .summary-label,.total-row .summary-value{font-size:18px;font-weight:800;color:#3b82f6}.payment-method{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:24px}.method-header{display:flex;gap:16px;align-items:center}.method-icon{font-size:32px}.method-title{font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.method-subtitle{font-size:13px;color:#6b7280}.payment-amount-display{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #93c5fd;border-radius:12px;padding:24px;text-align:center;margin-bottom:24px}.amount-label{font-size:13px;color:#1e40af;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.amount-value{font-size:40px;font-weight:800;color:#1e3a8a;margin-bottom:8px}.amount-note{font-size:12px;color:#1e40af;font-weight:500}.btn-pay-now{width:100%;padding:18px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 16px #10b9814d}.btn-pay-now:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-pay-now:disabled{opacity:.7;cursor:not-allowed;transform:none}.payment-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.payment-security{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.security-icon{font-size:16px}.security-text{font-size:12px;color:#6b7280}.btn-back-to-booking{display:block;margin:0 auto;padding:12px 24px;background:#fff;color:#374151;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-back-to-booking:hover{background:#f9fafb;border-color:#d1d5db}@media (max-width: 968px){.payment-grid{grid-template-columns:1fr;gap:24px}.payment-title{font-size:24px}.amount-value{font-size:32px}.btn-pay-now{font-size:16px;padding:16px}}@media (max-width: 480px){.payment-page{padding:20px 12px}.booking-summary-card,.payment-form-card{padding:20px}.amount-value{font-size:28px}}.seat-lock-info{margin-top:12px;padding-top:12px;border-top:1px solid #fca5a5}.seat-lock-info p{margin:4px 0;font-size:14px;font-weight:600;color:#991b1b}.lock-message{font-size:12px!important;font-weight:400!important;color:#b91c1c!important}.btn-retry-payment{width:100%;padding:18px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 16px #f59e0b4d}.btn-retry-payment:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.btn-retry-payment:disabled{opacity:.7;cursor:not-allowed;transform:none}.confirmation-page{min-height:100vh;background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:40px 20px}.confirmation-container{max-width:800px;margin:0 auto}.success-animation{display:flex;justify-content:center;margin-bottom:32px}.success-checkmark{width:120px;height:120px;border-radius:50%;display:block;stroke-width:3;stroke:#10b981;stroke-miterlimit:10;box-shadow:inset 0 0 #10b981;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;position:relative}.success-checkmark .check-icon{width:120px;height:120px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #10b981}.icon-line{height:5px;background-color:#10b981;display:block;border-radius:2px;position:absolute;z-index:10}.icon-line.line-tip{top:57px;left:25px;width:28px;transform:rotate(45deg);animation:icon-line-tip .75s}.icon-line.line-long{top:52px;right:17px;width:55px;transform:rotate(-45deg);animation:icon-line-long .75s}.icon-circle{top:-4px;left:-4px;z-index:10;width:120px;height:120px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(16,185,129,.5)}.icon-fix{top:12px;width:10px;left:32px;z-index:1;height:105px;position:absolute;transform:rotate(-45deg);background-color:#f0fdf4}@keyframes icon-line-tip{0%{width:0;left:1px;top:26px}54%{width:0;left:1px;top:26px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:28px;left:25px;top:57px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:55px;right:17px;top:52px}}@keyframes fill{to{box-shadow:inset 0 0 0 60px #10b981}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}.confirmation-title{font-size:36px;font-weight:800;color:#166534;text-align:center;margin-bottom:12px}.confirmation-subtitle{font-size:16px;color:#15803d;text-align:center;margin-bottom:40px}.booking-details-card,.next-steps-card{background:#fff;border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 4px 12px #0000000d}.details-title{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.detail-item{display:flex;gap:16px;align-items:flex-start}.detail-icon{font-size:32px;flex-shrink:0}.detail-label{font-size:12px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.detail-value{font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.detail-subvalue{font-size:13px;color:#6b7280}.balance-warning{background:#fef3c7;border:2px solid #f59e0b;border-radius:12px;padding:16px;display:flex;gap:12px;margin-top:24px}.warning-icon{font-size:24px;flex-shrink:0}.warning-title{font-size:14px;font-weight:700;color:#92400e;margin-bottom:4px}.security-deposit-info{background:#eff6ff;border:1px solid #93c5fd;border-radius:12px;padding:16px;display:flex;gap:12px;align-items:center;margin-top:24px}.info-icon{font-size:20px;flex-shrink:0}.info-text{font-size:13px;color:#1e40af}.next-steps-title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:20px}.steps-list{display:flex;flex-direction:column;gap:16px}.step-item{display:flex;gap:16px;align-items:flex-start}.step-number{width:40px;height:40px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.step-title{font-size:15px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.step-description{font-size:13px;color:#6b7280;line-height:1.5}.confirmation-actions{display:flex;gap:16px;justify-content:center;margin-bottom:24px}.btn-primary-action,.btn-secondary-action{padding:14px 32px;font-size:16px;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .2s}.btn-primary-action{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-primary-action:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.btn-secondary-action{background:#fff;color:#374151;border:2px solid #e5e7eb}.btn-secondary-action:hover{background:#f9fafb}.confirmation-footer{display:flex;justify-content:center;gap:24px}.btn-link{background:none;border:none;color:#10b981;font-size:14px;font-weight:600;cursor:pointer;padding:8px;transition:all .2s}.btn-link:hover{color:#059669;text-decoration:underline}@media print{.confirmation-actions,.confirmation-footer{display:none}}@media (max-width: 768px){.confirmation-title{font-size:28px}.details-grid{grid-template-columns:1fr;gap:20px}.booking-details-card,.next-steps-card{padding:24px 20px}.confirmation-actions{flex-direction:column}.btn-primary-action,.btn-secondary-action{width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:2px solid #e5e7eb}.modal-title{font-size:24px;font-weight:700;color:#1a1a1a}.modal-close{width:36px;height:36px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;font-size:24px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#e5e7eb;color:#374151}.modal-error{background:#fef2f2;border:2px solid #f87171;border-radius:12px;padding:16px;margin:20px 32px;display:flex;gap:12px;align-items:center}.error-icon{font-size:20px;flex-shrink:0}.error-text{color:#991b1b;font-size:14px;font-weight:500}.modal-body{padding:24px 32px}.info-box,.warning-box{border-radius:12px;padding:16px;margin-bottom:24px;display:flex;gap:12px;align-items:flex-start}.info-box{background:#eff6ff;border:1px solid #93c5fd}.warning-box{background:#fef3c7;border:1px solid #fbbf24}.info-icon,.warning-icon{font-size:20px;flex-shrink:0}.info-text{font-size:13px;color:#1e40af;line-height:1.6}.warning-text{font-size:13px;color:#92400e;line-height:1.6}.form-group{margin-bottom:20px}.form-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.label-icon{font-size:18px}.form-input,.form-textarea{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;color:#1a1a1a;transition:all .2s}.form-input:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:100px}.duration-display{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #3b82f6;border-radius:8px;padding:12px;text-align:center;font-size:14px;font-weight:700;color:#1e3a8a;margin-bottom:20px}.modal-footer{display:flex;gap:12px;padding:20px 32px;border-top:2px solid #e5e7eb}.btn-cancel-modal,.btn-submit-modal{flex:1;padding:14px 24px;border-radius:8px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel-modal{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.btn-cancel-modal:hover:not(:disabled){background:#e5e7eb}.btn-submit-modal{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.btn-submit-modal:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}.btn-cancel-modal:disabled,.btn-submit-modal:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.modal-content{margin:0;border-radius:16px 16px 0 0;max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:20px}.modal-title{font-size:20px}.modal-footer{flex-direction:column}.btn-cancel-modal,.btn-submit-modal{width:100%}}.my-bookings-page{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:40px 20px}.bookings-container{max-width:1000px;margin:0 auto}.bookings-title{font-size:32px;font-weight:800;color:#1a1a1a;margin-bottom:32px}.spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.section-title{font-size:20px;font-weight:700;color:#374151;margin-bottom:20px}.pending-bookings-section{margin-bottom:48px;animation:slideIn .4s ease-out}.urgent-title{color:#dc2626;font-size:22px}.section-subtitle{color:#dc2626;font-size:14px;margin-top:-12px;margin-bottom:20px;font-weight:600}.pending-booking-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 8px 24px #dc262626;border:3px solid #fca5a5;margin-bottom:20px;animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{border-color:#fca5a5}50%{border-color:#ef4444}}.pending-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #fee2e2}.status-pending{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.booking-id{font-size:13px;font-weight:700;color:#6b7280}.pending-content{display:grid;grid-template-columns:1fr auto;gap:24px;margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:12px;align-items:center}.pending-info{display:flex;gap:24px;align-items:center}.booking-details-compact{display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;font-weight:500}.amount-due{font-weight:700;color:#dc2626;font-size:16px}.countdown-timer{text-align:center;background:#fff;border-radius:12px;padding:16px 24px;border:2px solid #ef4444;min-width:140px}.countdown-timer.urgent{animation:shake .5s ease-in-out infinite;border-color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fca5a5)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.countdown-icon{font-size:32px;margin-bottom:8px}.countdown-time{font-size:28px;font-weight:800;color:#dc2626;line-height:1;margin-bottom:4px;font-family:Courier New,monospace}.countdown-label{font-size:11px;color:#6b7280;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.countdown-timer.urgent .countdown-label{color:#dc2626}.btn-complete-payment-urgent{width:100%;padding:16px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px #dc26264d}.btn-complete-payment-urgent:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 24px #dc262666;background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-complete-payment-urgent:disabled{opacity:.6;cursor:not-allowed}.payment-spinner{width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.active-booking-section{margin-bottom:48px}.active-booking-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 16px #00000014;border:2px solid #10b981}.booking-header{display:flex;gap:12px;margin-bottom:24px}.booking-status-badge{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-holiday{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.booking-main-info{display:grid;grid-template-columns:auto 1fr auto;gap:32px;padding:24px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;margin-bottom:24px;align-items:center}.seat-info{display:flex;gap:16px;align-items:center}.seat-icon{font-size:48px}.seat-number{font-size:24px;font-weight:800;color:#1a1a1a}.seat-locker{font-size:14px;color:#6b7280;font-weight:500}.booking-period{text-align:center}.period-label{font-size:12px;color:#6b7280;font-weight:600;text-transform:uppercase;margin-bottom:8px}.period-dates{font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.period-duration{font-size:13px;color:#10b981;font-weight:600}.holiday-period{margin-top:12px;padding:12px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;border:2px solid #f59e0b;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.holiday-period-label{font-size:11px;color:#92400e;font-weight:700;text-transform:uppercase;margin-bottom:4px;letter-spacing:.5px}.holiday-period-dates{font-size:13px;color:#78350f;font-weight:600}.days-remaining{text-align:center;background:#fff;border-radius:12px;padding:16px 24px;border:2px solid #10b981}.days-number{font-size:36px;font-weight:800;color:#10b981;line-height:1;margin-bottom:8px}.days-label{font-size:12px;color:#6b7280;font-weight:600;text-transform:uppercase}.payment-info{background:#f9fafb;border-radius:12px;padding:20px;margin-bottom:24px}.payment-row{display:flex;justify-content:space-between;padding:10px 0;font-size:14px;border-bottom:1px solid #e5e7eb}.payment-row:last-child{border-bottom:none}.balance-due-row{background:#fef3c7;margin:12px -12px -12px;padding:12px!important;border-radius:8px;border:none!important;font-weight:700}.text-success{color:#10b981;font-weight:700}.text-warning{color:#f59e0b;font-weight:700}.booking-actions{display:flex;gap:12px;flex-wrap:wrap}.booking-actions button{flex:1;min-width:150px;padding:12px 20px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-complete-payment{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-holiday-request{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-extend{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-cancel{background:#f3f4f6;color:#ef4444;border:2px solid #ef4444}.booking-actions button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.payment-deadline-warning{background:#fef3c7;border:2px solid #f59e0b;border-radius:8px;padding:12px;text-align:center;color:#92400e;font-size:14px;font-weight:600;margin-top:20px}.no-active-booking{background:#fff;border-radius:16px;padding:60px 40px;text-align:center;box-shadow:0 4px 12px #0000000d;margin-bottom:48px}.no-booking-icon{font-size:64px;margin-bottom:16px}.no-active-booking h3{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.no-active-booking p{color:#6b7280;margin-bottom:24px}.btn-book-now{padding:14px 32px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-book-now:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f64d}.history-list{display:flex;flex-direction:column;gap:16px}.history-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.history-id{font-size:14px;font-weight:700;color:#374151}.history-status{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase}.status-completed{background:#dbeafe;color:#1e40af}.status-cancelled{background:#fee2e2;color:#991b1b}.status-expired{background:#f3f4f6;color:#6b7280}.status-upcoming{background:#dbeafe;color:#1e40af}.status-failed,.status-pending-payment{background:#fee2e2;color:#991b1b}.failed-booking{border-left:4px solid #ef4444}.failed-message{background:#fef2f2;border:2px solid #fca5a5;border-radius:8px;padding:12px;margin-top:12px;color:#991b1b;font-size:13px;font-weight:600;text-align:center}.history-details{display:flex;flex-wrap:wrap;gap:20px}.history-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.btn-modify-small,.btn-cancel-small{flex:1;padding:8px 16px;border-radius:6px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-modify-small{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-modify-small:hover{transform:translateY(-1px);box-shadow:0 3px 8px #3b82f64d}.btn-cancel-small{background:#fff;color:#ef4444;border:2px solid #ef4444}.btn-cancel-small:hover{background:#fef2f2;transform:translateY(-1px);box-shadow:0 3px 8px #ef444433}.history-detail{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151}.detail-icon{font-size:16px}@media (max-width: 968px){.pending-content{grid-template-columns:1fr;gap:16px}.pending-info{flex-direction:column;align-items:flex-start}.countdown-timer{width:100%}.booking-main-info{grid-template-columns:1fr;gap:20px}.days-remaining{max-width:200px;margin:0 auto}.booking-actions{flex-direction:column}.booking-actions button{width:100%}}@media (max-width: 480px){.my-bookings-page{padding:20px 12px}.active-booking-card,.no-active-booking{padding:24px 20px}.seat-icon{font-size:36px}.seat-number{font-size:20px}.days-number{font-size:28px}.history-actions{flex-direction:column}.btn-modify-small,.btn-cancel-small{width:100%}}.holiday-requests-section{margin-bottom:48px;animation:slideIn .4s ease-out}.section-header-with-icon{display:flex;align-items:center;gap:16px;margin-bottom:24px}.section-icon{font-size:40px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.holiday-requests-section .section-title{margin-bottom:4px}.holiday-requests-section .section-subtitle{color:#059669;font-size:13px;margin:0;font-weight:500}.holiday-requests-list{display:flex;flex-direction:column;gap:20px}.holiday-card{background:#fff;border-radius:20px;padding:0;box-shadow:0 2px 8px #0000000f,0 4px 16px #0000000a;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05)}.holiday-card:hover{box-shadow:0 8px 24px #0000001a,0 4px 16px #0000000f;transform:translateY(-4px)}.holiday-card-header{text-align:center!important;padding:24px 24px 20px!important;background:#fff!important;border-bottom:1px solid #e5e7eb!important;margin-bottom:4px!important;display:block!important}.holiday-status-badge{padding:12px 20px;border-radius:50px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 8px #00000026}.holiday-status-badge .status-icon{font-size:16px}.holiday-status-badge .status-text{font-size:11px}.status-pending-holiday{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.status-approved{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-rejected{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.status-completed{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.holiday-main-content{display:flex;justify-content:center;padding:24px}.holiday-info-card{background:linear-gradient(135deg,#f8fafc,#fff);border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;border:1px solid #e2e8f0;transition:all .2s ease;max-width:500px;width:100%}.holiday-info-card:hover{background:linear-gradient(135deg,#f1f5f9,#fff);border-color:#cbd5e1}.holiday-info-card .info-icon{font-size:40px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-shrink:0}.holiday-info-card .info-content{flex:1;text-align:center}.holiday-info-card .info-value{font-size:20px;font-weight:800;color:#1e293b;line-height:1.4}.holiday-info-card .info-meta{font-size:13px;font-weight:600;color:#64748b;margin:6px 0;text-transform:lowercase}.holiday-info-card .seat-subtext{font-size:12px;font-weight:500;color:#94a3b8;margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.holiday-reason-section{padding:20px 24px;background:linear-gradient(135deg,#fefce8,#fef9c3);border-top:1px solid #fde047;border-bottom:1px solid #fde047}.reason-label{font-size:11px;font-weight:800;color:#854d0e;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}.reason-text{font-size:14px;font-weight:500;color:#713f12;line-height:1.6;font-style:italic}.holiday-admin-notes{padding:20px 24px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-top:1px solid #fbbf24;border-bottom:1px solid #fbbf24}.admin-notes-label{font-size:11px;font-weight:800;color:#92400e;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}.admin-notes-text{font-size:14px;font-weight:600;color:#78350f;line-height:1.6}.holiday-card-footer{padding:16px 24px;background:#fafbfc;border-top:1px solid #e2e8f0}.footer-item{display:flex;align-items:center;gap:8px}.footer-icon{font-size:14px;opacity:.6}.footer-text{font-size:12px;font-weight:600;color:#64748b}@media (max-width: 768px){.section-header-with-icon{gap:12px}.section-icon{font-size:32px}.holiday-main-content{padding:20px}.holiday-info-card{padding:20px;gap:16px}.holiday-info-card .info-icon{font-size:36px}.holiday-info-card .info-value{font-size:18px}.holiday-info-card .info-meta{font-size:12px}.holiday-info-card .seat-subtext{font-size:11px}.holiday-card-header{padding:16px 20px}.holiday-status-badge{padding:8px 14px}.holiday-reason-section,.holiday-admin-notes{padding:16px 20px}}@media (max-width: 480px){.section-header-with-icon{gap:10px}.section-icon{font-size:28px}.holiday-card-header{padding:16px}.holiday-status-badge{padding:8px 12px;font-size:11px}.holiday-status-badge .status-icon{font-size:14px}.holiday-status-badge .status-text{font-size:10px}.holiday-main-content{padding:16px}.holiday-info-card{padding:18px;gap:12px;flex-direction:column;text-align:center}.holiday-info-card .info-icon{font-size:32px}.holiday-info-card .info-value{font-size:16px}.holiday-info-card .info-meta{font-size:11px}.holiday-info-card .seat-subtext{font-size:10px}.holiday-reason-section,.holiday-admin-notes{padding:14px 16px}.reason-label,.admin-notes-label{font-size:10px}.reason-text,.admin-notes-text{font-size:13px}.holiday-card-footer{padding:14px 16px}.footer-text{font-size:11px}}.admin-floor-plan-view{width:100%;max-width:1400px;margin:0 auto;padding:20px}.admin-floor-plan-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.admin-floor-plan-header{margin-bottom:24px}.admin-floor-plan-title{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:16px}.admin-controls{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap;padding:16px;background:#fff;border-radius:12px;border:1px solid #f1f5f9;margin-bottom:16px}.admin-date-selector{display:flex;gap:24px;flex:1}.control-group{display:flex;flex-direction:column;gap:6px}.control-group label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.admin-date-input,.admin-duration-select{padding:10px 14px;border:2px solid #f1f5f9;border-radius:8px;font-size:14px;font-weight:600;color:#0f172a;background:#f8fafc;transition:all .2s;min-width:160px}.admin-date-input:focus,.admin-duration-select:focus{outline:none;border-color:#818cf8;background:#fff}.admin-secondary-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:12px;padding:0 4px}.admin-search{flex:1;max-width:400px}.admin-search-input{width:100%;padding:10px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s}.admin-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin-status-filters{display:flex;gap:16px;align-items:center}.status-filter-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:500;color:#4b5563;-webkit-user-select:none;-moz-user-select:none;user-select:none}.status-filter-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.filter-dot{width:12px;height:12px;border-radius:50%;border:2px solid transparent}.filter-available{background-color:#10b981}.filter-booked{background-color:#ef4444}.filter-maintenance{background-color:#f59e0b}.admin-view-toggle{display:flex;gap:0;background:#f3f4f6;border-radius:8px;padding:4px}.view-toggle-btn{padding:8px 20px;border:none;background:transparent;border-radius:6px;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.view-toggle-btn:hover{color:#1a1a1a}.view-toggle-btn.active{background:#fff;color:#3b82f6;box-shadow:0 1px 3px #0000001a}.admin-floor-plan-content{position:relative;margin-top:20px}.admin-seat-info-panel{position:fixed;right:20px;top:50%;transform:translateY(-50%);width:280px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:20px;z-index:100}.admin-seat-info-panel h3{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.admin-seat-info-panel p{font-size:14px;color:#6b7280;margin-bottom:8px}.admin-list-view-container{width:100%;overflow-x:auto;border-radius:12px;background:#fff;box-shadow:0 4px 6px -1px #0000001a}.admin-seat-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.admin-seat-table th{background:#f8fafc;padding:16px;font-weight:700;color:#475569;border-bottom:2px solid #f1f5f9}.admin-seat-table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.admin-seat-table th.sortable:hover{color:#4f46e5;background:#f1f5f9}.admin-seat-table td{padding:16px;border-bottom:1px solid #f1f5f9;color:#1e293b}.admin-seat-table tr:hover{background:#f8fafc}.status-badge{padding:4px 10px;border-radius:9999px;font-size:11px;font-weight:700;text-transform:uppercase}.status-badge.available{background:#dcfce7;color:#166534}.status-badge.booked{background:#fee2e2;color:#991b1b}.status-badge.maintenance{background:#fef3c7;color:#92400e}.table-actions{display:flex;gap:8px}.table-action-btn{padding:6px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;font-weight:600;color:#3b82f6;cursor:pointer;transition:all .2s}.table-action-btn.primary{color:#4f46e5;border-color:#e0e7ff}.table-action-btn.primary:hover{background:#f5f7ff;border-color:#4f46e5}.table-action-btn.danger{color:#ef4444;border-color:#fee2e2}.table-action-btn.danger:hover{background:#fef2f2;border-color:#ef4444}.table-empty{padding:40px;text-align:center;color:#94a3b8;font-weight:500}.admin-seat-info-panel{position:fixed;right:24px;top:50%;transform:translateY(-50%);max-height:calc(100vh - 100px);overflow-y:auto;width:320px;background:#fff;border-radius:16px;box-shadow:0 20px 50px #00000026;border:1px solid #f1f5f9;z-index:1000;animation:slideInFade .4s cubic-bezier(.16,1,.3,1)}@keyframes slideInFade{0%{transform:translateY(-50%) translate(40px);opacity:0}to{transform:translateY(-50%) translate(0);opacity:1}}.panel-header{padding:16px 20px;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.panel-header h3{margin:0;font-size:18px;color:#0f172a}.close-panel{background:none;border:none;font-size:24px;color:#94a3b8;cursor:pointer;padding:0;line-height:1}.panel-body{padding:20px}.info-row{display:flex;justify-content:space-between;margin-bottom:12px}.info-row .label{color:#64748b;font-size:13px;font-weight:500}.info-row .value{color:#0f172a;font-size:13px;font-weight:700}.status-pill{text-transform:capitalize}.status-pill.available{color:#10b981}.status-pill.booked{color:#ef4444}.status-pill.maintenance{color:#f59e0b}.spinner-container{display:flex;justify-content:center;padding:60px}.admin-seat-tooltip{min-width:180px;animation:fadeIn .15s ease-out}.tooltip-inner{background:#1e293b;color:#fff;padding:12px;border-radius:10px;box-shadow:0 10px 25px -5px #0000004d;font-family:inherit}.tooltip-title{font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1);color:#818cf8}.tooltip-item{font-size:12px;margin-bottom:4px;line-height:1.4}.tooltip-item strong{color:#94a3b8;margin-right:4px}.tooltip-loading{display:flex;align-items:center;gap:10px;font-size:12px;color:#94a3b8;padding:4px 0}.tooltip-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.1);border-top-color:#818cf8;border-radius:50%;animation:spin .6s linear infinite}.tooltip-bookings-list{display:flex;flex-direction:column}.tooltip-booking-item{padding:8px 0}.tooltip-booking-item.border-top{border-top:1px solid rgba(255,255,255,.05)}.student-name{font-weight:700;font-size:13px;color:#f8fafc;margin-bottom:2px}.booking-dates{font-size:11px;color:#94a3b8}.tooltip-empty{font-size:12px;color:#ef4444;padding:4px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.panel-actions{padding:0 20px 20px;display:flex;flex-direction:column;gap:10px}.action-btn{width:100%;padding:12px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;border:none;text-align:center}.schedule-btn{background:#f1f5f9;color:#475569}.schedule-btn:hover{background:#e2e8f0;color:#0f172a}.booking-btn{background:#4f46e5;color:#fff}.booking-btn:hover{background:#4338ca;box-shadow:0 4px 12px #4f46e54d}.maintenance-btn{background:#fff;border:1.5px solid #e2e8f0;color:#64748b}.profile-btn{background:#f5f7ff;color:#4f46e5;border:1.5px solid #e0e7ff}.profile-btn:hover{background:#ebf0fe;border-color:#4f46e5}.student-link{cursor:pointer;transition:all .2s;padding:4px 8px;margin:-4px -8px;border-radius:6px}.student-link:hover{background:#f5f7ff}.link-text{color:#4f46e5!important;text-decoration:underline;text-underline-offset:2px}.holiday-approval-modal{background:#fff;border-radius:12px;max-width:700px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:24px;font-weight:600;color:#111827}.close-btn{background:none;border:none;font-size:32px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn:hover{color:#111827}.modal-body{padding:24px}.info-section{margin-bottom:28px}.info-section h3{font-size:16px;font-weight:600;color:#374151;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item.full-width{grid-column:1 / -1}.info-label{font-size:13px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:15px;color:#111827;font-weight:500}.reason-text{background:#f9fafb;padding:12px;border-radius:6px;border-left:3px solid #3b82f6;margin-top:8px;line-height:1.6}.decision-section{background:#f9fafb;padding:20px;border-radius:8px;border:2px solid #e5e7eb}.decision-description{font-size:14px;color:#6b7280;margin:0 0 16px}.radio-options{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border:2px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s}.radio-option:hover{border-color:#3b82f6;background:#f0f9ff}.radio-option.selected{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 3px #3b82f61a}.radio-option input[type=radio]{margin-top:2px;width:18px;height:18px;cursor:pointer;flex-shrink:0}.option-content{flex:1}.option-title{font-size:15px;font-weight:600;color:#111827;margin-bottom:4px}.option-description{font-size:13px;color:#6b7280;line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d}@media (max-width: 640px){.holiday-approval-modal{width:95%;max-height:95vh}.modal-header{padding:16px}.modal-header h2{font-size:20px}.modal-body{padding:16px}.info-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse;padding:16px}.btn{width:100%}}.floor-map-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem}.floor-map-loading,.floor-map-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.spinner{border:4px solid #f3f3f3;border-top:4px solid #f59e0b;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.retry-button,.home-button{padding:.75rem 1.5rem;background-color:#f59e0b;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.retry-button:hover,.home-button:hover{background-color:#d97706;transform:translateY(-2px)}.home-button{background-color:#6b7280;margin-left:1rem}.home-button:hover{background-color:#4b5563}.floor-map-header{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a}.floor-map-title-section{margin-bottom:2rem}.back-button{background:none;border:none;color:#f59e0b;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:1rem;padding:.5rem 1rem;border-radius:8px;transition:background .2s}.back-button:hover{background-color:#fef3c7}.floor-map-title{font-size:2.5rem;font-weight:800;color:#1f2937;margin:0 0 .5rem}.floor-map-subtitle{font-size:1.125rem;color:#6b7280;margin:0}.floor-stats-cards{display:flex;gap:1.5rem;flex-wrap:wrap}.stat-card{display:flex;align-items:center;gap:1rem;background:#f9fafb;padding:1.5rem;border-radius:12px;flex:1;min-width:150px;border:2px solid transparent;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-card.stat-available{border-color:#10b981}.stat-card.stat-booked{border-color:#ef4444}.stat-card.stat-maintenance{border-color:#f59e0b}.stat-icon{font-size:2.5rem}.stat-value{font-size:2rem;font-weight:800;color:#1f2937}.stat-label{font-size:.875rem;color:#6b7280;text-transform:uppercase;font-weight:600;letter-spacing:.05em}.floor-map-legend{display:flex;justify-content:center;gap:2rem;padding:1.5rem;background:#fff;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 4px #0000000d;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#4b5563}.legend-seat{width:50px;height:50px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:2px solid #e5e7eb}.legend-seat-available{background-color:#d1fae5;border-color:#10b981}.legend-seat-selected{background-color:#dbeafe;border-color:#3b82f6}.legend-seat-booked{background-color:#fee2e2;border-color:#ef4444}.legend-seat-maintenance{background-color:#fef3c7;border-color:#f59e0b}.floor-map-grid-container{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem}.floor-map-grid{display:flex;flex-direction:column;gap:1.5rem}.seat-row{display:flex;align-items:center;gap:1rem}.seat-row-number{font-weight:700;color:#6b7280;min-width:80px;text-align:right;font-size:1rem}.seat-row-seats{display:flex;gap:1rem;flex-wrap:wrap;flex:1}.seat{width:80px;height:80px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #e5e7eb;transition:all .2s;position:relative}.seat-icon{font-size:1.75rem}.seat-number{font-weight:700;font-size:.875rem;color:#1f2937}.seat-locker{font-size:.75rem;color:#6b7280}.seat-available{background-color:#d1fae5;border-color:#10b981}.seat-booked{background-color:#fee2e2;border-color:#ef4444;cursor:not-allowed}.seat-selected{background-color:#dbeafe;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.seat-maintenance{background-color:#fef3c7;border-color:#f59e0b;cursor:not-allowed}.seat-clickable:hover{transform:translateY(-4px);box-shadow:0 6px 12px #00000026}.selected-seat-banner{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -4px 12px #0003;z-index:100;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.selected-seat-info{display:flex;align-items:center;gap:1rem}.selected-icon{font-size:2.5rem;background:#fff3;width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center}.selected-title{font-size:1.5rem;font-weight:700}.selected-subtitle{font-size:1rem;opacity:.9}.book-now-button{padding:1rem 2rem;background-color:#fff;color:#667eea;border:none;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 8px #0003}.book-now-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.floor-cta-section{background:#fff;border-radius:16px;padding:3rem;text-align:center;box-shadow:0 4px 6px #0000001a}.floor-cta-section h3{font-size:2rem;font-weight:800;color:#1f2937;margin:0 0 .5rem}.floor-cta-section p{font-size:1.125rem;color:#6b7280;margin:0 0 2rem}.cta-book-button{padding:1rem 2.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 8px #f59e0b4d}.cta-book-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #f59e0b66}@media (max-width: 768px){.floor-map-page{padding:1rem}.floor-map-title{font-size:1.75rem}.floor-stats-cards{flex-direction:column}.seat-row{flex-direction:column;align-items:flex-start}.seat-row-number{text-align:left;min-width:auto}.seat{width:70px;height:70px}.selected-seat-banner{flex-direction:column;gap:1rem;text-align:center}.floor-cta-section{padding:2rem 1rem}}.floors-overview-page{min-height:100vh;background:linear-gradient(to bottom,#f0f9ff,#e0f2fe);padding:2rem 1rem}.floors-header{max-width:1200px;margin:0 auto 3rem;text-align:center}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;color:#0891b2;border:2px solid #0891B2;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s;margin-bottom:2rem}.back-button:hover{background:#0891b2;color:#fff;transform:translate(-4px)}.floors-main-title{font-size:48px;font-weight:900;background:linear-gradient(135deg,#06b6d4,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.floors-subtitle{font-size:20px;color:#475569;max-width:600px;margin:0 auto}.floors-loading,.floors-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-spinner{width:60px;height:60px;border:4px solid rgba(6,182,212,.2);border-top-color:#06b6d4;border-radius:50%;animation:spin 1s linear infinite}.retry-button,.home-button{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.retry-button{background:#06b6d4;color:#fff;border:none}.retry-button:hover{background:#0891b2;transform:translateY(-2px)}.home-button{background:#fff;color:#0891b2;border:2px solid #0891B2}.home-button:hover{background:#0891b2;color:#fff}.floors-grid{max-width:900px;margin:0 auto 3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:0 1rem}.floor-card{background:#fff;border-radius:16px;padding:2rem 1.5rem;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;border:1px solid #e5e7eb;display:flex;flex-direction:column;align-items:center;text-align:center}.floor-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #06b6d41f;border-color:#06b6d4}.floor-card-content{margin-bottom:1.5rem;width:100%}.floor-name{font-size:28px;font-weight:700;color:#0f172a;margin:0 0 1rem}.available-seats{display:flex;flex-direction:column;gap:.5rem}.seats-number{font-size:48px;font-weight:800;background:linear-gradient(135deg,#06b6d4,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.seats-label{font-size:14px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.view-floor-button{width:100%;padding:.625rem 1.25rem;background:linear-gradient(135deg,#06b6d4,#2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.view-floor-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #06b6d44d}.view-floor-button:active{transform:translateY(0)}.floors-cta{max-width:600px;margin:0 auto;text-align:center;padding:3rem 2rem;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014}.floors-cta h3{font-size:32px;font-weight:800;color:#0f172a;margin-bottom:.5rem}.floors-cta p{font-size:18px;color:#64748b;margin-bottom:1.5rem}.cta-button{padding:1rem 2.5rem;background:linear-gradient(135deg,#06b6d4,#2563eb);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px #06b6d44d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #06b6d466}@media (max-width: 768px){.floors-main-title{font-size:32px}.floors-subtitle{font-size:16px}.floors-grid{grid-template-columns:1fr;gap:1rem}.floor-name{font-size:24px}.seats-number{font-size:40px}.floors-cta h3{font-size:24px}.floors-cta p{font-size:16px}}.seat-map-container{width:100%;max-width:1400px;margin:0 auto;padding:20px}.seat-map-loading,.seat-map-error{text-align:center;padding:60px 20px}.seat-map-header{margin-bottom:32px}.seat-map-title{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:20px;text-align:center}.seat-map-legend{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:16px;background:#f9fafb;border-radius:12px}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.legend-seat{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;border:2px solid #e5e7eb}.legend-seat-available{background:#fff;border-color:#10b981}.legend-seat-selected{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6}.legend-seat-booked{background:#f3f4f6;border-color:#9ca3af;opacity:.7}.legend-seat-locked{background:#fef3c7;border-color:#f59e0b;animation:pulse-locked 2s ease-in-out infinite}@keyframes pulse-locked{0%,to{opacity:1}50%{opacity:.7}}.legend-seat-maintenance{background:#fef3c7;border-color:#f59e0b}.seat-map-grid{display:flex;flex-direction:column;gap:16px;padding:24px;background:#fff;border:2px solid #e5e7eb;border-radius:16px}.seat-row{display:flex;gap:16px;align-items:center}.seat-row-number{min-width:60px;font-size:14px;font-weight:600;color:#6b7280;text-align:right}.seat-row-seats{flex:1;display:flex;gap:12px;flex-wrap:wrap}.seat{width:80px;height:90px;border-radius:8px;border:2px solid #e5e7eb;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:all .2s ease;position:relative}.seat-clickable{cursor:pointer}.seat-available{border-color:#10b981}.seat-available:hover{border-color:#059669;box-shadow:0 4px 12px #10b98133;transform:translateY(-2px)}.seat-selected{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff;box-shadow:0 4px 16px #3b82f64d}.seat-booked{background:#f3f4f6;border-color:#9ca3af;opacity:.7;cursor:not-allowed}.seat-locked{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;cursor:not-allowed;animation:pulse-locked 2s ease-in-out infinite;position:relative}.seat-locked:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:6px;border:2px solid #f59e0b;animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{opacity:.3}50%{opacity:1}}.seat-maintenance{background:#fef3c7;border-color:#f59e0b;cursor:not-allowed}.seat-icon{font-size:24px}.seat-number{font-size:16px;font-weight:700}.seat-selected .seat-number{color:#fff}.seat-locker{font-size:11px;color:#6b7280;font-weight:500}.seat-selected .seat-locker{color:#ffffffe6}.seat-selection-summary{margin-top:24px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #3b82f6;border-radius:12px;padding:20px;display:flex;gap:16px;align-items:center}.summary-icon{width:48px;height:48px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.summary-content{flex:1}.summary-title{font-size:16px;font-weight:600;color:#1e3a8a;margin-bottom:4px}.summary-details{font-size:14px;color:#1e40af}.summary-details strong{font-weight:700}@media (max-width: 1024px){.seat-map-container,.seat-map-grid{padding:16px}.seat-row-seats{justify-content:flex-start}.seat{width:70px;height:80px}.seat-icon{font-size:20px}.seat-number{font-size:14px}}@media (max-width: 768px){.seat-map-container{padding:12px}.seat-map-grid{padding:12px;gap:12px}.seat-map-legend{gap:12px;padding:12px}.legend-seat{width:36px;height:36px;font-size:16px}.legend-item{font-size:11px}.seat-row{flex-direction:column;gap:8px;align-items:flex-start}.seat-row-number{text-align:left;min-width:auto;font-size:13px}.seat{width:62px;height:72px}.seat-row-seats{gap:8px;width:100%}.seat-icon{font-size:19px}.seat-number{font-size:13px}.seat-locker{font-size:10px}}@media (max-width: 480px){.seat-map-container{padding:8px}.seat-map-grid{padding:8px;gap:10px}.seat{width:58px;height:68px}.seat-icon{font-size:18px}.seat-number{font-size:12px}.seat-locker{font-size:9px}.seat-row-seats{gap:6px}.legend-seat{width:32px;height:32px;font-size:14px}.legend-item{font-size:10px}}.floor-plan-page{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:20px 20px 90px}.floor-plan-container{max-width:1200px;margin:0 auto}.page-title{font-size:28px;font-weight:800;color:#1a1a1a;margin-bottom:8px}.page-subtitle{font-size:14px;color:#6b7280;margin-bottom:28px}.floor-selector-section{background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.seat-map-section{background:#fff;border-radius:16px;padding:20px;margin-bottom:28px;box-shadow:0 2px 8px #0000000d}.section-heading{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:16px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#06b6d4;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-container p{font-size:14px;color:#6b7280;font-weight:500}.no-floors-message{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d}.no-floors-message p{font-size:16px;color:#6b7280;font-weight:500}@media (max-width: 768px){.floor-selector-section,.seat-map-section{padding:16px}.section-heading{font-size:16px}}@media (max-width: 480px){.floor-plan-page{padding:16px 16px 90px}.page-title{font-size:24px}.floor-selector-section,.seat-map-section{padding:12px}.section-heading{font-size:15px;margin-bottom:12px}}.account-page{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:20px 20px 90px}.account-container{max-width:600px;margin:0 auto}.account-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d}.profile-header{display:flex;align-items:center;gap:20px}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;text-transform:uppercase}.profile-name{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.profile-email{font-size:14px;color:#6b7280}.section-title{font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.info-list{display:flex;flex-direction:column;gap:16px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.info-item:last-child{border-bottom:none}.info-label{font-size:14px;color:#6b7280;font-weight:500}.info-value{font-size:14px;color:#1a1a1a;font-weight:600}.settings-list{display:flex;flex-direction:column}.setting-item{display:flex;align-items:center;gap:16px;padding:16px 0;border:none;background:transparent;cursor:pointer;transition:all .2s;border-bottom:1px solid #f3f4f6}.setting-item:last-child{border-bottom:none}.setting-item:active{background:#f9fafb;margin:0 -24px;padding-left:24px;padding-right:24px}.setting-icon{font-size:24px}.setting-info{flex:1;text-align:left}.setting-label{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:2px}.setting-description{font-size:13px;color:#6b7280}.setting-arrow{font-size:24px;color:#d1d5db;font-weight:300}.btn-logout{width:100%;padding:16px;background:#fff;border:2px solid #ef4444;color:#ef4444;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;margin-top:20px}.btn-logout:active{transform:scale(.98);background:#fef2f2}@media (max-width: 480px){.account-page{padding:16px}.account-section{padding:20px}.profile-avatar{width:64px;height:64px;font-size:24px}.profile-name{font-size:20px}}.holidays-page{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:40px 20px 100px}.holidays-container{max-width:1000px;margin:0 auto}.page-header{margin-bottom:32px;text-align:center}.page-title{font-size:32px;font-weight:800;color:#0c4a6e;margin-bottom:8px}.page-subtitle{font-size:16px;color:#075985;font-weight:500}.loading-container,.error-container{text-align:center;padding:60px 20px}.spinner{width:48px;height:48px;border:4px solid #bae6fd;border-top-color:#0284c7;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.btn-retry{padding:12px 24px;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;margin-top:16px}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.summary-card{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 12px #00000014;border:2px solid transparent;transition:all .2s}.summary-card.pending{border-color:#fbbf24}.summary-card.approved{border-color:#0284c7}.summary-card.rejected{border-color:#ef4444}.summary-icon{font-size:40px}.summary-info{flex:1}.summary-count{font-size:32px;font-weight:800;color:#1a1a1a;line-height:1;margin-bottom:4px}.summary-label{font-size:14px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.no-holidays{background:#fff;border-radius:20px;padding:60px 20px;text-align:center;box-shadow:0 4px 16px #00000014}.no-holidays-icon{font-size:80px;margin-bottom:20px}.no-holidays h3{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.no-holidays p{font-size:16px;color:#6b7280;margin-bottom:24px}.btn-go-bookings{padding:14px 32px;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-go-bookings:active{transform:scale(.98)}.holidays-list{margin-bottom:32px}.section-title{font-size:20px;font-weight:700;color:#0c4a6e;margin-bottom:20px}.holiday-card{background:#fff;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 4px 16px #00000014;border:2px solid #0284c7;transition:all .2s}.holiday-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-2px)}.holiday-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e0f2fe}.holiday-card-id{font-size:14px;font-weight:700;color:#075985;text-transform:uppercase;letter-spacing:.5px}.status-badge{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:2px solid #fbbf24}.status-badge.status-approved{background:linear-gradient(135deg,#cffafe,#a5f3fc);color:#0c4a6e;border:2px solid #0284c7}.status-badge.status-rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:2px solid #ef4444}.status-icon{font-size:14px}.status-text{font-weight:700}.holiday-card-body{display:flex;flex-direction:column;gap:16px}.holiday-detail-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.holiday-detail{display:flex;align-items:center;gap:12px;padding:12px;background:#e0f2fe;border-radius:10px}.detail-icon{font-size:28px}.detail-content{flex:1}.detail-label{font-size:11px;color:#075985;font-weight:600;text-transform:uppercase;margin-bottom:2px}.detail-value{font-size:15px;font-weight:700;color:#0c4a6e}.holiday-dates-section{padding:16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:2px solid #0284c7}.dates-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dates-icon{font-size:20px}.dates-label{font-size:12px;font-weight:700;color:#075985;text-transform:uppercase;letter-spacing:.5px}.dates-value{font-size:18px;font-weight:800;color:#0c4a6e;margin-bottom:4px}.dates-duration{font-size:14px;font-weight:600;color:#0284c7}.holiday-reason{padding:12px;background:#f9fafb;border-radius:10px;border-left:4px solid #0284c7}.reason-label{font-size:12px;font-weight:700;color:#075985;margin-bottom:6px}.reason-text{font-size:14px;color:#4b5563;line-height:1.5}.approval-info{display:flex;align-items:flex-start;gap:10px;padding:12px;background:linear-gradient(135deg,#cffafe,#a5f3fc);border-radius:10px;border:2px solid #0284c7}.approval-icon{font-size:24px;flex-shrink:0}.approval-content{display:flex;flex-direction:column;gap:8px;flex:1}.approval-text{font-size:13px;font-weight:600;color:#0c4a6e}.seat-decision-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;margin-top:4px;width:-moz-fit-content;width:fit-content}.seat-decision-badge.released{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1.5px solid #3b82f6}.seat-decision-badge.locked{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1.5px solid #f59e0b}.rejection-info{padding:14px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:10px;border:2px solid #ef4444}.rejection-content{display:flex;align-items:flex-start;gap:10px}.rejection-icon{font-size:24px}.rejection-label{font-size:12px;font-weight:700;color:#991b1b;text-transform:uppercase;margin-bottom:6px}.rejection-text{font-size:14px;color:#7f1d1d;line-height:1.5}.holiday-footer{padding-top:12px;border-top:1px solid #e0f2fe}.submitted-date{font-size:12px;color:#075985;font-weight:500}.page-actions{display:flex;justify-content:center;margin-top:32px}.btn-back{padding:14px 32px;background:#fff;color:#0c4a6e;border:2px solid #0284c7;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-back:hover{background:#e0f2fe}.btn-back:active{transform:scale(.98)}@media (max-width: 768px){.holidays-page{padding:20px 16px 100px}.page-title{font-size:28px}.summary-cards,.holiday-detail-row{grid-template-columns:1fr;gap:12px}.dates-value{font-size:16px}}@media (max-width: 480px){.page-title{font-size:24px}.page-subtitle{font-size:14px}.holiday-card{padding:20px}.summary-count{font-size:28px}}.payment-history-page{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.payment-history-header{margin-bottom:2rem}.back-button{background:#fff;border:2px solid #e5e7eb;color:#374151;padding:.75rem 1.5rem;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #0000000d}.back-button:hover{background:#f9fafb;border-color:#3b82f6;color:#3b82f6;transform:translate(-4px)}.header-content{text-align:center}.page-title{font-size:2.5rem;font-weight:800;color:#1a1a1a;margin:0 0 .5rem}.page-subtitle{font-size:1.1rem;color:#374151;margin:0;font-weight:500}.filter-section{background:#fff;border-radius:16px;padding:1rem;margin-bottom:1.5rem;box-shadow:0 4px 12px #00000014}.filter-tabs{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.filter-tab{background:#f3f4f6;border:2px solid transparent;padding:.5rem 1rem;border-radius:10px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.4rem;color:#6b7280}.filter-tab:hover{background:#e5e7eb;transform:translateY(-1px)}.filter-tab.active{background:#3b82f6;color:#fff;border-color:transparent;box-shadow:0 4px 12px #3b82f64d}.filter-count{background:#00000026;padding:.2rem .6rem;border-radius:10px;font-size:.8rem;font-weight:800}.filter-tab.active .filter-count{background:#ffffff40}.payments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payment-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;border:2px solid transparent}.payment-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026;border-color:#667eea4d}.payment-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.header-left{display:flex;flex-direction:column;gap:.5rem}.transaction-type{font-size:.95rem;font-weight:700;color:#2d3748}.payment-amount{font-size:1.75rem;font-weight:800;color:#3b82f6;text-align:right}.payment-status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border-radius:20px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.status-success{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;box-shadow:0 4px 15px #48bb784d}.status-pending{background:linear-gradient(135deg,#f6ad55,#ed8936);color:#fff;box-shadow:0 4px 15px #f6ad554d}.status-failed{background:linear-gradient(135deg,#fc8181,#f56565);color:#fff;box-shadow:0 4px 15px #fc81814d}.status-icon{font-size:.9rem}.payment-card-body{display:flex;flex-direction:column;gap:1rem}.payment-info-section{display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;align-items:flex-start;gap:.75rem}.info-icon{font-size:1.25rem;flex-shrink:0}.info-content{display:flex;flex-direction:column;gap:.2rem;flex:1}.info-label{font-size:.75rem;font-weight:600;color:#a0aec0;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:.95rem;font-weight:600;color:#2d3748}.payment-method-section{padding:.75rem 0;border-top:2px solid #f0f0f0;border-bottom:2px solid #f0f0f0;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.payment-method-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#f7fafc,#edf2f7);padding:.6rem 1.2rem;border-radius:12px;font-size:.9rem;font-weight:700;color:#2d3748;border:2px solid #e2e8f0}.method-icon{font-size:1.2rem}.admin-received-badge{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding:.5rem 1rem;border-radius:10px;font-size:.8rem;font-weight:600;color:#1e40af;border:2px solid #93c5fd}.admin-icon{font-size:1rem}.payment-details-section{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#f7fafc;border-radius:12px}.detail-item{display:flex;gap:.5rem;font-size:.85rem}.detail-label{font-weight:700;color:#718096;flex-shrink:0}.detail-value{font-weight:600;color:#2d3748;word-break:break-all}.payment-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:2px solid #f0f0f0;font-size:.8rem;color:#718096;font-weight:600}.payment-date{display:flex;align-items:center;gap:.3rem}.payment-id{color:#a0aec0;font-size:.75rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#fff}.spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-state p{font-size:1.1rem;font-weight:600}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;background:#fff;border-radius:20px;padding:3rem;max-width:500px;margin:0 auto;box-shadow:0 10px 40px #0000001a}.error-icon{font-size:4rem;margin-bottom:1rem}.error-state h3{font-size:1.5rem;font-weight:800;color:#2d3748;margin:0 0 .5rem}.error-state p{font-size:1rem;color:#718096;margin:0 0 1.5rem}.retry-button{background:#3b82f6;color:#fff;border:none;padding:.75rem 2rem;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d}.retry-button:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;background:#fff;border-radius:20px;padding:3rem;box-shadow:0 10px 40px #0000001a}.empty-icon{font-size:5rem;margin-bottom:1.5rem}.empty-state h3{font-size:1.75rem;font-weight:800;color:#2d3748;margin:0 0 .5rem}.empty-state p{font-size:1.1rem;color:#718096;margin:0 0 1.5rem}.view-all-button{background:#3b82f6;color:#fff;border:none;padding:.75rem 2rem;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d}.view-all-button:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}@media (max-width: 768px){.payment-history-page{padding:1rem}.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.payments-grid{grid-template-columns:1fr}.filter-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem}.filter-tab{flex-shrink:0}.payment-card-header{flex-direction:column;gap:1rem}.payment-amount{text-align:left}.payment-card-footer{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.page-title{font-size:1.75rem}.payment-amount{font-size:1.5rem}.payment-card{padding:1.25rem}.filter-section{padding:1rem}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-top-12{top:-3rem}.-top-3{top:-.75rem}.bottom-0{bottom:0}.bottom-10{bottom:2.5rem}.bottom-20{bottom:5rem}.bottom-full{bottom:100%}.left-1\.5{left:.375rem}.left-1\/2{left:50%}.left-10{left:2.5rem}.left-20{left:5rem}.left-3{left:.75rem}.left-3\.5{left:.875rem}.left-4{left:1rem}.left-5{left:1.25rem}.right-0{right:0}.right-10{right:2.5rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-10{top:2.5rem}.top-2{top:.5rem}.top-20{top:5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-7{top:1.75rem}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.col-span-2{grid-column:span 2 / span 2}.m-6{margin:1.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-mr-32{margin-right:-8rem}.-mt-1{margin-top:-.25rem}.-mt-32{margin-top:-8rem}.-mt-px{margin-top:-1px}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[200px\]{height:200px}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[500px\]{max-height:500px}.max-h-\[60vh\]{max-height:60vh}.max-h-\[90vh\]{max-height:90vh}.min-h-\[300px\]{min-height:300px}.min-h-\[400px\]{min-height:400px}.min-h-screen{min-height:100vh}.w-0\.5{width:.125rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.w-px{width:1px}.min-w-\[100px\]{min-width:100px}.min-w-\[140px\]{min-width:140px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-full{min-width:100%}.min-w-max{min-width:-moz-max-content;min-width:max-content}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[150px\]{max-width:150px}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-4{row-gap:1rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-slate-50>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(248 250 252 / var(--tw-divide-opacity, 1))}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl,.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-8{border-width:8px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-b-4{border-bottom-width:4px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-amber-100{--tw-border-opacity: 1;border-color:rgb(254 243 199 / var(--tw-border-opacity, 1))}.border-amber-100\/50{border-color:#fef3c780}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-amber-300{--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1))}.border-amber-600{--tw-border-opacity: 1;border-color:rgb(217 119 6 / var(--tw-border-opacity, 1))}.border-blue-100{--tw-border-opacity: 1;border-color:rgb(219 234 254 / var(--tw-border-opacity, 1))}.border-blue-100\/50{border-color:#dbeafe80}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-current{border-color:currentColor}.border-cyan-200{--tw-border-opacity: 1;border-color:rgb(165 243 252 / var(--tw-border-opacity, 1))}.border-cyan-500{--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1))}.border-cyan-500\/50{border-color:#06b6d480}.border-emerald-100{--tw-border-opacity: 1;border-color:rgb(209 250 229 / var(--tw-border-opacity, 1))}.border-emerald-100\/50{border-color:#d1fae580}.border-emerald-200{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}.border-emerald-300{--tw-border-opacity: 1;border-color:rgb(110 231 183 / var(--tw-border-opacity, 1))}.border-emerald-600{--tw-border-opacity: 1;border-color:rgb(5 150 105 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.border-green-300{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}.border-green-400{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}.border-indigo-100{--tw-border-opacity: 1;border-color:rgb(224 231 255 / var(--tw-border-opacity, 1))}.border-indigo-100\/50{border-color:#e0e7ff80}.border-indigo-200{--tw-border-opacity: 1;border-color:rgb(199 210 254 / var(--tw-border-opacity, 1))}.border-indigo-600{--tw-border-opacity: 1;border-color:rgb(79 70 229 / var(--tw-border-opacity, 1))}.border-orange-400{--tw-border-opacity: 1;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-red-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-rose-100{--tw-border-opacity: 1;border-color:rgb(255 228 230 / var(--tw-border-opacity, 1))}.border-rose-200{--tw-border-opacity: 1;border-color:rgb(254 205 211 / var(--tw-border-opacity, 1))}.border-slate-100{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.border-slate-50{--tw-border-opacity: 1;border-color:rgb(248 250 252 / var(--tw-border-opacity, 1))}.border-slate-800{--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}.border-slate-900{--tw-border-opacity: 1;border-color:rgb(15 23 42 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/30{border-color:#ffffff4d}.border-white\/5{border-color:#ffffff0d}.border-yellow-100{--tw-border-opacity: 1;border-color:rgb(254 249 195 / var(--tw-border-opacity, 1))}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.border-yellow-300{--tw-border-opacity: 1;border-color:rgb(253 224 71 / var(--tw-border-opacity, 1))}.border-yellow-400{--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1))}.border-yellow-500{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.border-yellow-900{--tw-border-opacity: 1;border-color:rgb(113 63 18 / var(--tw-border-opacity, 1))}.border-t-indigo-600{--tw-border-opacity: 1;border-top-color:rgb(79 70 229 / var(--tw-border-opacity, 1))}.border-t-red-500{--tw-border-opacity: 1;border-top-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-t-slate-900{--tw-border-opacity: 1;border-top-color:rgb(15 23 42 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.border-t-white{--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-t-yellow-400{--tw-border-opacity: 1;border-top-color:rgb(250 204 21 / var(--tw-border-opacity, 1))}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-amber-500\/20{background-color:#f59e0b33}.bg-amber-600{--tw-bg-opacity: 1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-200{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-cyan-100{--tw-bg-opacity: 1;background-color:rgb(207 250 254 / var(--tw-bg-opacity, 1))}.bg-cyan-200{--tw-bg-opacity: 1;background-color:rgb(165 243 252 / var(--tw-bg-opacity, 1))}.bg-cyan-50{--tw-bg-opacity: 1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1))}.bg-cyan-500{--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1))}.bg-cyan-700{--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-500\/10{background-color:#10b9811a}.bg-emerald-500\/20{background-color:#10b98133}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.bg-indigo-400{--tw-bg-opacity: 1;background-color:rgb(129 140 248 / var(--tw-bg-opacity, 1))}.bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(245 247 255 / var(--tw-bg-opacity, 1))}.bg-indigo-50\/50{background-color:#f5f7ff80}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.bg-indigo-500\/5{background-color:#6366f10d}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-rose-100{--tw-bg-opacity: 1;background-color:rgb(255 228 230 / var(--tw-bg-opacity, 1))}.bg-rose-50{--tw-bg-opacity: 1;background-color:rgb(255 241 242 / var(--tw-bg-opacity, 1))}.bg-rose-500{--tw-bg-opacity: 1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1))}.bg-rose-500\/20{background-color:#f43f5e33}.bg-rose-600{--tw-bg-opacity: 1;background-color:rgb(225 29 72 / var(--tw-bg-opacity, 1))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.bg-slate-300{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity, 1))}.bg-slate-400{--tw-bg-opacity: 1;background-color:rgb(148 163 184 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-slate-50\/30{background-color:#f8fafc4d}.bg-slate-50\/50{background-color:#f8fafc80}.bg-slate-600{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.bg-slate-900\/50{background-color:#0f172a80}.bg-slate-900\/60{background-color:#0f172a99}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/5{background-color:#ffffff0d}.bg-white\/50{background-color:#ffffff80}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-200{--tw-bg-opacity: 1;background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1))}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-opacity-10{--tw-bg-opacity: .1}.bg-opacity-50{--tw-bg-opacity: .5}.bg-opacity-60{--tw-bg-opacity: .6}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-50{--tw-gradient-from: #ecfeff var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 254 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-500{--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-600{--tw-gradient-from: #0891b2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-200{--tw-gradient-from: #bbf7d0 var(--tw-gradient-from-position);--tw-gradient-to: rgb(187 247 208 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500{--tw-gradient-from: #22c55e var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-600{--tw-gradient-from: #16a34a var(--tw-gradient-from-position);--tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-50{--tw-gradient-from: #f5f7ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 247 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-500{--tw-gradient-from: #6366f1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-600{--tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from: #a855f7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500{--tw-gradient-from: #ef4444 var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-600{--tw-gradient-from: #dc2626 var(--tw-gradient-from-position);--tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-100{--tw-gradient-from: #fef9c3 var(--tw-gradient-from-position);--tw-gradient-to: rgb(254 249 195 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-200{--tw-gradient-from: #fef08a var(--tw-gradient-from-position);--tw-gradient-to: rgb(254 240 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-300{--tw-gradient-from: #fde047 var(--tw-gradient-from-position);--tw-gradient-to: rgb(253 224 71 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-400{--tw-gradient-from: #facc15 var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-50{--tw-gradient-from: #fefce8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(254 252 232 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-500{--tw-gradient-from: #eab308 var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-600{--tw-gradient-from: #ca8a04 var(--tw-gradient-from-position);--tw-gradient-to: rgb(202 138 4 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-900{--tw-gradient-from: #713f12 var(--tw-gradient-from-position);--tw-gradient-to: rgb(113 63 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-amber-50{--tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fffbeb var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-blue-50{--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #eff6ff var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-cyan-500{--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #06b6d4 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-cyan-600{--tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #0891b2 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-amber-100{--tw-gradient-to: #fef3c7 var(--tw-gradient-to-position)}.to-amber-200{--tw-gradient-to: #fde68a var(--tw-gradient-to-position)}.to-amber-300{--tw-gradient-to: #fcd34d var(--tw-gradient-to-position)}.to-amber-400{--tw-gradient-to: #fbbf24 var(--tw-gradient-to-position)}.to-amber-50{--tw-gradient-to: #fffbeb var(--tw-gradient-to-position)}.to-amber-500{--tw-gradient-to: #f59e0b var(--tw-gradient-to-position)}.to-amber-600{--tw-gradient-to: #d97706 var(--tw-gradient-to-position)}.to-blue-100{--tw-gradient-to: #dbeafe var(--tw-gradient-to-position)}.to-blue-500{--tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}.to-emerald-200{--tw-gradient-to: #a7f3d0 var(--tw-gradient-to-position)}.to-emerald-500{--tw-gradient-to: #10b981 var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to: #059669 var(--tw-gradient-to-position)}.to-orange-100{--tw-gradient-to: #ffedd5 var(--tw-gradient-to-position)}.to-orange-50{--tw-gradient-to: #fff7ed var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to: #f97316 var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to: #ea580c var(--tw-gradient-to-position)}.to-orange-900{--tw-gradient-to: #7c2d12 var(--tw-gradient-to-position)}.to-primary-600{--tw-gradient-to: #355cdd var(--tw-gradient-to-position)}.to-primary-700{--tw-gradient-to: #2c4db8 var(--tw-gradient-to-position)}.to-purple-50{--tw-gradient-to: #faf5ff var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.to-red-600{--tw-gradient-to: #dc2626 var(--tw-gradient-to-position)}.to-yellow-500{--tw-gradient-to: #eab308 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-16{padding:4rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pl-11{padding-left:2.75rem}.pl-12{padding-left:3rem}.pl-14{padding-left:3.5rem}.pl-3\.5{padding-left:.875rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-amber-900{--tw-text-opacity: 1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.text-cyan-100{--tw-text-opacity: 1;color:rgb(207 250 254 / var(--tw-text-opacity, 1))}.text-cyan-500{--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity, 1))}.text-cyan-600{--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}.text-cyan-700{--tw-text-opacity: 1;color:rgb(14 116 144 / var(--tw-text-opacity, 1))}.text-cyan-800{--tw-text-opacity: 1;color:rgb(21 94 117 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-emerald-900{--tw-text-opacity: 1;color:rgb(6 78 59 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-indigo-100{--tw-text-opacity: 1;color:rgb(224 231 255 / var(--tw-text-opacity, 1))}.text-indigo-300{--tw-text-opacity: 1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))}.text-indigo-400{--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.text-indigo-500{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-indigo-600\/60{color:#4f46e599}.text-indigo-700{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}.text-indigo-800{--tw-text-opacity: 1;color:rgb(55 48 163 / var(--tw-text-opacity, 1))}.text-indigo-900{--tw-text-opacity: 1;color:rgb(49 46 129 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-orange-800{--tw-text-opacity: 1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-red-900{--tw-text-opacity: 1;color:rgb(127 29 29 / var(--tw-text-opacity, 1))}.text-rose-400{--tw-text-opacity: 1;color:rgb(251 113 133 / var(--tw-text-opacity, 1))}.text-rose-500{--tw-text-opacity: 1;color:rgb(244 63 94 / var(--tw-text-opacity, 1))}.text-rose-600{--tw-text-opacity: 1;color:rgb(225 29 72 / var(--tw-text-opacity, 1))}.text-rose-700{--tw-text-opacity: 1;color:rgb(190 18 60 / var(--tw-text-opacity, 1))}.text-rose-900{--tw-text-opacity: 1;color:rgb(136 19 55 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/60{color:#fff9}.text-white\/80{color:#fffc}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.text-yellow-900{--tw-text-opacity: 1;color:rgb(113 63 18 / var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-15{opacity:.15}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_12px_rgba\(99\,102\,241\,0\.5\)\]{--tw-shadow: 0 0 12px rgba(99,102,241,.5);--tw-shadow-colored: 0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_emerald\]{--tw-shadow: 0 0 8px emerald;--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_white\]{--tw-shadow: 0 0 8px white;--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-soft{--tw-shadow: 0 2px 15px -3px rgba(0, 0, 0, .07), 0 10px 20px -2px rgba(0, 0, 0, .04);--tw-shadow-colored: 0 2px 15px -3px var(--tw-shadow-color), 0 10px 20px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-amber-100\/50{--tw-shadow-color: rgb(254 243 199 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-emerald-100{--tw-shadow-color: #d1fae5;--tw-shadow: var(--tw-shadow-colored)}.shadow-emerald-50\/50{--tw-shadow-color: rgb(236 253 245 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-indigo-100{--tw-shadow-color: #e0e7ff;--tw-shadow: var(--tw-shadow-colored)}.shadow-indigo-200{--tw-shadow-color: #c7d2fe;--tw-shadow: var(--tw-shadow-colored)}.shadow-indigo-200\/20{--tw-shadow-color: rgb(199 210 254 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-indigo-500\/20{--tw-shadow-color: rgb(99 102 241 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-indigo-600\/20{--tw-shadow-color: rgb(79 70 229 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-rose-100\/50{--tw-shadow-color: rgb(255 228 230 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-slate-200{--tw-shadow-color: #e2e8f0;--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-amber-100{--tw-ring-opacity: 1;--tw-ring-color: rgb(254 243 199 / var(--tw-ring-opacity, 1))}.ring-blue-100{--tw-ring-opacity: 1;--tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity, 1))}.ring-blue-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.ring-blue-700{--tw-ring-opacity: 1;--tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity, 1))}.ring-emerald-100{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 250 229 / var(--tw-ring-opacity, 1))}.ring-indigo-100{--tw-ring-opacity: 1;--tw-ring-color: rgb(224 231 255 / var(--tw-ring-opacity, 1))}.ring-rose-100{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 228 230 / var(--tw-ring-opacity, 1))}.ring-slate-100{--tw-ring-opacity: 1;--tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity, 1))}.ring-slate-200{--tw-ring-opacity: 1;--tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity, 1))}.ring-slate-200\/50{--tw-ring-color: rgb(226 232 240 / .5)}.ring-white\/30{--tw-ring-color: rgb(255 255 255 / .3)}.ring-yellow-600{--tw-ring-opacity: 1;--tw-ring-color: rgb(202 138 4 / var(--tw-ring-opacity, 1))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-2xl{--tw-blur: blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur: blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-sm{--tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.seat{height:2rem;width:2rem;cursor:pointer;border-radius:.25rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.seat-available{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.seat-available:hover{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.seat-booked{cursor:not-allowed;--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}.seat-selected{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity, 1))}.seat-grid{display:grid;gap:.5rem}.placeholder\:text-slate-400::-moz-placeholder{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.placeholder\:text-slate-400::placeholder{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.last\:mb-0:last-child{margin-bottom:0}.last\:pb-0:last-child{padding-bottom:0}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-amber-200:hover{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.hover\:border-amber-300:hover{--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1))}.hover\:border-blue-200:hover{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.hover\:border-cyan-200:hover{--tw-border-opacity: 1;border-color:rgb(165 243 252 / var(--tw-border-opacity, 1))}.hover\:border-emerald-200:hover{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}.hover\:border-green-400:hover{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}.hover\:border-indigo-100:hover{--tw-border-opacity: 1;border-color:rgb(224 231 255 / var(--tw-border-opacity, 1))}.hover\:border-indigo-100\/50:hover{border-color:#e0e7ff80}.hover\:border-indigo-200:hover{--tw-border-opacity: 1;border-color:rgb(199 210 254 / var(--tw-border-opacity, 1))}.hover\:border-rose-200:hover{--tw-border-opacity: 1;border-color:rgb(254 205 211 / var(--tw-border-opacity, 1))}.hover\:border-rose-300:hover{--tw-border-opacity: 1;border-color:rgb(253 164 175 / var(--tw-border-opacity, 1))}.hover\:border-slate-200:hover{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.hover\:border-slate-300:hover{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.hover\:bg-amber-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.hover\:bg-amber-200:hover{--tw-bg-opacity: 1;background-color:rgb(253 230 138 / var(--tw-bg-opacity, 1))}.hover\:bg-amber-50:hover{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.hover\:bg-amber-600:hover{--tw-bg-opacity: 1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-cyan-50:hover{--tw-bg-opacity: 1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1))}.hover\:bg-cyan-600:hover{--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.hover\:bg-cyan-800:hover{--tw-bg-opacity: 1;background-color:rgb(21 94 117 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-100:hover{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-700:hover{--tw-bg-opacity: 1;background-color:rgb(4 120 87 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-400:hover{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.hover\:bg-green-50:hover{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.hover\:bg-green-500:hover{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.hover\:bg-green-600:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-200:hover{--tw-bg-opacity: 1;background-color:rgb(199 210 254 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-50:hover{--tw-bg-opacity: 1;background-color:rgb(245 247 255 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-600:hover{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-700:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-600:hover{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-rose-100:hover{--tw-bg-opacity: 1;background-color:rgb(255 228 230 / var(--tw-bg-opacity, 1))}.hover\:bg-rose-200:hover{--tw-bg-opacity: 1;background-color:rgb(254 205 211 / var(--tw-bg-opacity, 1))}.hover\:bg-rose-50:hover{--tw-bg-opacity: 1;background-color:rgb(255 241 242 / var(--tw-bg-opacity, 1))}.hover\:bg-rose-700:hover{--tw-bg-opacity: 1;background-color:rgb(190 18 60 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-200:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-400:hover{--tw-bg-opacity: 1;background-color:rgb(148 163 184 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-50\/50:hover{background-color:#f8fafc80}.hover\:bg-slate-50\/80:hover{background-color:#f8fafccc}.hover\:bg-slate-800:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-800\/50:hover{background-color:#1e293b80}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-yellow-200:hover{--tw-bg-opacity: 1;background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1))}.hover\:bg-yellow-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.hover\:bg-yellow-600:hover{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.hover\:bg-yellow-700:hover{--tw-bg-opacity: 1;background-color:rgb(161 98 7 / var(--tw-bg-opacity, 1))}.hover\:from-blue-600:hover{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-cyan-600:hover{--tw-gradient-from: #0891b2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-green-600:hover{--tw-gradient-from: #16a34a var(--tw-gradient-from-position);--tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-indigo-700:hover{--tw-gradient-from: #4338ca var(--tw-gradient-from-position);--tw-gradient-to: rgb(67 56 202 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-red-600:hover{--tw-gradient-from: #dc2626 var(--tw-gradient-from-position);--tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-yellow-400:hover{--tw-gradient-from: #facc15 var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-yellow-500:hover{--tw-gradient-from: #eab308 var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-yellow-600:hover{--tw-gradient-from: #ca8a04 var(--tw-gradient-from-position);--tw-gradient-to: rgb(202 138 4 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-amber-400:hover{--tw-gradient-to: #fbbf24 var(--tw-gradient-to-position)}.hover\:to-amber-500:hover{--tw-gradient-to: #f59e0b var(--tw-gradient-to-position)}.hover\:to-amber-600:hover{--tw-gradient-to: #d97706 var(--tw-gradient-to-position)}.hover\:to-blue-700:hover{--tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position)}.hover\:to-emerald-600:hover{--tw-gradient-to: #059669 var(--tw-gradient-to-position)}.hover\:to-orange-600:hover{--tw-gradient-to: #ea580c var(--tw-gradient-to-position)}.hover\:to-purple-700:hover{--tw-gradient-to: #7e22ce var(--tw-gradient-to-position)}.hover\:to-red-700:hover{--tw-gradient-to: #b91c1c var(--tw-gradient-to-position)}.hover\:text-cyan-100:hover{--tw-text-opacity: 1;color:rgb(207 250 254 / var(--tw-text-opacity, 1))}.hover\:text-cyan-600:hover{--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}.hover\:text-cyan-700:hover{--tw-text-opacity: 1;color:rgb(14 116 144 / var(--tw-text-opacity, 1))}.hover\:text-gray-200:hover{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.hover\:text-indigo-600:hover{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.hover\:text-indigo-800:hover{--tw-text-opacity: 1;color:rgb(55 48 163 / var(--tw-text-opacity, 1))}.hover\:text-rose-500:hover{--tw-text-opacity: 1;color:rgb(244 63 94 / var(--tw-text-opacity, 1))}.hover\:text-rose-600:hover{--tw-text-opacity: 1;color:rgb(225 29 72 / var(--tw-text-opacity, 1))}.hover\:text-slate-100:hover{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.hover\:text-slate-600:hover{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.hover\:text-slate-900:hover{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-soft:hover{--tw-shadow: 0 2px 15px -3px rgba(0, 0, 0, .07), 0 10px 20px -2px rgba(0, 0, 0, .04);--tw-shadow-colored: 0 2px 15px -3px var(--tw-shadow-color), 0 10px 20px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-cyan-500:focus{--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1))}.focus\:border-emerald-500:focus{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.focus\:border-indigo-300:focus{--tw-border-opacity: 1;border-color:rgb(165 180 252 / var(--tw-border-opacity, 1))}.focus\:border-indigo-500:focus{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:bg-white:focus{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-4:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-amber-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1))}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-cyan-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(165 243 252 / var(--tw-ring-opacity, 1))}.focus\:ring-emerald-500\/10:focus{--tw-ring-color: rgb(16 185 129 / .1)}.focus\:ring-green-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1))}.focus\:ring-indigo-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity, 1))}.focus\:ring-indigo-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}.focus\:ring-indigo-500\/10:focus{--tw-ring-color: rgb(99 102 241 / .1)}.focus\:ring-indigo-500\/20:focus{--tw-ring-color: rgb(99 102 241 / .2)}.focus\:ring-yellow-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1))}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-100:disabled{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}.group:focus-within .group-focus-within\:text-indigo-500{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:block{display:block}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/row:hover .group-hover\/row\:border-indigo-100,.group:hover .group-hover\:border-indigo-100{--tw-border-opacity: 1;border-color:rgb(224 231 255 / var(--tw-border-opacity, 1))}.group:hover .group-hover\:border-indigo-600{--tw-border-opacity: 1;border-color:rgb(79 70 229 / var(--tw-border-opacity, 1))}.group:hover .group-hover\:bg-emerald-500\/20{background-color:#10b98133}.group:hover .group-hover\:bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(245 247 255 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-indigo-500\/10{background-color:#6366f11a}.group:hover .group-hover\:bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-opacity-100{--tw-bg-opacity: 1}.group\/row:hover .group-hover\/row\:text-indigo-600,.group:hover .group-hover\:text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-slate-200{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 640px){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-40{width:10rem}.sm\:w-auto{width:auto}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 768px){.md\:col-span-3{grid-column:span 3 / span 3}.md\:col-span-4{grid-column:span 4 / span 4}.md\:col-span-5{grid-column:span 5 / span 5}.md\:mb-3{margin-bottom:.75rem}.md\:mb-4{margin-bottom:1rem}.md\:mb-6{margin-bottom:1.5rem}.md\:mb-8{margin-bottom:2rem}.md\:mt-2{margin-top:.5rem}.md\:mt-4{margin-top:1rem}.md\:mt-6{margin-top:1.5rem}.md\:mt-8{margin-top:2rem}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-10{height:2.5rem}.md\:h-12{height:3rem}.md\:h-5{height:1.25rem}.md\:h-6{height:1.5rem}.md\:w-10{width:2.5rem}.md\:w-12{width:3rem}.md\:w-5{width:1.25rem}.md\:w-6{width:1.5rem}.md\:w-80{width:20rem}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:gap-2{gap:.5rem}.md\:gap-3{gap:.75rem}.md\:gap-4{gap:1rem}.md\:gap-6{gap:1.5rem}.md\:gap-8{gap:2rem}.md\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.md\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.md\:p-12{padding:3rem}.md\:p-3{padding:.75rem}.md\:p-4{padding:1rem}.md\:p-5{padding:1.25rem}.md\:p-8{padding:2rem}.md\:px-3{padding-left:.75rem;padding-right:.75rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-2{padding-top:.5rem;padding-bottom:.5rem}.md\:py-3{padding-top:.75rem;padding-bottom:.75rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}}@media (min-width: 1024px){.lg\:relative{position:relative}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-8{grid-column:span 8 / span 8}.lg\:ml-52{margin-left:13rem}.lg\:hidden{display:none}.lg\:w-1\/4{width:25%}.lg\:w-32{width:8rem}.lg\:w-48{width:12rem}.lg\:flex-none{flex:none}.lg\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:gap-8{gap:2rem}.lg\:self-auto{align-self:auto}.lg\:px-8{padding-left:2rem;padding-right:2rem}}