.notifications{position:relative;display:inline-block}.notification-btn{background:none;border:none;font-size:1.2rem;color:#333;cursor:pointer;padding:.5rem;position:relative;transition:color .3s}.notification-btn:hover{color:#007bff}.notification-btn.loading{opacity:.6;cursor:not-allowed}.notification-badge{position:absolute;top:0;right:0;background:#dc3545;color:#fff;border-radius:50%;width:18px;height:18px;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid white}.notification-dropdown{position:absolute;top:100%;right:0;width:350px;max-height:500px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1000;overflow:hidden}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #eee;background:#f8f9fa}.dropdown-header h4{margin:0;color:#333;font-size:1.1rem}.mark-all-read{background:none;border:none;color:#007bff;font-size:.875rem;cursor:pointer;text-decoration:underline}.mark-all-read:hover{color:#0056b3}.notification-list{max-height:400px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;padding:1rem 1.5rem;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s}.notification-item:hover{background:#f8f9fa}.notification-item.unread{background:#f0f8ff;border-left:3px solid #007bff}.notification-icon{font-size:1.2rem;margin-right:1rem;margin-top:.2rem;min-width:20px}.notification-content{flex:1}.notification-title{font-weight:600;color:#333;margin-bottom:.25rem;font-size:.95rem}.notification-message{color:#666;font-size:.875rem;line-height:1.4;margin-bottom:.5rem}.notification-time{font-size:.75rem;color:#999}.unread-indicator{width:8px;height:8px;background:#007bff;border-radius:50%;margin-top:.5rem;flex-shrink:0}.no-notifications{text-align:center;padding:3rem 1rem;color:#666}.no-notifications i{font-size:3rem;margin-bottom:1rem;opacity:.5}.dropdown-footer{padding:1rem 1.5rem;border-top:1px solid #eee;text-align:center}.view-all-btn{background:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background .3s}.view-all-btn:hover{background:#0056b3}.notification-overlay{position:fixed;inset:0;z-index:999}@media(max-width:480px){.notification-dropdown{width:calc(100vw - 2rem);max-width:none;right:1rem;left:1rem}.notification-item{padding:.75rem 1rem}.notification-icon{font-size:1rem;margin-right:.75rem}.notification-title{font-size:.9rem}.notification-message{font-size:.8rem}}.navbar{background:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}.navbar-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.navbar-logo{font-size:1.8rem;font-weight:700;cursor:pointer}.logo-yellow{color:#ffc107}.logo-black{color:#1a1a1a}.navbar-menu{display:flex;gap:2rem}.nav-link{text-decoration:none;color:#4a4a4a;font-weight:500;transition:color .3s}.nav-link:hover{color:#ffc107}.navbar-buttons{display:flex;gap:1rem;align-items:center}.btn-outline{padding:.5rem 1.5rem;border:2px solid #ffc107;background:transparent;color:#ffc107;border-radius:5px;font-weight:600;cursor:pointer;transition:all .3s}.btn-outline:hover{background:#ffc107;color:#fff}.btn-primary{padding:.5rem 1.5rem;border:none;background:#ffc107;color:#fff;border-radius:5px;font-weight:600;cursor:pointer;transition:background .3s}.btn-primary:hover{background:#e0a800}.mobile-menu-btn{display:none;font-size:1.5rem;background:none;border:none;cursor:pointer}@media(max-width:768px){.navbar-menu{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;flex-direction:column;padding:2rem;text-align:center;box-shadow:0 2px 10px #0000001a}.navbar-menu.active{display:flex}.mobile-menu-btn{display:block}.navbar-buttons .btn-outline,.navbar-buttons .btn-primary{display:none}.navbar-container{padding:1rem}.navbar-logo{font-size:1.5rem}}@media(min-width:768px)and (max-width:1023px){.navbar-container{padding:1rem 1.5rem}.navbar-menu{gap:1.5rem}.navbar-buttons{gap:.8rem}.btn-outline,.btn-primary{padding:.4rem 1.2rem;font-size:.9rem}}@media(min-width:1024px)and (max-width:1439px){.navbar-container{padding:1rem 2rem}.navbar-menu{gap:2rem}.navbar-buttons{gap:1rem}}@media(min-width:1440px){.navbar-container{max-width:1600px;padding:1.2rem 3rem}.navbar-logo{font-size:2rem}.navbar-menu{gap:2.5rem}.navbar-buttons{gap:1.2rem}.btn-outline,.btn-primary{padding:.6rem 1.8rem;font-size:1.1rem}}.footer{background:#1a1a1a;color:#fff;padding:3rem 0 1rem}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.footer-section h3{color:#ffc107;margin-bottom:1.5rem;font-size:1.2rem}.footer-section p{color:#ccc;line-height:1.6;margin-bottom:1.5rem}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.8rem}.footer-section ul li a{color:#ccc;text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:#ffc107}.social-links{display:flex;gap:1rem}.social-links a{color:#fff;background:#333;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.social-links a:hover{background:#ffc107;color:#1a1a1a}.footer-bottom{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid #333}.footer-bottom p{color:#ccc}@media(max-width:768px){.footer-container{grid-template-columns:repeat(2,1fr);padding:0 1rem}.footer{padding:2rem 0 1rem}.footer-section h3{font-size:1.1rem}}@media(max-width:480px){.footer-container{grid-template-columns:1fr;padding:0 1rem}.social-links{justify-content:center}}@media(min-width:768px)and (max-width:1023px){.footer-container{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:0 1.5rem}.footer-section h3{font-size:1.15rem}}@media(min-width:1024px)and (max-width:1439px){.footer-container{grid-template-columns:repeat(4,1fr);padding:0 2rem}}@media(min-width:1440px){.footer-container{max-width:1600px;grid-template-columns:repeat(4,1fr);gap:3rem;padding:0 3rem}.footer{padding:4rem 0 1.5rem}.footer-section h3{font-size:1.4rem}.social-links a{width:40px;height:40px}}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;background-color:#f8f9fa}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.home{min-height:100vh;width:100%}.how-it-works{padding:5rem 0;background:#f8f9fa;width:100%}.step-card h3{margin-bottom:1rem;color:#1a1a1a;font-size:1.5rem}.step-card p{color:#666;line-height:1.6;font-size:1rem}.featured{padding:5rem 0;width:100%}.featured-content h3{margin-bottom:.5rem;color:#1a1a1a;font-size:1.3rem}.testimonials{padding:5rem 0;background:linear-gradient(135deg,#1a1a1a,#333);color:#fff;width:100%}.testimonial-card p{font-style:italic;margin-bottom:1.5rem;line-height:1.6;font-size:1rem}.testimonial-card h4{color:#ffc107;margin-bottom:.3rem;font-size:1.2rem}.hero{position:relative;height:600px;background-image:url(https://images.unsplash.com/photo-1581091226033-d5c48150dbaa?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.hero-overlay{position:absolute;inset:0;background:#0009}.hero-content{position:relative;z-index:1;text-align:center;color:#fff;max-width:900px;padding:0 2rem}.hero-content h1{font-size:3.5rem;margin-bottom:1rem;line-height:1.2}.highlight{color:#ffc107}.hero-content p{font-size:1.2rem;margin-bottom:2rem;color:#e0e0e0}.search-box{display:flex;align-items:center;background:#fff;border-radius:60px;padding:5px;margin-bottom:3rem;box-shadow:0 5px 20px #0003}.search-box select,.search-box input{flex:1;padding:1rem 1.5rem;border:none;outline:none;font-size:1rem;background:transparent;border-right:1px solid #e0e0e0}.search-box select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em}.search-box input[type=text]{background-color:#f8f9fa;cursor:not-allowed}.search-box input[type=date]{min-width:140px}.search-box button{padding:1rem 2.5rem;background:#ffc107;color:#fff;border:none;border-radius:50px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;margin:0;height:100%}.search-box button:hover{background:#e0a800;transform:translateY(-2px);box-shadow:0 5px 15px #ffc1074d}.hero-stats{display:flex;justify-content:center;gap:4rem}.stat-item{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:#ffc107}.stat-label{color:#e0e0e0;font-size:1rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:2.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:2.5rem}.loader{border:3px solid #f3f3f3;border-top:3px solid #ffc107;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}.alert{padding:1rem;border-radius:5px;margin-bottom:1rem}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}img,video,iframe,.picture{max-width:100%;height:auto}input,select,textarea,button{max-width:100%}.flex,.d-flex{display:flex;flex-wrap:wrap}@media(max-width:480px){.container{padding:0 12px}.hero{height:auto;min-height:500px;padding:2rem 0}.hero-content{padding:0 1rem}.hero-content h1{font-size:2rem;margin-bottom:.75rem}.hero-content p{font-size:1rem;margin-bottom:1.5rem}.highlight{display:block;font-size:2.2rem}.search-box{flex-direction:column;border-radius:20px;padding:10px;gap:8px;margin-bottom:2rem}.search-box select,.search-box input{width:100%;border-right:none;border-bottom:1px solid #e0e0e0;padding:1rem}.search-box select{background-position:right 1rem center}.search-box input[type=date]{min-width:100%}.search-box button{width:100%;padding:1rem;margin-top:5px;border-radius:50px}.search-box button:hover{transform:none}.hero-stats{flex-direction:column;gap:1.25rem;align-items:center}.stat-item{width:100%;max-width:200px}.stat-number{font-size:1.8rem}.stat-label{font-size:.9rem}.section-title{font-size:1.8rem;margin-bottom:.75rem;line-height:1.3}.section-subtitle{font-size:.95rem;margin-bottom:2rem;padding:0 1rem}.how-it-works{padding:3rem 0}.steps-grid{grid-template-columns:1fr;gap:1.25rem;margin-top:2rem;padding:0 .5rem}.step-card{padding:1.5rem}.step-card:hover{transform:none}.step-icon{width:50px;height:50px;font-size:1.5rem;margin-bottom:1rem}.step-card h3{font-size:1.3rem;margin-bottom:.75rem}.step-card p{font-size:.95rem}.featured{padding:3rem 0}.featured-grid{grid-template-columns:1fr;gap:1.25rem;padding:0 .5rem}.featured-card{max-width:100%}.featured-card:hover{transform:none}.featured-card img{height:180px}.featured-content{padding:1.25rem}.featured-content h3{font-size:1.2rem}.price{font-size:1.1rem;margin-bottom:.75rem}.btn-book{padding:.75rem;font-size:.95rem}.testimonials{padding:3rem 0}.testimonials-grid{grid-template-columns:1fr;gap:1.25rem;margin-top:2rem;padding:0 .5rem}.testimonial-card{padding:1.5rem}.testimonial-card p{font-size:.95rem;margin-bottom:1rem}.testimonial-card h4{font-size:1.1rem}.testimonial-card span{font-size:.85rem}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}p{font-size:.95rem}.navbar-container{padding:.75rem 1rem}.mt-1{margin-top:.4rem}.mt-2{margin-top:.8rem}.mt-3{margin-top:1.2rem}.mt-4{margin-top:1.6rem}.mt-5{margin-top:2rem}.mb-1{margin-bottom:.4rem}.mb-2{margin-bottom:.8rem}.mb-3{margin-bottom:1.2rem}.mb-4{margin-bottom:1.6rem}.mb-5{margin-bottom:2rem}.full-width{width:100%;left:0;right:0;margin-left:0;margin-right:0}}@media(min-width:481px)and (max-width:768px){.container{padding:0 20px}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.1rem}.search-box{flex-wrap:wrap;border-radius:30px;padding:8px;gap:5px}.search-box select,.search-box input{flex:1 1 calc(33.333% - 10px);min-width:120px;border-right:1px solid #e0e0e0;padding:.9rem}.search-box button{flex:1 1 100%;margin-top:8px;padding:.9rem;border-radius:50px}.hero-stats{gap:2rem}.steps-grid,.testimonials-grid,.featured-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.section-title{font-size:2rem}.how-it-works,.featured,.testimonials{padding:4rem 0}}@media(min-width:769px)and (max-width:1023px){.container{padding:0 25px}.hero-content h1{font-size:3rem}.search-box{border-radius:50px;padding:5px}.search-box select,.search-box input{padding:.9rem 1.2rem}.search-box button{padding:.9rem 2rem}.featured-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.testimonials-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.section-title{font-size:2.2rem}.how-it-works,.featured,.testimonials{padding:5rem 0}}@media(min-width:1024px)and (max-width:1439px){.container{max-width:1200px;padding:0 30px}.hero-content h1{font-size:3.5rem}.search-box select,.search-box input{padding:1rem 1.5rem}.search-box button{padding:1rem 2.5rem}.featured-grid{grid-template-columns:repeat(4,1fr);gap:1.8rem}}@media(min-width:1440px){.container{max-width:1600px;padding:0 40px}.hero{height:700px}.hero-content{max-width:1000px}.hero-content h1{font-size:4rem}.hero-content p{font-size:1.3rem}.search-box{border-radius:70px;padding:8px}.search-box select,.search-box input{padding:1.2rem 2rem;font-size:1.1rem}.search-box button{padding:1.2rem 3rem;font-size:1.1rem;border-radius:60px}.search-box button:hover{transform:translateY(-2px)}.hero-stats{gap:4rem}.stat-number{font-size:2.2rem}.featured-grid{grid-template-columns:repeat(5,1fr);gap:2rem}.steps-grid,.testimonials-grid{gap:3rem}.how-it-works,.featured,.testimonials{padding:6rem 0}.step-icon{width:70px;height:70px;font-size:2rem}.step-card h3{font-size:1.6rem}.featured-card img{height:220px}.featured-content h3{font-size:1.4rem}.testimonial-card p{font-size:1.1rem}}.categories{padding:5rem 0;background:#fff}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem}.category-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a;cursor:pointer;transition:all .3s}.category-card:hover{transform:translateY(-10px);box-shadow:0 8px 25px #00000026}.category-card img{width:100%;height:200px;object-fit:cover;transition:transform .3s}.category-card:hover img{transform:scale(1.1)}.category-info{padding:1.5rem}.category-info h3{color:#1a1a1a;margin-bottom:.5rem;font-size:1.3rem}.category-price{color:#ffc107;font-weight:700;font-size:1.1rem;margin-bottom:.5rem}.category-desc{color:#666;font-size:.9rem;margin-bottom:1rem}.category-btn{background:none;border:none;color:#ffc107;font-weight:600;cursor:pointer;padding:0;transition:color .3s}.category-btn:hover{color:#e0a800}@media(max-width:768px){.categories-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.categories{padding:3rem 0}.category-info{padding:1rem}.category-info h3{font-size:1.1rem}}@media(max-width:480px){.categories-grid{grid-template-columns:1fr}.categories{padding:2rem 0}}@media(min-width:768px)and (max-width:1023px){.categories-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.categories{padding:4rem 0}}@media(min-width:1024px)and (max-width:1439px){.categories-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1440px){.categories{padding:6rem 0}.categories-grid{grid-template-columns:repeat(4,1fr);gap:2.5rem}.category-card img{height:250px}.category-info{padding:2rem}.category-info h3{font-size:1.5rem}.category-price{font-size:1.2rem}.category-desc{font-size:1rem}}.home{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{text-align:center;font-size:2.5rem;color:#1a1a1a;margin-bottom:1rem}.section-subtitle{text-align:center;color:#666;margin-bottom:3rem}.how-it-works{padding:5rem 0;background:#f8f9fa}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.step-card{text-align:center;padding:2rem;background:#fff;border-radius:10px;box-shadow:0 5px 20px #0000001a;transition:transform .3s}.step-card:hover{transform:translateY(-5px)}.step-icon{width:60px;height:60px;background:#ffc107;color:#fff;font-size:1.8rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.step-card h3{margin-bottom:1rem;color:#1a1a1a}.step-card p{color:#666;line-height:1.6}.featured{padding:5rem 0}.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.featured-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:transform .3s}.featured-card:hover{transform:translateY(-5px)}.featured-card img{width:100%;height:200px;object-fit:cover}.featured-content{padding:1.5rem}.featured-content h3{margin-bottom:.5rem;color:#1a1a1a}.price{color:#ffc107;font-weight:700;font-size:1.2rem;margin-bottom:1rem}.btn-book{width:100%;padding:.8rem;background:#ffc107;color:#fff;border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:background .3s}.btn-book:hover{background:#e0a800}.testimonials{padding:5rem 0;background:linear-gradient(135deg,#1a1a1a,#333);color:#fff}.testimonials .section-title{color:#fff}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.testimonial-card{background:#ffffff1a;padding:2rem;border-radius:10px}.testimonial-card p{font-style:italic;margin-bottom:1.5rem;line-height:1.6}.testimonial-card h4{color:#ffc107;margin-bottom:.3rem}.testimonial-card span{color:#ccc;font-size:.9rem}@media(max-width:768px){.steps-grid,.featured-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.steps-grid,.featured-grid,.testimonials-grid{grid-template-columns:1fr}.section-title{font-size:2rem}}.login-container{min-height:calc(100vh - 160px);display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);width:100%}.login-box{background:#fff;padding:3rem;border-radius:10px;box-shadow:0 10px 30px #0000001a;width:100%;max-width:400px;margin:0 auto}@media(max-width:480px){.login-box{max-width:90%;padding:2rem}}.login-box h2{color:#1a1a1a;margin-bottom:.5rem;font-size:2rem;text-align:center}.login-box p{color:#666;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem;width:100%}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500;text-align:left;width:100%}.form-group input,.form-group select{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s;display:block}.login-btn{width:100%;padding:1rem;background:#ffc107;color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s;margin-top:1rem;display:block}.login-btn:hover{background:#e0a800}.signup-link{text-align:center;margin-top:2rem;color:#666;width:100%}.signup-link a{color:#ffc107;text-decoration:none;font-weight:600}.signup-link a:hover{text-decoration:underline}@media(max-width:480px){.login-container{padding:1rem;min-height:calc(100vh - 120px)}.login-box{max-width:100%;padding:1.5rem;border-radius:8px}.login-box h2{font-size:1.5rem;margin-bottom:.3rem}.login-box p{font-size:.9rem;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{font-size:.9rem;margin-bottom:.4rem}.form-group input,.form-group select{padding:.7rem;font-size:1rem}.login-btn{padding:.8rem;font-size:1rem;margin-top:.8rem}.signup-link{font-size:.9rem;margin-top:1.5rem}.error-message{font-size:.85rem;padding:.6rem}}@media(min-width:481px)and (max-width:767px){.login-container{padding:1.5rem;min-height:calc(100vh - 140px)}.login-box{max-width:350px;padding:2.5rem}.login-box h2{font-size:1.8rem}.login-box p{font-size:.95rem}.form-group input,.form-group select{padding:.75rem;font-size:.95rem}.login-btn{padding:.85rem;font-size:.95rem}}@media(min-width:768px)and (max-width:1023px){.login-box{max-width:420px;padding:3rem}.login-box h2{font-size:2rem}}@media(min-width:1024px)and (max-width:1439px){.login-container{padding:3rem 2rem}.login-box{max-width:450px}}@media(min-width:1440px){.login-container{padding:4rem 3rem}.login-box{max-width:500px;padding:4rem}.login-box h2{font-size:2.5rem;margin-bottom:1rem}.login-box p{font-size:1.1rem;margin-bottom:2.5rem}.form-group{margin-bottom:2rem}.form-group label{font-size:1.05rem;margin-bottom:.7rem}.form-group input,.form-group select{padding:1rem;font-size:1.05rem}.login-btn{padding:1.1rem;font-size:1.1rem;margin-top:1.5rem}.signup-link{font-size:1.05rem}}.signup-container{min-height:calc(100vh - 160px);display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.signup-box{background:#fff;padding:3rem;border-radius:10px;box-shadow:0 10px 30px #0000001a;width:100%;max-width:500px}@media(max-width:480px){.signup-box{max-width:90%;padding:2rem}}.signup-box h2{color:#1a1a1a;margin-bottom:.5rem;font-size:2rem}.signup-box p{color:#666;margin-bottom:2rem}.signup-btn{width:100%;padding:1rem;background:#ffc107;color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s;margin-top:1rem}.signup-btn:hover{background:#e0a800}.login-link{text-align:center;margin-top:2rem;color:#666}.login-link a{color:#ffc107;text-decoration:none;font-weight:600}.login-link a:hover{text-decoration:underline}.error-message{background:#fee;color:#c33;padding:.8rem;border-radius:5px;margin-bottom:1rem;text-align:center;border:1px solid #fcc;width:100%}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.form-group input,.form-group select{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#ffc107}@media(max-width:480px){.signup-container{padding:1rem;min-height:calc(100vh - 120px)}.signup-box{max-width:100%;padding:1.5rem;border-radius:8px}.signup-box h2{font-size:1.5rem;margin-bottom:.3rem}.signup-box p{font-size:.9rem;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{font-size:.9rem;margin-bottom:.4rem}.form-group input,.form-group select{padding:.7rem;font-size:1rem}.signup-btn{padding:.8rem;font-size:1rem;margin-top:.8rem}.login-link{font-size:.9rem;margin-top:1.5rem}.error-message{font-size:.85rem;padding:.6rem}}@media(min-width:481px)and (max-width:767px){.signup-container{padding:1.5rem;min-height:calc(100vh - 140px)}.signup-box{max-width:380px;padding:2rem;border-radius:8px}.signup-box h2{font-size:1.8rem}.signup-box p{font-size:.95rem}.form-group input,.form-group select{padding:.75rem;font-size:.95rem}.signup-btn{padding:.85rem;font-size:.95rem}}@media(min-width:768px)and (max-width:1023px){.signup-box{max-width:450px;padding:2.5rem}.signup-box h2{font-size:2rem}}@media(min-width:1024px)and (max-width:1439px){.signup-container{padding:3rem 2rem}.signup-box{max-width:500px}}@media(min-width:1440px){.signup-container{padding:4rem 3rem}.signup-box{max-width:600px;padding:4rem}.signup-box h2{font-size:2.5rem;margin-bottom:1rem}.signup-box p{font-size:1.1rem;margin-bottom:2.5rem}.form-group{margin-bottom:2rem}.form-group label{font-size:1.05rem;margin-bottom:.7rem}.form-group input,.form-group select{padding:1rem;font-size:1.05rem}.signup-btn{padding:1.1rem;font-size:1.1rem;margin-top:1.5rem}.login-link{font-size:1.05rem}}.equipment-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a;cursor:pointer;transition:all .3s}.equipment-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.equipment-image{position:relative;height:200px;overflow:hidden}.equipment-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.equipment-card:hover .equipment-image img{transform:scale(1.1)}.badge{position:absolute;top:10px;right:10px;padding:.3rem .8rem;border-radius:5px;font-size:.8rem;font-weight:600}.badge.unavailable{background:#dc3545;color:#fff}.equipment-details{padding:1.5rem}.equipment-details h3{color:#1a1a1a;margin-bottom:.5rem;font-size:1.2rem}.rating{margin-bottom:1rem}.star.filled{color:#ffc107}.review-count{color:#666;font-size:.9rem;margin-left:.5rem}.pricing{display:flex;gap:1rem;margin-bottom:1rem}.hourly-rate{color:#ffc107;font-weight:700;font-size:1.1rem}.daily-rate{color:#666;font-size:.9rem}.vendor-info{display:flex;justify-content:space-between;margin-bottom:1rem;color:#666;font-size:.9rem}@media(max-width:480px){.equipment-image{height:150px}.equipment-details{padding:1rem}.equipment-details h3{font-size:1rem}.pricing,.vendor-info{flex-direction:column;gap:.5rem}.book-btn{padding:.6rem;font-size:.9rem}}@media(min-width:481px)and (max-width:767px){.equipment-image{height:180px}.equipment-details{padding:1.2rem}.equipment-details h3{font-size:1.1rem}}@media(min-width:768px)and (max-width:1023px){.equipment-image{height:200px}.equipment-details{padding:1.5rem}}@media(min-width:1024px)and (max-width:1439px){.equipment-image{height:220px}.equipment-details{padding:1.5rem}}@media(min-width:1440px){.equipment-image{height:250px}.equipment-details{padding:2rem}.equipment-details h3{font-size:1.4rem}.star{font-size:1.3rem}.review-count{font-size:1rem}.hourly-rate{font-size:1.2rem}.daily-rate,.vendor-info{font-size:1rem}.book-btn{padding:1rem;font-size:1.1rem}}.book-btn{width:100%;padding:.8rem;background:#ffc107;color:#fff;border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:background .3s}.book-btn:hover:not(.disabled){background:#e0a800}.book-btn.disabled{background:#ccc;cursor:not-allowed}:root{--primary-color: #ffc107;--primary-dark: #e0a800;--secondary-color: #1a1a1a;--text-primary: #333;--text-secondary: #666;--text-light: #999;--bg-light: #f8f9fa;--bg-white: #ffffff;--border-color: #e0e0e0;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: all .3s ease}.equipment-list-page{min-height:calc(100vh - 160px);background:var(--bg-light);padding:2rem 0}.container{max-width:1400px;margin:0 auto;padding:0 2rem;width:100%}.page-header{margin-bottom:2rem;text-align:center}.page-title{font-size:2.5rem;color:var(--secondary-color);margin-bottom:.5rem;font-weight:700;line-height:1.2}.results-count{color:var(--text-secondary);font-size:1.1rem}.spinner{width:50px;height:50px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.error-state{background:#fee;border:1px solid #fcc;border-radius:var(--radius-md);padding:1.5rem;margin-bottom:2rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.error-icon{font-size:1.5rem}.error-state p{color:#c33;flex:1;margin:0}.mobile-filter-toggle{display:none;width:100%;padding:1rem;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:1.5rem;font-size:1rem;font-weight:500;color:var(--text-primary);cursor:pointer;align-items:center;justify-content:center;gap:.5rem;transition:var(--transition)}.mobile-filter-toggle:hover{background:var(--bg-light);border-color:var(--primary-color)}.filter-icon{fill:currentColor}.content-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem;position:relative}.filters-sidebar{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);height:fit-content;position:sticky;top:2rem;overflow:hidden;transition:var(--transition)}.filters-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--bg-white);position:relative}.filters-header h2{font-size:1.25rem;color:var(--secondary-color);margin:0}.close-filters-btn{display:none;background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;line-height:1;border-radius:50%;transition:var(--transition)}.close-filters-btn:hover{background:var(--bg-light);color:var(--primary-color)}.clear-filters-btn{background:none;border:none;color:var(--primary-color);font-size:.9rem;font-weight:500;cursor:pointer;padding:.5rem;transition:var(--transition)}.clear-filters-btn:hover{color:var(--primary-dark);text-decoration:underline}.filters-content{padding:1.5rem}.filter-section{margin-bottom:1.5rem}.filter-section:last-child{margin-bottom:0}.filter-label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500;font-size:.95rem}.filter-select,.filter-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.95rem;background:var(--bg-white);transition:var(--transition)}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ffc1071a}.price-range{display:flex;align-items:center;gap:.5rem}.price-input{flex:1;position:relative}.currency{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-weight:500}.price-input input{width:100%;padding:.75rem .75rem .75rem 2rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.95rem}.price-separator{color:var(--text-secondary);font-weight:500}.apply-filters-btn{display:none;width:100%;padding:.875rem;background:var(--primary-color);color:var(--secondary-color);border:none;border-radius:var(--radius-sm);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);margin-top:1rem}.apply-filters-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.equipment-grid-container{min-height:400px}.equipment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:var(--secondary-color);font-size:1.5rem;margin-bottom:.5rem}.empty-state p{color:var(--text-secondary);margin-bottom:1.5rem}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;padding:1rem;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.pagination-btn{padding:.5rem 1rem;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-weight:500;cursor:pointer;transition:var(--transition)}.pagination-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:var(--secondary-color)}.btn{display:inline-block;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:var(--transition);text-align:center}.btn-primary{background:var(--primary-color);color:var(--secondary-color)}.btn-secondary:hover{background:var(--secondary-color)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}@media(max-width:480px){.equipment-list-page{padding:1rem 0}.container{padding:0 1rem}.page-title{font-size:1.75rem}.results-count{font-size:.95rem}.equipment-grid{grid-template-columns:1fr;gap:1rem}.filters-content{padding:1rem}.filter-section{margin-bottom:1rem}.price-range{flex-direction:column;gap:.5rem}.price-input{width:100%}.price-separator{display:none}.pagination{flex-wrap:wrap;gap:.5rem}.pagination-btn{flex:1;min-width:80px}.pagination-info{order:-1;width:100%;text-align:center;margin-bottom:.5rem}.empty-state{padding:2rem 1rem}.empty-icon{font-size:3rem}.empty-state h3{font-size:1.25rem}.error-state{padding:1rem;flex-direction:column;text-align:center}}@media(min-width:481px)and (max-width:768px){.container{padding:0 1.5rem}.page-title{font-size:2rem}.content-layout{grid-template-columns:1fr}.filters-sidebar{position:fixed;inset:0;z-index:1000;border-radius:0;overflow-y:auto;transform:translate(-100%);transition:transform .3s ease}.filters-sidebar.show{transform:translate(0)}.filters-header{position:sticky;top:0;z-index:1;box-shadow:var(--shadow-sm)}.close-filters-btn{display:block}.mobile-filter-toggle{display:flex}.apply-filters-btn{display:block}.price-range{flex-direction:row}}@media(min-width:769px)and (max-width:1024px){.container{padding:0 2rem}.content-layout{grid-template-columns:280px 1fr;gap:1.5rem}.filters-sidebar{position:sticky;top:1.5rem}.filters-content{padding:1.25rem}.equipment-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}}@media(min-width:1025px)and (max-width:1440px){.container{max-width:1200px;padding:0 2rem}.content-layout{gap:2rem}.equipment-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(min-width:1441px){.container{max-width:1600px;padding:0 3rem}.equipment-list-page{padding:3rem 0}.page-title{font-size:3rem}.results-count{font-size:1.2rem}.content-layout{grid-template-columns:350px 1fr;gap:2.5rem}.filters-sidebar{border-radius:var(--radius-lg)}.filters-header{padding:2rem}.filters-header h2{font-size:1.5rem}.filters-content{padding:2rem}.filter-section{margin-bottom:2rem}.filter-label{font-size:1rem;margin-bottom:.75rem}.filter-select,.filter-input{padding:1rem;font-size:1rem}.equipment-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}}@media(max-height:600px)and (orientation:landscape){.filters-sidebar{padding-bottom:2rem}.filter-section{margin-bottom:1rem}.filters-header,.filters-content{padding:1rem}}@media(prefers-color-scheme:dark){:root{--bg-light: #1a1a1a;--bg-white: #2d2d2d;--text-primary: #fff;--text-secondary: #ccc;--border-color: #404040}.equipment-list-page{background:#1a1a1a}.filter-select,.filter-input,.price-input input{background:#3d3d3d;border-color:#4d4d4d;color:#fff}.filter-select option{background:#3d3d3d}.empty-state,.pagination{background:#2d2d2d}.error-state{background:#442;border-color:#664}.error-state p{color:#f99}}@media print{.filters-sidebar,.mobile-filter-toggle,.pagination,.btn{display:none!important}.content-layout{grid-template-columns:1fr}.equipment-grid{grid-template-columns:repeat(3,1fr)}}.equipment-calendar{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:20px;max-width:400px;margin:0 auto}.equipment-calendar.loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:16px;color:#666}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.nav-btn{background:none;border:none;font-size:16px;color:#007bff;cursor:pointer;padding:5px;border-radius:4px;transition:background-color .2s}.nav-btn:hover{background-color:#f8f9fa}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:10px;font-weight:600;color:#666;font-size:14px;text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:20px}.calendar-day{aspect-ratio:1;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease;position:relative}.calendar-day.empty{cursor:default}.calendar-day.available{background-color:#e8f5e8;color:#2e7d32}.calendar-day.available:hover{background-color:#c8e6c9;transform:scale(1.05)}.calendar-day.unavailable{background-color:#ffebee;color:#c62828;cursor:not-allowed}.calendar-day.selected{background-color:#1976d2!important;color:#fff!important;box-shadow:0 2px 4px #1976d24d}.calendar-day.today{border:2px solid #ff9800}.calendar-day.past{background-color:#f5f5f5;color:#999;cursor:not-allowed}.calendar-legend{display:flex;justify-content:space-around;flex-wrap:wrap;gap:15px;padding-top:15px;border-top:1px solid #eee}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#666}.legend-color{width:16px;height:16px;border-radius:3px}.legend-color.available{background-color:#e8f5e8;border:1px solid #2e7d32}.legend-color.unavailable{background-color:#ffebee;border:1px solid #c62828}.legend-color.selected{background-color:#1976d2}@media(max-width:480px){.equipment-calendar{padding:15px;max-width:100%}.calendar-header h3{font-size:16px}.calendar-weekdays,.calendar-day{font-size:12px}.calendar-legend{gap:10px}.legend-item{font-size:11px}}:root{--primary: #ffc107;--primary-dark: #e0a800;--secondary: #1a1a1a;--text-primary: #333;--text-secondary: #666;--text-light: #999;--bg-light: #f8f9fa;--bg-white: #ffffff;--border: #e0e0e0;--success: #28a745;--success-light: #d4edda;--danger: #dc3545;--danger-light: #f8d7da;--warning: #ffc107;--warning-light: #fff3cd;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .1);--shadow-md: 0 5px 20px rgba(0, 0, 0, .15);--radius: 10px;--radius-sm: 5px;--transition: all .3s ease}.equipment-detail-page{min-height:calc(100vh - 160px);background:var(--bg-light);padding:clamp(1rem,3vw,3rem) 0}.container{max-width:1400px;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);width:100%}.back-btn{background:none;border:none;color:var(--primary);font-size:clamp(.9rem,2vw,1rem);cursor:pointer;margin-bottom:clamp(1rem,3vw,2rem);display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-sm);transition:var(--transition)}.back-btn:hover{color:var(--primary-dark);background:#ffc1071a}.back-btn svg{width:20px;height:20px}.detail-grid{display:grid;grid-template-columns:1fr minmax(300px,450px);gap:clamp(1rem,3vw,2rem);align-items:start}.detail-left{background:var(--bg-white);border-radius:var(--radius);padding:clamp(1rem,3vw,2rem);box-shadow:var(--shadow-sm)}.image-section{margin-bottom:2rem}.main-image{position:relative;height:clamp(250px,40vw,400px);margin-bottom:1rem;border-radius:var(--radius);overflow:hidden;background:var(--bg-light)}.main-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.main-image:hover img{transform:scale(1.05)}.badge{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;text-transform:capitalize;z-index:1}.badge.unavailable{background:var(--danger);color:#fff}.badge.featured{background:var(--primary);color:var(--secondary)}.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:1rem;margin-top:1rem}.gallery-item{border:none;padding:0;background:none;cursor:pointer;border-radius:var(--radius-sm);overflow:hidden;aspect-ratio:1}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:opacity .3s}.gallery-item:hover img{opacity:.8}.info-section{margin-bottom:2rem}.info-section h2{color:var(--secondary);margin-bottom:1rem;font-size:clamp(1.1rem,2.5vw,1.3rem);position:relative;padding-bottom:.5rem}.info-section h2:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:var(--primary);border-radius:2px}.info-section p{color:var(--text-secondary);line-height:1.8;font-size:clamp(.9rem,2vw,1rem)}.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.spec-item{padding:1rem;background:var(--bg-light);border-radius:var(--radius-sm);border-left:3px solid var(--primary)}.spec-label{display:block;color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.spec-value{display:block;color:var(--secondary);font-weight:600;font-size:1rem}.features-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.features-list li{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:clamp(.9rem,2vw,1rem)}.features-list svg{flex-shrink:0}.detail-right{position:sticky;top:100px;height:fit-content}.booking-card{background:var(--bg-white);border-radius:var(--radius);padding:clamp(1rem,3vw,2rem);box-shadow:var(--shadow-md)}.booking-header{margin-bottom:1.5rem}.booking-header h1{color:var(--secondary);font-size:clamp(1.5rem,4vw,1.8rem);margin-bottom:.5rem;line-height:1.2}.category{color:var(--text-secondary);font-size:1rem;text-transform:uppercase;letter-spacing:1px}.rating-section{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.stars{display:flex;gap:2px}.star{color:#ddd;font-size:1.2rem}.star.filled{color:var(--primary)}.rating-value{font-weight:600;color:var(--secondary)}.review-count{color:var(--text-secondary);font-size:.9rem}.pricing-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.tab{flex:1;min-width:80px;padding:.8rem;background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:clamp(.85rem,2vw,1rem);font-weight:500;cursor:pointer;transition:var(--transition)}.tab:hover:not(.active){background:var(--border)}.tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.price-display{text-align:center;margin-bottom:2rem;padding:1.5rem;background:var(--bg-light);border-radius:var(--radius)}.price{font-size:clamp(1.8rem,5vw,2.5rem);font-weight:700;color:var(--primary);line-height:1}.duration{color:var(--text-secondary);font-size:1rem;margin-left:.5rem}.booking-form{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500;font-size:.95rem}.form-group input{width:100%;padding:.8rem 1rem;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;transition:var(--transition)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ffc1071a}.form-group input:disabled{background:var(--bg-light);cursor:not-allowed}.form-group small{display:block;margin-top:.5rem;color:var(--text-light);font-size:.85rem}.selected-date{margin-top:.5rem;padding:.75rem;background:var(--success-light);border:1px solid var(--success);border-radius:var(--radius-sm);color:var(--success);font-size:.9rem;text-align:center;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.availability-checking{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-light);border-radius:var(--radius-sm);margin-bottom:1rem}.spinner-small{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.availability-error{padding:.75rem;background:var(--danger-light);border:1px solid var(--danger);border-radius:var(--radius-sm);color:var(--danger);font-size:.9rem;margin-bottom:1rem;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.book-now-btn{width:100%;padding:1rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:clamp(1rem,2.5vw,1.1rem);font-weight:600;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.book-now-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.book-now-btn:hover:not(:disabled):after{width:300px;height:300px}.book-now-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.book-now-btn:disabled{background:var(--text-light);cursor:not-allowed;opacity:.7}.book-now-btn.disabled{background:var(--text-light);cursor:not-allowed}.vendor-info{border-top:2px solid var(--border);padding-top:1.5rem}.vendor-info h3{color:var(--secondary);margin-bottom:1rem;font-size:1.1rem}.vendor-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.vendor-details p{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.95rem;padding:.5rem;background:var(--bg-light);border-radius:var(--radius-sm)}.vendor-details svg{flex-shrink:0}.vendor-name{font-weight:600;color:var(--secondary)!important}.vendor-phone{font-family:monospace;font-size:1.1rem!important;color:var(--secondary)!important}.contact-btn{width:100%;padding:.8rem;background:transparent;color:var(--primary);border:2px solid var(--primary);border-radius:var(--radius-sm);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition)}.contact-btn:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem}.spinner{width:50px;height:50px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-state p{color:var(--text-secondary);font-size:1.1rem}.error-state{text-align:center;padding:3rem;background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow-sm);max-width:500px;margin:2rem auto}.error-icon{font-size:3rem;display:block;margin-bottom:1rem}.error-state h2{color:var(--secondary);margin-bottom:1rem;font-size:1.5rem}.error-state p{color:var(--text-secondary);margin-bottom:2rem}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.not-found-state{text-align:center;padding:4rem 2rem;background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow-sm);max-width:500px;margin:2rem auto}.not-found-icon{font-size:4rem;display:block;margin-bottom:1rem}.not-found-state h2{color:var(--secondary);margin-bottom:1rem;font-size:1.8rem}.not-found-state p{color:var(--text-secondary);margin-bottom:2rem}.btn{display:inline-block;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-sm);font-weight:500;font-size:1rem;cursor:pointer;transition:var(--transition);text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--text-secondary);color:#fff}:root{--primary-yellow: #FFC107;--primary-yellow-dark: #E0A800;--primary-yellow-light: #FFF3CD;--primary-black: #1A1A1A;--primary-black-light: #333333;--primary-white: #FFFFFF;--primary-white-dark: #F8F9FA;--status-active: #28A745;--status-active-light: #D4EDDA;--status-pending: #FFC107;--status-pending-light: #FFF3CD;--status-confirmed: #17A2B8;--status-confirmed-light: #D1ECF1;--status-cancelled: #DC3545;--status-cancelled-light: #F8D7DA;--status-completed: #6C757D;--status-completed-light: #E9ECEF;--text-primary: #1A1A1A;--text-secondary: #666666;--text-light: #999999;--text-white: #FFFFFF;--bg-light: #F8F9FA;--bg-white: #FFFFFF;--bg-dark: #1A1A1A;--border-light: #E0E0E0;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.customer-dashboard{min-height:calc(100vh - 160px);background:var(--bg-light);padding:var(--space-xl) 0}.dashboard-title{color:var(--primary-black);font-size:2.5rem;font-weight:700;margin-bottom:var(--space-md);position:relative;padding-bottom:var(--space-sm)}.dashboard-title:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:4px;background:var(--primary-yellow);border-radius:2px}.error-message{background:var(--status-cancelled-light);border-left:4px solid var(--status-cancelled);border-radius:var(--radius-sm);padding:var(--space-md);display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-md)}.error-message p{color:var(--status-cancelled);flex:1;margin:0;font-weight:500}.retry-btn{padding:.6rem 1.2rem;background:var(--status-cancelled);color:var(--text-white);border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition)}.retry-btn:hover{background:#b02a37;transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card{background:var(--bg-white);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);transition:var(--transition);position:relative;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-yellow),var(--primary-yellow-dark));transform:translate(-100%);transition:transform .3s ease}.stat-card-total{background:linear-gradient(135deg,var(--primary-yellow-light),var(--bg-white));border-left:4px solid var(--primary-yellow)}.stat-card-active{background:linear-gradient(135deg,var(--status-confirmed-light),var(--bg-white));border-left:4px solid var(--status-confirmed)}.stat-card-completed{background:linear-gradient(135deg,var(--status-completed-light),var(--bg-white));border-left:4px solid var(--status-completed)}.stat-card-spent{background:linear-gradient(135deg,var(--primary-black-light),var(--bg-white));border-left:4px solid var(--primary-black)}.stat-card-total .stat-icon{background:var(--primary-yellow);color:var(--primary-black)}.stat-card-active .stat-icon{background:var(--status-confirmed);color:var(--text-white)}.stat-card-completed .stat-icon{background:var(--status-completed);color:var(--text-white)}.stat-card-spent .stat-icon{background:var(--primary-black);color:var(--primary-yellow)}.stat-value{color:var(--primary-black);font-size:1.8rem;font-weight:700;line-height:1}.stat-card-spent .stat-value{color:var(--primary-black)}.quick-actions h2{color:var(--primary-black);font-size:1.5rem;font-weight:600;margin-bottom:var(--space-lg);position:relative;padding-bottom:var(--space-xs)}.quick-actions h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--primary-yellow);border-radius:2px}.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.action-card{background:var(--bg-white);border-radius:var(--radius-lg);padding:var(--space-lg);text-decoration:none;transition:var(--transition);display:flex;gap:var(--space-md);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.action-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-yellow)}.action-card-browse{border-left:4px solid var(--primary-yellow)}.action-card-bookings{border-left:4px solid var(--primary-black)}.action-card-browse .action-icon-wrapper{background:var(--primary-yellow-light);color:var(--primary-yellow-dark)}.action-card-bookings .action-icon-wrapper{background:var(--primary-black-light);color:var(--primary-yellow)}.action-icon-wrapper svg{width:28px;height:28px;stroke:currentColor}.action-content h3{color:var(--primary-black);font-size:1.2rem;font-weight:600;margin-bottom:var(--space-xs)}.action-content p{color:var(--text-secondary);font-size:.95rem;margin-bottom:var(--space-sm);line-height:1.5}.action-link{color:var(--primary-yellow-dark);font-weight:600;font-size:.95rem;transition:var(--transition);display:inline-flex;align-items:center}.action-card:hover .action-link{color:var(--primary-yellow);transform:translate(5px)}.recent-bookings{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--border-light)}.section-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:2px solid var(--border-light);background:linear-gradient(to right,var(--bg-white),var(--primary-yellow-light))}.section-header h2{color:var(--primary-black);font-size:1.3rem;font-weight:600;margin:0}.view-all-link{color:var(--primary-black);text-decoration:none;font-weight:600;font-size:.95rem;transition:var(--transition);padding:.6rem 1.2rem;border-radius:var(--radius-sm);background:var(--primary-yellow);display:inline-flex;align-items:center;gap:.5rem}.view-all-link:hover{background:var(--primary-yellow-dark);transform:translate(3px);box-shadow:var(--shadow-sm)}.empty-state{padding:var(--space-xl) var(--space-lg);text-align:center;background:linear-gradient(135deg,var(--bg-white),var(--primary-yellow-light))}.empty-icon{font-size:4rem;margin-bottom:var(--space-md);opacity:.7}.btn{display:inline-block;padding:.8rem 2rem;border:none;border-radius:var(--radius-sm);font-weight:600;text-decoration:none;cursor:pointer;transition:var(--transition)}.btn-primary{background:var(--primary-yellow);color:var(--primary-black)}.btn-primary:hover{background:var(--primary-yellow-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.bookings-list{display:flex;flex-direction:column}.booking-item{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;text-decoration:none;transition:var(--transition);position:relative;background:var(--bg-white)}.booking-item:last-child{border-bottom:none}.booking-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-yellow);transform:scaleY(0);transition:transform .3s ease}.booking-item:hover{background:var(--primary-yellow-light);padding-left:calc(var(--space-lg) + .5rem)}.booking-item:hover:before{transform:scaleY(1)}.booking-info{flex:1}.booking-info h3{color:var(--primary-black);font-size:1rem;margin-bottom:.35rem;font-weight:600}.booking-meta{display:flex;gap:var(--space-md);flex-wrap:wrap}.booking-date,.booking-duration{color:var(--text-secondary);font-size:.85rem;display:inline-flex;align-items:center;gap:.35rem;background:var(--bg-light);padding:.2rem .5rem;border-radius:var(--radius-sm)}.booking-status{text-align:right;min-width:140px}.status-badge{display:inline-block;padding:.35rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize;margin-bottom:.35rem;text-align:center;min-width:85px}.status-pending{background:var(--status-pending-light);color:#856404;border:1px solid var(--status-pending)}.status-confirmed{background:var(--status-confirmed-light);color:#004085;border:1px solid var(--status-confirmed)}.status-completed{background:var(--status-completed-light);color:#495057;border:1px solid var(--status-completed)}.status-cancelled{background:var(--status-cancelled-light);color:#721c24;border:1px solid var(--status-cancelled)}.status-active{background:var(--status-active-light);color:#155724;border:1px solid var(--status-active)}.booking-amount{font-weight:700;color:var(--primary-black);font-size:1rem;display:block}@media(max-width:480px){.container{padding:0 var(--space-sm)}.dashboard-title{font-size:1.8rem}.stats-grid{grid-template-columns:1fr;gap:var(--space-sm)}.stat-card{padding:var(--space-md)}.stat-value{font-size:1.5rem}.actions-grid{grid-template-columns:1fr;gap:var(--space-sm)}.action-card{flex-direction:column;align-items:flex-start;text-align:left;padding:var(--space-md)}.action-icon-wrapper{margin-bottom:var(--space-xs)}.section-header{flex-direction:column;gap:var(--space-sm);align-items:flex-start;padding:var(--space-md)}.booking-item{flex-direction:column;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md)}.booking-item:hover{padding-left:var(--space-md)}.booking-status{text-align:left;width:100%;display:flex;justify-content:space-between;align-items:center}.status-badge{margin-bottom:0}.error-message{flex-direction:column;text-align:center}}@media(min-width:481px)and (max-width:768px){.container{padding:0 var(--space-md)}.stats-grid,.actions-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.action-card{flex-direction:column;align-items:flex-start}.booking-item{padding:var(--space-md)}}@media(min-width:769px)and (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.actions-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px)and (max-width:1440px){.stats-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1441px){.container{max-width:1400px}.stats-grid{gap:var(--space-xl)}.stat-card{padding:var(--space-xl)}.stat-value{font-size:2rem}}@media(prefers-color-scheme:dark){:root{--bg-light: #1A1A1A;--bg-white: #2D2D2D;--text-primary: #FFFFFF;--text-secondary: #CCCCCC;--border-light: #404040}.stat-value,.booking-info h3,.booking-amount,.action-content h3{color:#fff}.stat-label,.booking-date,.booking-duration,.action-content p{color:#ccc}.stat-card{background:#2d2d2d;border-color:#404040}.action-card{background:#2d2d2d}}:root{--primary-yellow: #FFC107;--primary-yellow-dark: #E0A800;--primary-yellow-light: #FFF3CD;--primary-black: #1A1A1A;--primary-black-light: #333333;--primary-black-lighter: #666666;--primary-white: #FFFFFF;--primary-white-dark: #F8F9FA;--status-pending: #FFC107;--status-pending-light: #FFF3CD;--status-pending-text: #856404;--status-confirmed: #17A2B8;--status-confirmed-light: #D1ECF1;--status-confirmed-text: #0C5460;--status-progress: #28A745;--status-progress-light: #D4EDDA;--status-progress-text: #155724;--status-completed: #6C757D;--status-completed-light: #E9ECEF;--status-completed-text: #495057;--status-cancelled: #DC3545;--status-cancelled-light: #F8D7DA;--status-cancelled-text: #721C24;--border-light: #E0E0E0;--text-primary: #1A1A1A;--text-secondary: #666666;--text-light: #999999;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.my-bookings-page{min-height:calc(100vh - 160px);background:var(--primary-white-dark);padding:var(--space-xl) 0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-sm)}.page-title{color:var(--primary-black);font-size:2rem;font-weight:700;margin:0;position:relative;padding-bottom:var(--space-xs)}.page-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:var(--primary-yellow);border-radius:2px}.bookings-count{color:var(--text-secondary);font-size:.95rem;background:var(--primary-white);padding:.5rem var(--space-sm);border-radius:20px;border:1px solid var(--border-light)}.error-state{background:var(--status-cancelled-light);border:1px solid var(--status-cancelled);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.error-state svg{color:var(--status-cancelled);width:24px;height:24px}.error-state p{color:var(--status-cancelled-text);flex:1;margin:0;font-weight:500}.btn-retry{padding:.6rem 1.2rem;background:var(--status-cancelled);color:var(--primary-white);border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-retry:hover{background:#b02a37;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.filter-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap}.filter-tab{padding:.6rem 1.5rem;background:var(--primary-white);border:1px solid var(--border-light);border-radius:30px;font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition);color:var(--text-secondary)}.filter-tab:hover{border-color:var(--primary-yellow);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.filter-tab.active{background:var(--primary-yellow);color:var(--primary-black);border-color:var(--primary-yellow);font-weight:600}.filter-tab.active.status-pending{background:var(--status-pending-light);color:var(--status-pending-text);border-color:var(--status-pending)}.filter-tab.active.status-confirmed{background:var(--status-confirmed-light);color:var(--status-confirmed-text);border-color:var(--status-confirmed)}.filter-tab.active.status-progress{background:var(--status-progress-light);color:var(--status-progress-text);border-color:var(--status-progress)}.filter-tab.active.status-completed{background:var(--status-completed-light);color:var(--status-completed-text);border-color:var(--status-completed)}.filter-tab.active.status-cancelled{background:var(--status-cancelled-light);color:var(--status-cancelled-text);border-color:var(--status-cancelled)}.bookings-container{display:flex;flex-direction:column;gap:var(--space-md)}.booking-card{background:var(--primary-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;transition:var(--transition);border:1px solid var(--border-light)}.booking-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--primary-yellow)}.booking-image{width:220px;height:220px;flex-shrink:0;position:relative;overflow:hidden}.booking-image:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,193,7,.1));opacity:0;transition:var(--transition)}.booking-card:hover .booking-image:after{opacity:1}.booking-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.booking-card:hover .booking-image img{transform:scale(1.05)}.booking-details{flex:1;padding:var(--space-lg);display:flex;flex-direction:column}.booking-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md);gap:var(--space-sm)}.booking-header h3{color:var(--primary-black);font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.booking-vendor{color:var(--text-secondary);font-size:.9rem}.booking-status{padding:.4rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.status-progress{background:var(--status-progress-light);color:var(--status-progress-text);border:1px solid var(--status-progress)}.booking-info{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-sm);background:var(--primary-white-dark);border-radius:var(--radius-sm)}.booking-info p{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.95rem;margin:0}.booking-info svg{width:16px;height:16px;color:var(--primary-yellow);flex-shrink:0}.booking-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:2px solid var(--border-light);padding-top:var(--space-md)}.booking-amount{display:flex;align-items:baseline;gap:.5rem}.booking-amount span{color:var(--text-secondary);font-size:.95rem}.booking-amount strong{color:var(--primary-yellow-dark);font-size:1.3rem;font-weight:700}.booking-actions{display:flex;gap:.5rem}.booking-actions button{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition)}.booking-actions svg{width:16px;height:16px}.btn-cancel{background:var(--status-cancelled-light);color:var(--status-cancelled-text);border:1px solid var(--status-cancelled)}.btn-cancel:hover{background:var(--status-cancelled);color:var(--primary-white);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-view{background:var(--primary-white-dark);color:var(--text-secondary);border:1px solid var(--border-light)}.btn-view:hover{background:var(--primary-yellow-light);color:var(--primary-black);border-color:var(--primary-yellow);transform:translateY(-2px)}.btn-review{background:var(--status-pending-light);color:var(--status-pending-text);border:1px solid var(--status-pending)}.btn-review:hover{background:var(--status-pending);color:var(--primary-white);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-xl);padding:var(--space-md);background:var(--primary-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.pagination-btn{padding:.6rem 1.2rem;background:var(--primary-white-dark);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-weight:500;cursor:pointer;transition:var(--transition)}.pagination-btn:hover:not(:disabled){background:var(--primary-yellow);border-color:var(--primary-yellow);color:var(--primary-black);transform:translateY(-2px)}.pagination-info{color:var(--text-secondary);font-weight:500}.empty-state{text-align:center;padding:var(--space-xl) var(--space-lg);background:var(--primary-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.empty-icon{margin-bottom:var(--space-md)}.empty-icon svg{width:64px;height:64px;color:var(--border-light);stroke:var(--text-light)}.empty-state h3{color:var(--primary-black);font-size:1.3rem;margin-bottom:var(--space-sm)}.empty-state p{color:var(--text-secondary);margin-bottom:var(--space-lg)}.btn-browse{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 2rem;background:var(--primary-yellow);color:var(--primary-black);border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-browse:hover{background:var(--primary-yellow-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.spinner{animation:rotate 2s linear infinite;color:var(--primary-yellow)}@media(max-width:480px){.my-bookings-page{padding:var(--space-md) 0}.container{padding:0 var(--space-sm)}.page-header{flex-direction:column;align-items:flex-start;margin-bottom:var(--space-md)}.page-title{font-size:1.5rem}.filter-tabs{gap:.4rem}.filter-tab{padding:.4rem 1rem;font-size:.85rem}.booking-card{flex-direction:column}.booking-image{width:100%;height:180px}.booking-details{padding:var(--space-md)}.booking-header{flex-direction:column;align-items:flex-start}.booking-status{align-self:flex-start}.booking-info{grid-template-columns:1fr;gap:.5rem}.booking-footer{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.booking-actions{width:100%;flex-wrap:wrap}.booking-actions button{flex:1;min-width:100px}.pagination{flex-wrap:wrap;gap:var(--space-sm)}.pagination-btn{flex:1;min-width:80px}}@media(min-width:481px)and (max-width:768px){.my-bookings-page{padding:var(--space-lg) 0}.container{padding:0 var(--space-md)}.booking-card{flex-direction:column}.booking-image{width:100%;height:200px}.booking-info{grid-template-columns:repeat(2,1fr)}.booking-footer{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.booking-actions{width:100%}.booking-actions button{flex:1}}@media(min-width:769px)and (max-width:1024px){.booking-image{width:180px;height:180px}.booking-details{padding:var(--space-md)}.booking-info{grid-template-columns:repeat(2,1fr)}.booking-actions button span{display:none}.booking-actions button svg{margin:0}.booking-actions button{padding:.6rem}}@media(min-width:1025px)and (max-width:1440px){.booking-image{width:200px;height:200px}.booking-details{padding:var(--space-lg)}}@media(min-width:1441px){.container{max-width:1400px}.page-title{font-size:2.5rem}.booking-card{border-radius:var(--radius-lg)}.booking-image{width:250px;height:250px}.booking-details{padding:var(--space-xl)}.booking-header h3{font-size:1.4rem}.booking-info{padding:var(--space-md)}.booking-info p{font-size:1rem}.booking-amount strong{font-size:1.5rem}.booking-actions button{padding:.8rem 1.5rem;font-size:1rem}.empty-state{padding:var(--space-xl)}}@media(prefers-color-scheme:dark){:root{--primary-white-dark: #1A1A1A;--primary-white: #2D2D2D;--text-primary: #FFFFFF;--text-secondary: #CCCCCC;--border-light: #404040}.booking-card,.pagination,.empty-state{background:#2d2d2d}.booking-header h3,.page-title,.empty-state h3{color:#fff}.booking-info{background:#1a1a1a}.booking-info p{color:#ccc}.filter-tab{background:#2d2d2d;color:#ccc}}@media print{.filter-tabs,.booking-actions,.pagination,.btn-browse{display:none!important}.booking-card{break-inside:avoid;box-shadow:none;border:1px solid #000}}.payment-page{min-height:calc(100vh - 160px);background:var(--white-dark);padding:var(--space-xl) 0}.page-title{color:var(--black-primary);font-size:2rem;font-weight:700;margin-bottom:var(--space-lg);position:relative;padding-bottom:var(--space-xs)}.payment-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-lg);align-items:start}.summary-card{background:var(--white-primary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);position:sticky;top:100px}.summary-card h2{color:var(--black-primary);font-size:1.3rem;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--border-light)}.equipment-info{margin-bottom:var(--space-md);padding:var(--space-sm);background:var(--yellow-light);border-radius:var(--radius-sm);border-left:4px solid var(--yellow-primary)}.equipment-info h3{color:var(--black-primary);font-size:1.2rem;margin-bottom:.25rem}.equipment-category{color:var(--black-lighter);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.summary-details{margin-bottom:var(--space-md)}.summary-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px dashed var(--border-light)}.summary-item:last-child{border-bottom:none}.summary-item svg{width:18px;height:18px;color:var(--yellow-primary);flex-shrink:0}.summary-item .label{color:var(--black-lighter);font-size:.95rem;flex:1}.summary-item .value{color:var(--black-primary);font-weight:600;font-size:.95rem}.price-breakdown{background:var(--white-dark);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md)}.price-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0;color:var(--black-lighter);font-size:.95rem}.price-row.total{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:2px solid var(--border-light);font-size:1.1rem;font-weight:600;color:var(--black-primary)}.total-price{color:var(--yellow-dark);font-size:1.3rem;font-weight:700}.payment-card{background:var(--white-primary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.payment-card h2{color:var(--black-primary);font-size:1.3rem;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--border-light)}.error-message{background:var(--danger-light);border:1px solid var(--danger);border-radius:var(--radius-sm);padding:var(--space-sm);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm);color:var(--danger);font-size:.95rem}.payment-methods{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.payment-method{position:relative;cursor:pointer;border:2px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition);background:var(--white-primary)}.payment-method:hover{border-color:var(--yellow-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.payment-method.selected{border-color:var(--yellow-primary);background:var(--yellow-light)}.payment-method input[type=radio]{position:absolute;opacity:0;width:0;height:0}.method-content{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md)}.method-icon{width:48px;height:48px;background:var(--yellow-light);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.payment-method.selected .method-icon{background:var(--yellow-primary)}.method-icon svg{width:24px;height:24px;color:var(--yellow-dark)}.payment-method.selected .method-icon svg{color:var(--white-primary)}.method-info{flex:1}.method-info h3{color:var(--black-primary);font-size:1.1rem;margin-bottom:.25rem}.method-info p{color:var(--black-lighter);font-size:.9rem;margin:0}.method-check{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-light);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.payment-method.selected .method-check{border-color:var(--yellow-primary);background:var(--yellow-primary)}.checkmark{width:12px;height:12px;border-radius:50%;background:transparent;transition:var(--transition)}.payment-method.selected .checkmark{background:var(--white-primary)}.card-details-form{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:2px solid var(--border-light)}.card-details-form h3{color:var(--black-primary);font-size:1.1rem;margin-bottom:var(--space-md);position:relative;padding-left:var(--space-sm)}.card-details-form h3:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--yellow-primary);border-radius:2px}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;margin-bottom:.5rem;color:var(--black-primary);font-weight:500;font-size:.95rem}.form-input{width:100%;padding:.875rem 1rem;border:2px solid var(--border-light);border-radius:var(--radius-sm);font-size:1rem;transition:var(--transition);background:var(--white-primary);color:var(--black-primary)}.form-input::placeholder{color:var(--black-very-light)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.pay-now-btn{width:100%;padding:1rem;background:var(--yellow-primary);color:var(--black-primary);border:none;border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:var(--space-lg);display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.pay-now-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.pay-now-btn:hover:not(:disabled):after{width:300px;height:300px}.pay-now-btn:hover:not(:disabled){background:var(--yellow-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.pay-now-btn:disabled{background:var(--black-very-light);cursor:not-allowed;opacity:.7}.pay-now-btn svg{animation:spin 1s linear infinite}.secure-text{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:var(--space-md);color:var(--black-lighter);font-size:.9rem}.secure-text svg{color:var(--black-lighter)}.error-state svg{width:48px;height:48px;color:var(--danger);margin-bottom:var(--space-md)}.btn{display:inline-block;padding:.875rem 2rem;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none}.btn-primary{background:var(--yellow-primary);color:var(--black-primary)}.btn-primary:hover{background:var(--yellow-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media(max-width:480px){.payment-page{padding:var(--space-md) 0}.container{padding:0 var(--space-sm)}.page-title{font-size:1.5rem;margin-bottom:var(--space-md)}.payment-grid{grid-template-columns:1fr;gap:var(--space-md)}.summary-card{position:static;padding:var(--space-md)}.payment-card{padding:var(--space-md)}.method-content{flex-wrap:wrap;gap:var(--space-sm)}.method-info{width:calc(100% - 68px)}.method-check{margin-left:auto}.form-row{grid-template-columns:1fr;gap:var(--space-md)}.pay-now-btn{padding:.875rem;font-size:1rem}}@media(min-width:481px)and (max-width:768px){.payment-page{padding:var(--space-lg) 0}.container{padding:0 var(--space-md)}.payment-grid{grid-template-columns:1fr;gap:var(--space-md)}.summary-card{position:static}.form-row{grid-template-columns:1fr 1fr}}@media(min-width:769px)and (max-width:1024px){.payment-grid{grid-template-columns:1fr 1.2fr;gap:var(--space-md)}.summary-card,.payment-card{padding:var(--space-md)}}@media(min-width:1025px)and (max-width:1440px){.payment-grid{gap:var(--space-lg)}}@media(min-width:1441px){.container{max-width:1400px}.payment-grid{gap:var(--space-xl)}.summary-card,.payment-card{padding:var(--space-xl)}.page-title{font-size:2.5rem}.summary-card h2,.payment-card h2{font-size:1.5rem;margin-bottom:var(--space-lg)}.total-price{font-size:1.8rem}.pay-now-btn{padding:1.2rem;font-size:1.2rem}}@media(prefers-color-scheme:dark){:root{--white-primary: #2D2D2D;--white-dark: #1A1A1A;--white-darker: #3D3D3D;--text-primary: #FFFFFF;--text-secondary: #CCCCCC;--border-light: #404040;--border-dark: #4D4D4D}.summary-card,.payment-card,.error-state{background:#2d2d2d}.equipment-info{background:#404040}.price-breakdown{background:#1a1a1a}.method-info h3,.summary-item .value,.price-row.total{color:#fff}.form-input{background:#3d3d3d;color:#fff;border-color:#4d4d4d}.form-input::placeholder{color:#999}}@media print{.payment-methods,.pay-now-btn,.secure-text{display:none!important}.summary-card,.payment-card{box-shadow:none;border:1px solid #000}}:root{--yellow-primary: #FFC107;--yellow-dark: #E0A800;--yellow-light: #FFF3CD;--yellow-very-light: #FFFBEB;--black-primary: #1A1A1A;--black-light: #333333;--black-lighter: #666666;--black-very-light: #999999;--white-primary: #FFFFFF;--white-dark: #F8F9FA;--white-darker: #F0F0F0;--border-light: #E0E0E0;--border-dark: #CCCCCC;--text-primary: var(--black-primary);--text-secondary: var(--black-lighter);--text-light: var(--black-very-light);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem}.support-page{min-height:calc(100vh - 160px);background:var(--white-dark);padding:var(--space-xl) 0}.support-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-md)}.new-ticket-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--yellow-primary);color:var(--black-primary);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;border:2px solid var(--yellow-primary)}.new-ticket-btn:hover{background:var(--yellow-dark);border-color:var(--yellow-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.new-ticket-btn svg{width:20px;height:20px}.error-message{background:var(--danger-light);border:1px solid var(--danger);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;color:var(--danger);font-size:.95rem}.error-message svg{width:20px;height:20px;flex-shrink:0}.error-message span{flex:1}.retry-btn{padding:.5rem 1rem;background:var(--danger);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition)}.new-ticket-form{background:var(--white-primary);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-xl);border:1px solid var(--border-light)}.new-ticket-form h3{color:var(--black-primary);font-size:1.3rem;margin-bottom:var(--space-lg);position:relative;padding-left:var(--space-sm)}.new-ticket-form h3:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--yellow-primary);border-radius:2px}.form-group label{font-weight:500;margin-bottom:.5rem;color:var(--black-primary)}.form-input,.form-select,.form-textarea{padding:.875rem 1rem;border:2px solid var(--border-light);border-radius:var(--radius-sm);font-size:1rem;transition:var(--transition);background:var(--white-primary);color:var(--black-primary);font-family:inherit}.form-actions{text-align:right;margin-top:var(--space-lg)}.submit-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:var(--yellow-primary);color:var(--black-primary);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.submit-btn:hover:not(:disabled){background:var(--yellow-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.submit-btn:disabled{background:var(--black-very-light);cursor:not-allowed;opacity:.7}.submit-btn svg{animation:spin 1s linear infinite}.tickets-section{margin-top:var(--space-xl)}.tickets-section h2{color:var(--black-primary);font-size:1.5rem;margin-bottom:var(--space-lg);position:relative;padding-bottom:var(--space-xs)}.tickets-section h2:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:var(--yellow-primary);border-radius:2px}.no-tickets{text-align:center;padding:var(--space-xl);background:var(--white-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.no-tickets svg{width:64px;height:64px;color:var(--black-very-light);margin-bottom:var(--space-md)}.no-tickets h3{color:var(--black-primary);font-size:1.3rem;margin-bottom:var(--space-sm)}.no-tickets p{color:var(--black-lighter);margin-bottom:var(--space-lg)}.tickets-list{display:flex;flex-direction:column;gap:var(--space-md)}.ticket-card{background:var(--white-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);overflow:hidden;transition:var(--transition)}.ticket-card:hover{box-shadow:var(--shadow-md);border-color:var(--yellow-primary)}.ticket-card.selected{border-color:var(--yellow-primary);box-shadow:var(--shadow-md)}.ticket-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);cursor:pointer;transition:var(--transition)}.ticket-header:hover{background:var(--yellow-light)}.ticket-info h4{color:var(--black-primary);font-size:1.1rem;margin-bottom:var(--space-xs);font-weight:600}.ticket-meta{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.ticket-id{background:var(--white-dark);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.85rem;color:var(--black-lighter);border:1px solid var(--border-light)}.ticket-category{background:var(--yellow-light);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.85rem;color:var(--black-primary);text-transform:capitalize;border:1px solid var(--yellow-primary)}.ticket-priority{padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;text-transform:capitalize}.ticket-status{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize}.ticket-date{font-size:.85rem;color:var(--black-lighter)}.ticket-details{border-top:2px solid var(--border-light);padding:var(--space-lg);background:var(--white-dark)}.messages{max-height:400px;overflow-y:auto;margin-bottom:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.message{display:flex;margin-bottom:var(--space-sm)}.message.customer{justify-content:flex-end}.message.support{justify-content:flex-start}.message-content{max-width:70%;padding:var(--space-md);border-radius:var(--radius-lg);position:relative}.message.customer .message-content{background:var(--yellow-primary);color:var(--black-primary);border-bottom-right-radius:4px}.message.support .message-content{background:var(--white-primary);color:var(--black-primary);border-bottom-left-radius:4px;border:1px solid var(--border-light)}.message-time{display:block;font-size:.75rem;margin-top:.5rem;opacity:.8}.reply-form{margin-top:var(--space-md)}.reply-input{width:100%;padding:var(--space-md);border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition);background:var(--white-primary);color:var(--black-primary);font-family:inherit;resize:vertical;margin-bottom:var(--space-md)}.reply-input:focus{outline:none;border-color:var(--yellow-primary);box-shadow:0 0 0 3px #ffc1071a}.reply-actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.close-ticket-btn,.send-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition)}.close-ticket-btn{background:var(--white-dark);color:var(--black-lighter);border:1px solid var(--border-light)}.close-ticket-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger);transform:translateY(-2px)}.send-btn{background:var(--yellow-primary);color:var(--black-primary);border:2px solid var(--yellow-primary)}.send-btn:hover:not(:disabled){background:var(--yellow-dark);border-color:var(--yellow-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.send-btn:disabled{background:var(--black-very-light);border-color:var(--black-very-light);cursor:not-allowed;opacity:.7}.closed-ticket-message{text-align:center;padding:var(--space-md);background:var(--white-darker);border-radius:var(--radius-md);color:var(--black-lighter);font-style:italic}.loading-state p{color:var(--black-lighter);font-size:1rem}@media(max-width:480px){.support-page{padding:var(--space-md) 0}.container{padding:0 var(--space-sm)}.support-header{flex-direction:column;align-items:flex-start}.page-title{font-size:1.5rem}.new-ticket-btn{width:100%;justify-content:center}.new-ticket-form{padding:var(--space-md)}.new-ticket-form h3{font-size:1.2rem}.form-row{grid-template-columns:1fr;gap:var(--space-sm)}.ticket-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md)}.ticket-status{align-items:flex-start;width:100%}.status-badge,.ticket-date{align-self:flex-start}.message-content{max-width:90%}.reply-actions{flex-direction:column}.close-ticket-btn,.send-btn{width:100%;justify-content:center}}@media(min-width:481px)and (max-width:768px){.support-page{padding:var(--space-lg) 0}.container{padding:0 var(--space-md)}.page-title{font-size:1.8rem}.form-row{grid-template-columns:1fr 1fr}.ticket-header{flex-direction:column;align-items:flex-start}.ticket-status{align-items:flex-start;width:100%;flex-direction:row;justify-content:space-between}}@media(min-width:769px)and (max-width:1024px){.container{max-width:900px}.form-row{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px)and (max-width:1440px){.container{max-width:1100px}}@media(min-width:1441px){.container{max-width:1400px;padding:0 var(--space-xl)}.page-title{font-size:2.5rem}.ticket-header,.ticket-details{padding:var(--space-xl)}}@media(prefers-color-scheme:dark){:root{--white-primary: #2D2D2D;--white-dark: #1A1A1A;--white-darker: #3D3D3D;--border-light: #404040}.ticket-card,.new-ticket-form,.no-tickets{background:#2d2d2d}.ticket-info h4,.page-title,.ticket-category{color:#fff}.ticket-date,.page-subtitle{color:#ccc}.form-input,.form-select,.form-textarea,.reply-input{background:#3d3d3d;color:#fff;border-color:#4d4d4d}.message.support .message-content{background:#3d3d3d;color:#fff}}@media print{.new-ticket-btn,.reply-form,.submit-btn,.retry-btn{display:none!important}.ticket-card{break-inside:avoid;border:1px solid #000;box-shadow:none}}:root{--yellow-primary: #FFC107;--yellow-dark: #E0A800;--yellow-light: #FFF3CD;--yellow-very-light: #FFFBEB;--black-primary: #1A1A1A;--black-light: #333333;--black-lighter: #666666;--black-very-light: #999999;--white-primary: #FFFFFF;--white-dark: #F8F9FA;--white-darker: #F0F0F0;--status-pending: #FFC107;--status-pending-light: #FFF3CD;--status-pending-text: #856404;--status-confirmed: #17A2B8;--status-confirmed-light: #D1ECF1;--status-confirmed-text: #0C5460;--status-completed: #28A745;--status-completed-light: #D4EDDA;--status-completed-text: #155724;--status-cancelled: #DC3545;--status-cancelled-light: #F8D7DA;--status-cancelled-text: #721C24;--border-light: #E0E0E0;--border-dark: #CCCCCC;--text-primary: var(--black-primary);--text-secondary: var(--black-lighter);--text-light: var(--black-very-light);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem}.vendor-dashboard{min-height:calc(100vh - 160px);background:var(--white-dark);padding:var(--space-xl) 0}.dashboard-header{margin-bottom:var(--space-xl)}.dashboard-title{color:var(--black-primary);font-size:2rem;font-weight:700;margin-bottom:var(--space-md);position:relative;padding-bottom:var(--space-xs)}.error-message{background:var(--status-cancelled-light);border:1px solid var(--status-cancelled);border-radius:var(--radius-md);padding:var(--space-md);display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-md)}.error-message p{color:var(--status-cancelled-text);flex:1;margin:0;font-weight:500}.retry-btn{padding:.6rem 1.2rem;background:var(--status-cancelled);color:var(--white-primary);border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl)}.stat-card{background:var(--white-primary);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);transition:var(--transition);position:relative;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--yellow-primary),var(--yellow-dark));transform:translate(-100%);transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.stat-card:hover:before{transform:translate(0)}.stat-card-total{border-left:4px solid var(--yellow-primary)}.stat-card-active{border-left:4px solid var(--status-confirmed)}.stat-card-earnings{border-left:4px solid var(--yellow-dark)}.stat-card-pending{border-left:4px solid var(--status-pending)}.stat-icon-wrapper{flex-shrink:0}.stat-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.stat-card-total .stat-icon{background:var(--yellow-light);color:var(--yellow-dark)}.stat-card-active .stat-icon{background:var(--status-confirmed-light);color:var(--status-confirmed-text)}.stat-card-earnings .stat-icon{background:var(--yellow-very-light);color:var(--yellow-dark)}.stat-card-pending .stat-icon{background:var(--status-pending-light);color:var(--status-pending-text)}.stat-content{flex:1;display:flex;flex-direction:column}.stat-label{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.stat-value{color:var(--black-primary);font-size:1.8rem;font-weight:700;line-height:1}.quick-actions h2{color:var(--black-primary);font-size:1.5rem;font-weight:600;margin-bottom:var(--space-lg);position:relative;padding-bottom:var(--space-xs)}.quick-actions h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--yellow-primary);border-radius:2px}.action-card{background:var(--white-primary);border-radius:var(--radius-lg);padding:var(--space-lg);text-decoration:none;transition:var(--transition);display:flex;gap:var(--space-md);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.action-card:after{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:linear-gradient(135deg,transparent,rgba(255,193,7,.1));border-radius:50%;transform:translate(50px,-50px);transition:var(--transition)}.action-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--yellow-primary)}.action-card:hover:after{transform:translate(30px,-30px) scale(1.5)}.action-card-add{border-left:4px solid var(--yellow-primary)}.action-card-list{border-left:4px solid var(--black-light)}.action-card-bookings{border-left:4px solid var(--status-confirmed)}.action-card-earnings{border-left:4px solid var(--yellow-dark)}.action-icon-wrapper{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition)}.action-card-add .action-icon-wrapper{background:var(--yellow-light);color:var(--yellow-dark)}.action-card-list .action-icon-wrapper{background:var(--white-darker);color:var(--black-light)}.action-card-bookings .action-icon-wrapper{background:var(--status-confirmed-light);color:var(--status-confirmed-text)}.action-card-earnings .action-icon-wrapper{background:var(--yellow-very-light);color:var(--yellow-dark)}.action-icon-wrapper svg{width:28px;height:28px}.action-content{flex:1}.action-content h3{color:var(--black-primary);font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.action-content p{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--space-sm);line-height:1.4}.action-link{color:var(--yellow-primary);font-weight:600;font-size:.9rem;transition:var(--transition);display:inline-flex;align-items:center}.action-card:hover .action-link{color:var(--yellow-dark);transform:translate(5px)}.recent-bookings{background:var(--white-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--border-light)}.section-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:2px solid var(--border-light);background:linear-gradient(to right,var(--white-primary),var(--yellow-light))}.section-header h2{color:var(--black-primary);font-size:1.3rem;font-weight:600;margin:0}.view-all-link{color:var(--black-primary);text-decoration:none;font-weight:600;font-size:.95rem;transition:var(--transition);padding:.6rem 1.2rem;border-radius:var(--radius-sm);background:var(--yellow-primary);display:inline-flex;align-items:center;gap:.5rem}.view-all-link:hover{background:var(--yellow-dark);transform:translate(3px);box-shadow:var(--shadow-sm)}.empty-state{text-align:center;padding:var(--space-xl);background:var(--white-primary)}.empty-icon{font-size:4rem;margin-bottom:var(--space-md);opacity:.5}.empty-state p{color:var(--text-secondary);margin-bottom:0}.bookings-table-wrapper{overflow-x:auto}.bookings-table{width:100%;border-collapse:collapse;min-width:800px}.bookings-table th{background:var(--white-dark);padding:var(--space-md);text-align:left;color:var(--black-primary);font-weight:600;font-size:.95rem;border-bottom:2px solid var(--border-light)}.bookings-table td{padding:var(--space-md);border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.bookings-table tr:last-child td{border-bottom:none}.bookings-table tr:hover td{background:var(--yellow-light)}.equipment-name,.customer-name{color:var(--black-primary);font-weight:500;font-size:.95rem}.booking-date,.booking-amount{color:var(--text-secondary);font-size:.95rem}.booking-amount{font-weight:600;color:var(--black-primary)}.status-badge{display:inline-block;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize;text-align:center;min-width:85px}.status-pending{background:var(--status-pending-light);color:var(--status-pending-text);border:1px solid var(--status-pending)}.status-confirmed{background:var(--status-confirmed-light);color:var(--status-confirmed-text);border:1px solid var(--status-confirmed)}.status-completed{background:var(--status-completed-light);color:var(--status-completed-text);border:1px solid var(--status-completed)}.status-cancelled{background:var(--status-cancelled-light);color:var(--status-cancelled-text);border:1px solid var(--status-cancelled)}.btn-accept,.btn-reject{width:36px;height:36px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:700;transition:var(--transition);display:flex;align-items:center;justify-content:center}.btn-accept{background:var(--status-completed);color:var(--white-primary)}.btn-accept:hover:not(:disabled){background:#218838;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-reject{background:var(--status-cancelled);color:var(--white-primary)}.btn-accept:disabled,.btn-reject:disabled{opacity:.5;cursor:not-allowed}.spinner-small{width:16px;height:16px;border:2px solid var(--white-primary);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}.view-link{color:var(--yellow-primary);text-decoration:none;font-weight:500;font-size:.9rem;transition:var(--transition)}.view-link:hover{color:var(--yellow-dark);text-decoration:underline}.spinner{animation:spin 1s linear infinite;color:var(--yellow-primary)}.loading-state p{color:var(--text-secondary);font-size:1rem}@media(max-width:480px){.vendor-dashboard{padding:var(--space-md) 0}.container{padding:0 var(--space-sm)}.dashboard-title{font-size:1.5rem}.stats-grid,.actions-grid{grid-template-columns:1fr;gap:var(--space-sm)}.action-card{flex-direction:column;align-items:flex-start;padding:var(--space-md)}.action-icon-wrapper{margin-bottom:var(--space-xs)}.section-header{flex-direction:column;gap:var(--space-sm);align-items:flex-start;padding:var(--space-md)}.view-all-link{width:100%;text-align:center;justify-content:center}.bookings-table-wrapper{margin:0}.bookings-table th,.bookings-table td{padding:var(--space-sm);font-size:.85rem}.action-buttons{flex-direction:column;gap:.25rem}.btn-accept,.btn-reject{width:100%;height:32px}}@media(min-width:481px)and (max-width:768px){.container{padding:0 var(--space-md)}.stats-grid,.actions-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.action-card{flex-direction:column;align-items:flex-start}.bookings-table-wrapper{overflow-x:auto}}@media(min-width:769px)and (max-width:1024px){.stats-grid,.actions-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px)and (max-width:1440px){.stats-grid,.actions-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1441px){.container{max-width:1400px}.stats-grid,.actions-grid{gap:var(--space-xl)}.dashboard-title{font-size:2.5rem}.stat-value{font-size:2rem}.section-header h2{font-size:1.5rem}}@media(prefers-color-scheme:dark){:root{--white-primary: #2D2D2D;--white-dark: #1A1A1A;--white-darker: #3D3D3D;--text-primary: #FFFFFF;--text-secondary: #CCCCCC;--border-light: #404040;--border-dark: #4D4D4D}.stat-value,.equipment-name,.customer-name,.booking-amount,.action-content h3{color:#fff}.stat-label,.action-content p,.booking-date{color:#ccc}.bookings-table tr:hover td{background:#404040}}@media print{.quick-actions,.action-buttons,.view-all-link,.retry-btn{display:none!important}.stat-card{box-shadow:none;border:1px solid #000}.bookings-table{border:1px solid #000}}:root{--yellow-primary: #FFC107;--yellow-dark: #E0A800;--yellow-light: #FFF3CD;--yellow-very-light: #FFFBEB;--black-primary: #1A1A1A;--black-light: #333333;--black-lighter: #666666;--black-very-light: #999999;--white-primary: #FFFFFF;--white-dark: #F8F9FA;--white-darker: #F0F0F0;--success: #28A745;--success-light: #D4EDDA;--danger: #DC3545;--danger-light: #F8D7DA;--border-light: #E0E0E0;--border-dark: #CCCCCC;--text-primary: var(--black-primary);--text-secondary: var(--black-lighter);--text-light: var(--black-very-light);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem}.add-equipment-page{min-height:calc(100vh - 160px);background:var(--white-dark);padding:var(--space-xl) 0}.page-header{margin-bottom:var(--space-xl)}.error-message{background:var(--danger-light);border:1px solid var(--danger);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);color:var(--danger);font-size:.95rem}.add-equipment-form{background:var(--white-primary);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.form-section{margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:2px solid var(--border-light)}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.section-header svg{width:24px;height:24px;color:var(--yellow-primary)}.section-header h2{color:var(--black-primary);font-size:1.3rem;font-weight:600;margin:0;position:relative;padding-left:var(--space-sm)}.section-note{color:var(--black-lighter);font-size:.9rem;margin-bottom:var(--space-md);font-style:italic}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.form-group{margin-bottom:var(--space-md);position:relative}.form-group label{display:block;margin-bottom:var(--space-xs);color:var(--black-primary);font-weight:500;font-size:.95rem}.required{color:var(--danger);margin-left:.25rem}.form-input,.form-select,.form-textarea{width:100%;padding:.875rem 1rem;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition);background:var(--white-primary);color:var(--black-primary);font-family:inherit}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--yellow-primary)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--yellow-primary);box-shadow:0 0 0 3px #ffc1071a}.form-input::placeholder,.form-textarea::placeholder{color:var(--black-very-light)}.form-textarea{resize:vertical;min-height:120px}.char-count{position:absolute;bottom:-1.5rem;right:0;font-size:.8rem;color:var(--black-very-light)}.photo-upload-area{border:3px dashed var(--border-light);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;margin-bottom:var(--space-lg);background:var(--white-dark);transition:var(--transition)}.photo-upload-area:hover{border-color:var(--yellow-primary);background:var(--yellow-very-light)}.upload-btn{background:none;border:none;color:var(--black-primary);font-size:1rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%}.upload-btn svg{width:64px;height:64px;color:var(--yellow-primary);transition:var(--transition)}.upload-btn:hover svg{transform:scale(1.1)}.upload-btn span{font-weight:500}.upload-count{color:var(--black-lighter);font-size:.9rem;margin-top:var(--space-xs)}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.photo-error{background:var(--danger-light);border:1px solid var(--danger);border-radius:var(--radius-md);padding:var(--space-sm);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm);color:var(--danger);font-size:.9rem}.photo-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.photo-preview{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--border-light);background:var(--white-dark)}.photo-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.photo-preview:hover img{transform:scale(1.05)}.photo-size{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;font-size:.8rem;padding:.25rem;text-align:center;opacity:0;transition:opacity .3s ease}.photo-preview:hover .photo-size{opacity:1}.remove-photo{position:absolute;top:var(--space-xs);right:var(--space-xs);width:32px;height:32px;background:var(--danger);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);opacity:.9;z-index:2}.remove-photo:hover{background:#b02a37;transform:scale(1.1)}.remove-photo svg{width:16px;height:16px}.form-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-xl)}.btn-cancel,.btn-submit{padding:.875rem 2rem;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem}.btn-cancel{background:var(--white-dark);color:var(--black-lighter);border:1px solid var(--border-light)}.btn-cancel:hover{background:var(--border-light);color:var(--black-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-submit{background:var(--yellow-primary);color:var(--black-primary);border:2px solid var(--yellow-primary)}.btn-submit:hover:not(:disabled){background:var(--yellow-dark);border-color:var(--yellow-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-submit:disabled{background:var(--black-very-light);border-color:var(--black-very-light);cursor:not-allowed;opacity:.7}.btn-submit svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:480px){.add-equipment-page{padding:var(--space-md) 0}.container{padding:0 var(--space-sm)}.page-title{font-size:1.5rem}.add-equipment-form{padding:var(--space-md)}.form-row{grid-template-columns:1fr;gap:var(--space-sm)}.section-header h2{font-size:1.2rem}.photo-upload-area{padding:var(--space-md)}.upload-btn svg{width:48px;height:48px}.photo-preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-sm)}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%;justify-content:center}}@media(min-width:481px)and (max-width:768px){.container{padding:0 var(--space-md)}.add-equipment-form{padding:var(--space-lg)}.form-row{grid-template-columns:repeat(2,1fr)}.photo-preview-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(min-width:769px)and (max-width:1024px){.add-equipment-form{padding:var(--space-lg)}.form-row{grid-template-columns:repeat(3,1fr)}}@media(min-width:1025px)and (max-width:1440px){.form-row{grid-template-columns:repeat(4,1fr)}}@media(min-width:1441px){.container{max-width:1200px}.page-title{font-size:2.5rem}.add-equipment-form{padding:var(--space-xl)}.section-header h2{font-size:1.5rem}.photo-preview-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-lg)}}@media(prefers-color-scheme:dark){:root{--white-primary: #2D2D2D;--white-dark: #1A1A1A;--white-darker: #3D3D3D;--border-light: #404040;--border-dark: #4D4D4D}.add-equipment-form{background:#2d2d2d}.form-input,.form-select,.form-textarea{background:#3d3d3d;color:#fff;border-color:#4d4d4d}.form-input::placeholder,.form-textarea::placeholder{color:#999}.photo-upload-area{background:#1a1a1a;border-color:#404040}.photo-upload-area:hover{background:#2d2d2d}.section-header h2,.form-group label,.page-title{color:#fff}.section-note,.page-subtitle{color:#ccc}.btn-cancel{background:#3d3d3d;color:#ccc;border-color:#4d4d4d}.btn-cancel:hover{background:#4d4d4d;color:#fff}}@media print{.form-actions,.photo-upload-area{display:none!important}.add-equipment-form{box-shadow:none;border:1px solid #000}}:root{--yellow-primary: #FFC107;--yellow-dark: #E0A800;--yellow-light: #FFF3CD;--black-primary: #1A1A1A;--black-light: #333333;--black-lighter: #666666;--black-very-light: #999999;--white-primary: #FFFFFF;--white-dark: #F8F9FA;--status-available: #28A745;--status-available-light: #D4EDDA;--status-booked: #17A2B8;--status-booked-light: #D1ECF1;--status-maintenance: #FFC107;--status-maintenance-light: #FFF3CD;--status-pending: #6C757D;--status-pending-light: #E9ECEF;--border-light: #E0E0E0;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: all .3s ease;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem}.my-equipment-page{min-height:calc(100vh - 160px);background:var(--white-dark);padding:var(--space-xl) 0}.page-title{color:var(--black-primary);font-size:2rem;font-weight:700;margin:0}.add-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--yellow-primary);color:var(--black-primary);border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:var(--transition);border:1px solid var(--yellow-primary);white-space:nowrap}.add-btn:hover{background:var(--yellow-dark);border-color:var(--yellow-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.retry-btn{padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer}.filter-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap}.filter-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:var(--white-primary);border:1px solid var(--border-light);border-radius:30px;font-size:.95rem;cursor:pointer;transition:var(--transition);color:var(--black-lighter)}.filter-tab:hover{border-color:var(--yellow-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.filter-tab.active{background:var(--yellow-primary);color:var(--black-primary);border-color:var(--yellow-primary);font-weight:600}.filter-count{background:#0000001a;padding:.15rem .5rem;border-radius:20px;font-size:.8rem}.equipment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.equipment-card{background:var(--white-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--border-light);display:flex;flex-direction:column;height:100%}.equipment-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--yellow-primary)}.equipment-image{position:relative;width:100%;aspect-ratio:16 / 12;overflow:hidden;background:var(--white-dark)}.equipment-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.equipment-card:hover .equipment-image img{transform:scale(1.05)}.status-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;z-index:2;box-shadow:var(--shadow-sm)}.status-available{background:var(--status-available-light);color:var(--status-available);border:1px solid var(--status-available)}.status-booked{background:var(--status-booked-light);color:var(--status-booked);border:1px solid var(--status-booked)}.status-maintenance{background:var(--status-maintenance-light);color:var(--status-maintenance);border:1px solid var(--status-maintenance)}.rating-badge{position:absolute;top:var(--space-sm);left:var(--space-sm);padding:.35rem .75rem;background:#000c;color:var(--yellow-primary);border-radius:20px;font-size:.8rem;display:flex;align-items:center;gap:.25rem;z-index:2}.equipment-info{padding:var(--space-lg);display:flex;flex-direction:column;flex:1}.equipment-info h3{color:var(--black-primary);font-size:1.2rem;font-weight:600;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category{color:var(--black-lighter);font-size:.9rem;margin:0 0 var(--space-sm) 0}.pricing{display:flex;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm);padding:var(--space-sm) 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.hourly{color:var(--yellow-dark);font-weight:700;font-size:1.1rem}.hourly span,.daily span{color:var(--black-lighter);font-weight:400;font-size:.8rem;margin-left:.1rem}.daily{color:var(--black-primary);font-weight:600;font-size:1rem}.stats{display:flex;justify-content:space-between;margin-bottom:var(--space-md);color:var(--black-lighter);font-size:.9rem}.stats span{display:flex;align-items:center;gap:.3rem}.stats svg{color:var(--yellow-primary);width:16px;height:16px}.actions{display:flex;gap:var(--space-sm);margin-top:auto}.btn-edit,.btn-status{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem;border:none;border-radius:var(--radius-md);font-size:.9rem;cursor:pointer;transition:var(--transition);text-decoration:none;white-space:nowrap}.btn-edit{background:var(--white-dark);color:var(--black-primary);border:1px solid var(--border-light)}.btn-edit:hover{background:var(--border-light);transform:translateY(-2px)}.btn-status{background:var(--status-available);color:#fff}.btn-status.status-maintenance{background:var(--status-maintenance);color:var(--black-primary)}.empty-state{text-align:center;padding:var(--space-xl);background:var(--white-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);max-width:500px;margin:var(--space-xl) auto}.empty-state h3{color:var(--black-primary);font-size:1.3rem;margin:0 0 var(--space-sm) 0}.empty-state p{color:var(--black-lighter);margin:0 0 var(--space-lg) 0}.empty-add-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--yellow-primary);color:var(--black-primary);border-radius:var(--radius-md);text-decoration:none;font-weight:600}@keyframes rotate{to{transform:rotate(360deg)}}@media(max-width:480px){.my-equipment-page{padding:var(--space-md) 0}.container{padding:0 var(--space-sm)}.page-header{flex-direction:column;align-items:flex-start}.page-title{font-size:1.5rem}.add-btn{width:100%;justify-content:center}.equipment-grid{grid-template-columns:1fr}.actions{flex-direction:column}.btn-edit,.btn-status{width:100%}}@media(min-width:481px)and (max-width:768px){.equipment-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:769px)and (max-width:1024px){.equipment-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1025px){.equipment-grid{grid-template-columns:repeat(4,1fr)}}:root{--yellow-primary: #FFC107;--yellow-dark: #E0A800;--yellow-light: #FFF3CD;--yellow-very-light: #FFFBEB;--black-primary: #1A1A1A;--black-light: #333333;--black-lighter: #666666;--black-very-light: #999999;--white-primary: #FFFFFF;--white-dark: #F8F9FA;--status-paid: #28A745;--status-paid-light: #D4EDDA;--status-pending: #FFC107;--status-pending-light: #FFF3CD;--status-failed: #DC3545;--status-failed-light: #F8D7DA;--status-withdrawn: #17A2B8;--status-withdrawn-light: #D1ECF1;--border-light: #E0E0E0;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: all .3s ease;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem}.earnings-page{min-height:calc(100vh - 160px);background:var(--white-dark);padding:var(--space-xl) 0}.page-title{color:var(--black-primary);font-size:2rem;font-weight:700;margin:0;position:relative;padding-bottom:var(--space-xs)}.header-right,.date-filter{display:flex;align-items:center}.date-select{padding:.6rem 1.2rem;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:.95rem;background:var(--white-primary);color:var(--black-primary);cursor:pointer;transition:var(--transition)}.date-select:hover{border-color:var(--yellow-primary)}.date-select:focus{outline:none;border-color:var(--yellow-primary);box-shadow:0 0 0 3px #ffc1071a}.error-message{background:var(--status-failed-light);border:1px solid var(--status-failed);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;color:var(--status-failed)}.retry-btn{padding:.5rem 1rem;background:var(--status-failed);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition)}.earnings-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl)}.stat-card{background:var(--white-primary);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:var(--transition)}.stat-month{border-left:4px solid var(--yellow-dark)}.stat-withdrawn{border-left:4px solid var(--status-withdrawn)}.stat-month .stat-icon{background:var(--yellow-very-light);color:var(--yellow-dark)}.stat-pending .stat-icon{background:var(--status-pending-light);color:var(--status-pending)}.stat-withdrawn .stat-icon{background:var(--status-withdrawn-light);color:var(--status-withdrawn)}.withdraw-section{margin-bottom:var(--space-xl)}.withdraw-section h2{color:var(--black-primary);font-size:1.3rem;margin-bottom:var(--space-md);position:relative;padding-left:var(--space-sm)}.withdraw-section h2:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--yellow-primary);border-radius:2px}.withdraw-card{background:var(--white-primary);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-lg)}.balance-info{display:flex;flex-direction:column}.balance-label{color:var(--black-lighter);font-size:1rem;margin-bottom:.5rem}.balance-amount{color:var(--yellow-primary);font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}.balance-note{color:var(--black-very-light);font-size:.9rem}.withdraw-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;background:var(--status-paid);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.withdraw-btn:hover:not(:disabled){background:#218838;transform:translateY(-2px);box-shadow:var(--shadow-md)}.withdraw-btn:disabled{background:var(--black-very-light);cursor:not-allowed;opacity:.7}.withdraw-btn svg{width:20px;height:20px}.spinner-small{width:16px;height:16px;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}.transactions-section{margin-top:var(--space-xl)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.section-header h2{color:var(--black-primary);font-size:1.3rem;margin:0;position:relative;padding-left:var(--space-sm)}.transaction-count{color:var(--black-lighter);font-size:.95rem;background:var(--white-primary);padding:.3rem .8rem;border-radius:20px;border:1px solid var(--border-light)}.empty-state svg{width:80px;height:80px;color:var(--black-very-light);margin-bottom:var(--space-md)}.empty-state h3{color:var(--black-primary);font-size:1.3rem;margin-bottom:var(--space-sm)}.transactions-table-wrapper{background:var(--white-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);overflow-x:auto}.transactions-table{width:100%;border-collapse:collapse;min-width:800px}.transactions-table th{background:var(--white-dark);padding:var(--space-md);text-align:left;color:var(--black-primary);font-weight:600;font-size:.95rem;border-bottom:2px solid var(--border-light)}.transactions-table td{padding:var(--space-md);border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.transactions-table tr:last-child td{border-bottom:none}.transactions-table tr:hover td{background:var(--yellow-light)}.transaction-date,.equipment-name,.customer-name,.transaction-amount{color:var(--black-primary);font-size:.95rem}.transaction-amount{font-weight:600;color:var(--yellow-dark)}.status-paid{background:var(--status-paid-light);color:var(--status-paid);border:1px solid var(--status-paid)}.status-failed{background:var(--status-failed-light);color:var(--status-failed);border:1px solid var(--status-failed)}.status-withdrawn{background:var(--status-withdrawn-light);color:var(--status-withdrawn);border:1px solid var(--status-withdrawn)}@media(max-width:480px){.earnings-page{padding:var(--space-md) 0}.container{padding:0 var(--space-sm)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.page-title{font-size:1.5rem;width:100%}.header-right,.date-filter{width:100%}.date-select{width:100%;padding:.75rem 1rem;font-size:1rem}.earnings-stats{grid-template-columns:1fr;gap:var(--space-sm)}.stat-card{padding:var(--space-md)}.stat-value{font-size:1.3rem}.withdraw-card{flex-direction:column;text-align:center;padding:var(--space-lg)}.balance-amount{font-size:2rem}.withdraw-btn{width:100%;justify-content:center}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.transactions-table th,.transactions-table td{padding:var(--space-sm);font-size:.85rem}}@media(min-width:481px)and (max-width:768px){.container{padding:0 var(--space-md)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.page-title,.header-right,.date-filter,.date-select{width:100%}.earnings-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.withdraw-card{flex-direction:column;text-align:center}.withdraw-btn{width:100%;justify-content:center}}@media(min-width:769px)and (max-width:1024px){.page-header{flex-direction:row;justify-content:space-between;align-items:center}.page-title,.header-right,.date-filter,.date-select{width:auto}.earnings-stats{gap:var(--space-md)}.stat-card{padding:var(--space-md)}.stat-value{font-size:1.3rem}}@media(min-width:1025px)and (max-width:1440px){.page-header{flex-direction:row;justify-content:space-between;align-items:center}.earnings-stats{gap:var(--space-lg)}}@media(min-width:1441px){.container{max-width:1400px}.page-header{flex-direction:row;justify-content:space-between;align-items:center}.page-title{font-size:2.5rem}.stat-value{font-size:1.8rem}.balance-amount{font-size:3rem}}@media(prefers-color-scheme:dark){:root{--white-primary: #2D2D2D;--white-dark: #1A1A1A;--border-light: #404040}.stat-card,.withdraw-card,.transactions-table-wrapper,.empty-state{background:#2d2d2d}.transactions-table th{background:#1a1a1a}.transaction-date,.equipment-name,.customer-name,.transaction-amount{color:#fff}.transaction-count{background:#2d2d2d;color:#ccc}.transactions-table tr:hover td{background:#404040}.date-select{background:#2d2d2d;color:#fff;border-color:#404040}}@media print{.withdraw-btn,.date-filter,.retry-btn{display:none!important}.stat-card{box-shadow:none;border:1px solid #000}.transactions-table{border:1px solid #000}}:root{--yellow-primary: #FFC107;--yellow-dark: #E0A800;--yellow-light: #FFF3CD;--black-primary: #1A1A1A;--black-light: #333333;--black-lighter: #666666;--black-very-light: #999999;--white-primary: #FFFFFF;--white-dark: #F8F9FA;--status-verified: #28A745;--status-verified-light: #D4EDDA;--status-pending: #FFC107;--status-pending-light: #FFF3CD;--status-rejected: #DC3545;--status-rejected-light: #F8D7DA;--border-light: #E0E0E0;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: all .3s ease;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem}.kyc-page{min-height:calc(100vh - 160px);background:var(--white-dark);padding:var(--space-xl) 0}.container{max-width:1000px;margin:0 auto;padding:0 var(--space-lg);width:100%}.page-title{color:var(--black-primary);font-size:2rem;font-weight:700;margin-bottom:var(--space-xs);text-align:center;position:relative;padding-bottom:var(--space-xs)}.page-subtitle{color:var(--black-lighter);font-size:1rem;text-align:center;margin-bottom:var(--space-xl)}.kyc-status{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);font-size:1rem}.kyc-status.pending{background:var(--status-pending-light);border:1px solid var(--status-pending);color:var(--status-pending)}.kyc-status.rejected{background:var(--status-rejected-light);border:1px solid var(--status-rejected);color:var(--status-rejected)}.kyc-status svg{width:24px;height:24px;flex-shrink:0}.kyc-verified{text-align:center;padding:var(--space-xl);background:var(--white-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:2px solid var(--status-verified);max-width:500px;margin:0 auto}.kyc-verified svg{width:80px;height:80px;color:var(--status-verified);margin-bottom:var(--space-md)}.kyc-verified h2{color:var(--status-verified);font-size:1.5rem;margin-bottom:var(--space-sm)}.kyc-verified p{color:var(--black-lighter);margin-bottom:var(--space-lg)}.error-message{background:var(--status-rejected-light);border:1px solid var(--status-rejected);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);color:var(--status-rejected)}.error-message p{margin:0;flex:1}.kyc-form{background:var(--white-primary);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.form-section{margin-bottom:var(--space-xl)}.form-section h2{color:var(--black-primary);font-size:1.3rem;margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:2px solid var(--border-light);position:relative;padding-left:var(--space-sm)}.form-section h2:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--yellow-primary);border-radius:2px}.section-note{color:var(--black-lighter);font-size:.9rem;margin-bottom:var(--space-md)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;margin-bottom:var(--space-xs);color:var(--black-primary)}.required{color:var(--status-rejected);margin-left:.25rem}.form-input{padding:.875rem 1rem;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition);background:var(--white-primary);color:var(--black-primary)}.form-input:hover{border-color:var(--yellow-primary)}.form-input:focus{outline:none;border-color:var(--yellow-primary);box-shadow:0 0 0 3px #ffc1071a}.document-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.document-item{display:flex;flex-direction:column}.document-item label{font-weight:500;margin-bottom:var(--space-xs);color:var(--black-primary)}.file-upload{position:relative;margin-bottom:var(--space-xs)}.file-input{position:absolute;opacity:0;width:0;height:0}.file-label{display:flex;align-items:center;gap:var(--space-sm);padding:.875rem 1rem;background:var(--white-dark);border:2px dashed var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);color:var(--black-lighter)}.file-label:hover{border-color:var(--yellow-primary);background:var(--yellow-light);color:var(--black-primary)}.file-label svg{width:20px;height:20px;color:var(--yellow-primary)}.file-name{font-size:.85rem;color:var(--black-lighter);word-break:break-all;margin-top:var(--space-xs)}.form-actions{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:2px solid var(--border-light)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2rem;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);min-width:150px}.btn-primary{background:var(--yellow-primary);color:var(--black-primary);border:1px solid var(--yellow-primary)}.btn-primary:hover:not(:disabled){background:var(--yellow-dark);border-color:var(--yellow-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:disabled{background:var(--black-very-light);border-color:var(--black-very-light);cursor:not-allowed;opacity:.7}.btn-secondary{background:var(--white-dark);color:var(--black-lighter);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--border-light);color:var(--black-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}@media(max-width:480px){.kyc-page{padding:var(--space-md) 0}.container{padding:0 var(--space-sm)}.page-title{font-size:1.5rem}.kyc-form{padding:var(--space-md)}.form-section h2{font-size:1.2rem}.form-row{grid-template-columns:1fr;gap:var(--space-sm)}.document-grid{grid-template-columns:1fr;gap:var(--space-md)}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media(min-width:481px)and (max-width:768px){.container{padding:0 var(--space-md)}.kyc-form{padding:var(--space-lg)}.form-row{grid-template-columns:1fr}.document-grid{grid-template-columns:1fr;gap:var(--space-md)}}@media(min-width:769px)and (max-width:1024px){.form-row,.document-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px)and (max-width:1440px){.form-row{grid-template-columns:repeat(3,1fr)}.document-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1441px){.container{max-width:1200px}.page-title{font-size:2.5rem}.form-row{grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.document-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}}@media(prefers-color-scheme:dark){:root{--white-primary: #2D2D2D;--white-dark: #1A1A1A;--border-light: #404040}.kyc-form,.kyc-verified{background:#2d2d2d}.form-input{background:#3d3d3d;color:#fff;border-color:#4d4d4d}.form-input::placeholder{color:#999}.file-label{background:#3d3d3d;border-color:#4d4d4d;color:#ccc}.file-label:hover{background:#4d4d4d}.btn-secondary{background:#3d3d3d;color:#ccc;border-color:#4d4d4d}.btn-secondary:hover{background:#4d4d4d;color:#fff}.form-section h2,.page-title,.document-item label,.form-group label{color:#fff}.page-subtitle,.section-note{color:#ccc}}@media print{.file-upload,.btn-primary,.btn-secondary{display:none!important}.kyc-form{box-shadow:none;border:1px solid #000}}:root{--yellow-primary: #FFC107;--yellow-dark: #E0A800;--yellow-light: #FFF3CD;--black-primary: #1A1A1A;--black-light: #333333;--black-lighter: #666666;--black-very-light: #999999;--white-primary: #FFFFFF;--white-dark: #F8F9FA;--status-pending: #FFC107;--status-pending-light: #FFF3CD;--status-approved: #28A745;--status-approved-light: #D4EDDA;--status-suspended: #DC3545;--status-suspended-light: #F8D7DA;--status-completed: #28A745;--status-completed-light: #D4EDDA;--status-confirmed: #17A2B8;--status-confirmed-light: #D1ECF1;--status-cancelled: #6C757D;--status-cancelled-light: #E9ECEF;--border-light: #E0E0E0;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: all .3s ease;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem}.admin-dashboard{min-height:calc(100vh - 160px);background:var(--white-dark);padding:var(--space-xl) 0}.dashboard-title{color:var(--black-primary);font-size:2rem;font-weight:700;margin-bottom:var(--space-xl);position:relative;padding-bottom:var(--space-xs)}.dashboard-title:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:4px;background:var(--yellow-primary);border-radius:2px}.error-message{background:#f8d7da;border:1px solid #DC3545;border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;color:#721c24}.retry-btn{padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition)}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl)}.stat-card{background:var(--white-primary);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--space-md);transition:var(--transition);border:1px solid var(--border-light)}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--yellow-primary)}.stat-total{border-left:4px solid var(--yellow-primary)}.stat-vendors{border-left:4px solid var(--yellow-dark)}.stat-bookings{border-left:4px solid #17A2B8}.stat-revenue{border-left:4px solid #28A745}.stat-pending{border-left:4px solid var(--status-pending)}.stat-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-total .stat-icon{background:var(--yellow-light);color:var(--yellow-dark)}.stat-vendors .stat-icon{background:#e8f0fe;color:#17a2b8}.stat-bookings .stat-icon{background:#e3f2fd;color:#17a2b8}.stat-revenue .stat-icon{background:#e8f5e9;color:#28a745}.stat-pending .stat-icon{background:var(--yellow-light);color:var(--yellow-dark)}.stat-icon svg{width:28px;height:28px}.stat-details{display:flex;flex-direction:column}.stat-label{color:var(--black-lighter);font-size:.9rem;margin-bottom:.25rem}.stat-value{color:var(--black-primary);font-size:1.5rem;font-weight:700;line-height:1.2}.quick-actions{margin-bottom:var(--space-xl)}.quick-actions h2{color:var(--black-primary);font-size:1.3rem;margin-bottom:var(--space-lg);position:relative;padding-left:var(--space-sm)}.quick-actions h2:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--yellow-primary);border-radius:2px}.actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.action-card{background:var(--white-primary);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-decoration:none;transition:var(--transition);display:block;border:1px solid var(--border-light)}.action-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--yellow-primary)}.action-card svg{width:32px;height:32px;color:var(--yellow-primary);margin-bottom:var(--space-sm)}.action-card h3{color:var(--black-primary);font-size:1.1rem;margin-bottom:.5rem}.action-card p{color:var(--black-lighter);font-size:.9rem;margin:0}.recent-section{margin-bottom:var(--space-xl);background:var(--white-primary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.section-header h2{color:var(--black-primary);font-size:1.2rem;margin:0;position:relative;padding-left:var(--space-sm)}.section-header h2:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--yellow-primary);border-radius:2px}.view-all{color:var(--yellow-primary);text-decoration:none;font-weight:500;font-size:.95rem;padding:.5rem 1rem;border-radius:var(--radius-sm);transition:var(--transition)}.view-all:hover{background:var(--yellow-light);text-decoration:none}.empty-state{text-align:center;padding:var(--space-lg);color:var(--black-lighter);background:var(--white-dark);border-radius:var(--radius-md)}.data-table{width:100%;border-collapse:collapse;min-width:800px}.data-table th{text-align:left;padding:var(--space-md);background:var(--white-dark);color:var(--black-primary);font-weight:600;font-size:.95rem;border-bottom:2px solid var(--border-light)}.data-table td{padding:var(--space-md);border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--yellow-light)}.status-badge{display:inline-block;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize;text-align:center;min-width:80px}.status-approved,.status-completed{background:var(--status-approved-light);color:var(--status-approved);border:1px solid var(--status-approved)}.status-suspended,.status-cancelled{background:var(--status-suspended-light);color:var(--status-suspended);border:1px solid var(--status-suspended)}.status-confirmed{background:var(--status-confirmed-light);color:var(--status-confirmed);border:1px solid var(--status-confirmed)}.action-buttons{display:flex;gap:.5rem}.btn-approve,.btn-reject{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .8rem;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition)}.btn-approve:disabled,.btn-reject:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.admin-dashboard{padding:var(--space-md) 0}.container{padding:0 var(--space-sm)}.dashboard-title{font-size:1.5rem}.stats-grid,.actions-grid{grid-template-columns:1fr;gap:var(--space-sm)}.stat-card{padding:var(--space-md)}.stat-value{font-size:1.3rem}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.action-buttons{flex-direction:column}.btn-approve,.btn-reject{width:100%;justify-content:center}}@media(min-width:481px)and (max-width:768px){.container{padding:0 var(--space-md)}.stats-grid,.actions-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}}@media(min-width:769px)and (max-width:1024px){.stats-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.stats-grid .stat-card:last-child{grid-column:span 3}.actions-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px)and (max-width:1440px){.stats-grid{grid-template-columns:repeat(5,1fr);gap:var(--space-md)}.actions-grid{grid-template-columns:repeat(4,1fr)}}:root{--yellow-primary: #FFC107;--yellow-dark: #E0A800;--yellow-light: #FFF3CD;--black-primary: #1A1A1A;--black-light: #333333;--black-lighter: #666666;--black-very-light: #999999;--white-primary: #FFFFFF;--white-dark: #F8F9FA;--status-approved: #28A745;--status-approved-light: #D4EDDA;--status-pending: #FFC107;--status-pending-light: #FFF3CD;--status-suspended: #DC3545;--status-suspended-light: #F8D7DA;--kyc-verified: #28A745;--kyc-verified-light: #D4EDDA;--kyc-pending: #FFC107;--kyc-pending-light: #FFF3CD;--border-light: #E0E0E0;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: all .3s ease;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem}.manage-vendors-page{min-height:calc(100vh - 160px);background:var(--white-dark);padding:var(--space-xl) 0}.error-message{background:var(--status-suspended-light);border:1px solid var(--status-suspended);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;color:var(--status-suspended)}.retry-btn{padding:.5rem 1rem;background:var(--status-suspended);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition)}@media(min-width:1025px){.filters-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.search-section{flex:1.5;display:flex;gap:var(--space-sm);align-items:center}.filter-section{flex:2;display:flex;gap:var(--space-xs);align-items:center;justify-content:flex-end;flex-wrap:nowrap}}.vendors-table-container{background:var(--white-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);overflow-x:auto}.vendors-table{width:100%;border-collapse:collapse;min-width:1200px}.vendor-info{display:flex;align-items:center;gap:var(--space-sm)}.vendor-avatar{width:45px;height:45px;background:var(--yellow-primary);color:var(--black-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.vendor-name{color:var(--black-primary);font-weight:600;margin-bottom:.2rem}.vendor-email,.vendor-phone{color:var(--black-lighter);font-size:.85rem;line-height:1.4}.business-info .business-name{color:var(--black-primary);font-weight:500;margin-bottom:.2rem}.equipment-count,.joined-date{color:var(--black-lighter);font-size:.85rem;line-height:1.4}.equipment-tags{display:flex;flex-wrap:wrap;gap:.3rem}.equipment-tag{background:var(--white-dark);padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.8rem;color:var(--black-primary);border:1px solid var(--border-light)}.kyc-badge{display:inline-block;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize;min-width:80px;text-align:center}.kyc-badge.verified{background:var(--kyc-verified-light);color:var(--kyc-verified);border:1px solid var(--kyc-verified)}.kyc-badge.pending{background:var(--kyc-pending-light);color:var(--kyc-pending);border:1px solid var(--kyc-pending)}.rating{display:flex;align-items:center;gap:.3rem}.no-rating{color:var(--black-very-light);font-size:.9rem;font-style:italic}.status-badge.approved{background:var(--status-approved-light);color:var(--status-approved);border:1px solid var(--status-approved)}.status-badge.pending{background:var(--status-pending-light);color:var(--status-pending);border:1px solid var(--status-pending)}.status-badge.suspended{background:var(--status-suspended-light);color:var(--status-suspended);border:1px solid var(--status-suspended)}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.btn-approve,.btn-reject,.btn-suspend,.btn-activate,.btn-view{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .8rem;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition)}.btn-approve{background:var(--status-approved);color:#fff}.btn-approve:hover:not(:disabled){background:#218838;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-reject{background:var(--status-suspended);color:#fff}.btn-reject:hover:not(:disabled){background:#c82333;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-suspend{background:var(--yellow-primary);color:var(--black-primary)}.btn-suspend:hover:not(:disabled){background:var(--yellow-dark);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-activate{background:#17a2b8;color:#fff}.btn-activate:hover:not(:disabled){background:#138496;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-view{background:var(--black-lighter);color:#fff;padding:.4rem}.btn-approve:disabled,.btn-reject:disabled,.btn-suspend:disabled,.btn-activate:disabled{opacity:.5;cursor:not-allowed}.btn-approve svg,.btn-reject svg{width:14px;height:14px}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg);border-top:1px solid var(--border-light)}.pagination-btn{padding:.6rem 1.2rem;background:var(--white-dark);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--black-primary);font-weight:500;cursor:pointer;transition:var(--transition)}.pagination-btn:hover:not(:disabled){background:var(--yellow-primary);border-color:var(--yellow-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--black-lighter);font-weight:500}@media(min-width:481px)and (max-width:768px){.container{padding:0 var(--space-md)}.filter-btn{flex:1 1 calc(50% - .5rem)}.vendors-table th,.vendors-table td{padding:var(--space-sm)}}@media(min-width:1441px){.container{max-width:1600px}.page-title{font-size:2.5rem}.search-wrapper input{padding:1rem 1rem 1rem 3rem;font-size:1.1rem}.search-wrapper svg{width:24px;height:24px;left:1rem}.search-btn{padding:1rem 2rem;font-size:1.1rem;min-width:120px}.filter-btn{padding:.8rem 1.5rem;font-size:1rem}.vendors-table th,.vendors-table td{padding:var(--space-lg)}}@media(prefers-color-scheme:dark){:root{--white-primary: #2D2D2D;--white-dark: #1A1A1A;--border-light: #404040}.vendors-table-container{background:#2d2d2d}.vendors-table th{background:#1a1a1a}.vendor-name,.business-name,.booking-count{color:#fff}.vendor-email,.vendor-phone,.equipment-count,.joined-date{color:#ccc}.equipment-tag{background:#3d3d3d;color:#ccc;border-color:#4d4d4d}.vendors-table tr:hover td{background:#404040}.filter-btn,.pagination-btn{background:#2d2d2d;color:#ccc}}@media print{.filters-bar,.action-buttons,.pagination,.retry-btn{display:none!important}.vendors-table-container{box-shadow:none;border:1px solid #000}.status-badge{border:1px solid #000}}:root{--yellow-primary: #FFC107;--yellow-dark: #E0A800;--yellow-light: #FFF3CD;--black-primary: #1A1A1A;--black-light: #333333;--black-lighter: #666666;--black-very-light: #999999;--white-primary: #FFFFFF;--white-dark: #F8F9FA;--role-customer: #2196F3;--role-customer-light: #E3F2FD;--role-vendor: #FF9800;--role-vendor-light: #FFF3E0;--status-active: #28A745;--status-active-light: #D4EDDA;--status-blocked: #DC3545;--status-blocked-light: #F8D7DA;--status-pending: #FFC107;--status-pending-light: #FFF3CD;--border-light: #E0E0E0;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: all .3s ease;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem}.manage-users-page{min-height:calc(100vh - 160px);background:var(--white-dark);padding:var(--space-xl) 0}.error-message{background:var(--status-blocked-light);border:1px solid var(--status-blocked);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;color:var(--status-blocked)}.retry-btn{padding:.5rem 1rem;background:var(--status-blocked);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition)}.filters-bar{background:var(--white-primary);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-xl);border:1px solid var(--border-light)}@media(min-width:1025px){.filters-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.search-section{flex:1.5;display:flex;gap:var(--space-sm);align-items:center}.filter-section{flex:1;display:flex;gap:var(--space-xs);align-items:center;justify-content:flex-end;flex-wrap:nowrap}}@media(min-width:769px)and (max-width:1024px){.filters-bar{display:flex;flex-direction:column;gap:var(--space-md)}.search-section{width:100%;display:flex;gap:var(--space-sm);align-items:center}.search-wrapper{flex:1}.filter-section{width:100%;display:flex;gap:var(--space-xs);flex-wrap:wrap}.filter-btn{flex:1;min-width:120px}}@media(max-width:768px){.filters-bar{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.search-section{width:100%;display:flex;flex-direction:column;gap:var(--space-sm)}.search-wrapper,.search-btn{width:100%}.filter-section{width:100%;display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{flex:1 1 calc(50% - .5rem);min-width:auto;padding:.5rem;font-size:.9rem}}@media(max-width:480px){.filter-btn{flex:1 1 100%}}.search-wrapper{position:relative;flex:1}.search-wrapper svg{position:absolute;left:var(--space-sm);top:50%;transform:translateY(-50%);color:var(--black-very-light);width:20px;height:20px}.search-wrapper input{width:100%;padding:.875rem 1rem .875rem 2.5rem;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition);background:var(--white-primary);color:var(--black-primary)}.search-wrapper input:hover{border-color:var(--yellow-primary)}.search-wrapper input:focus{outline:none;border-color:var(--yellow-primary);box-shadow:0 0 0 3px #ffc1071a}.search-btn{padding:.875rem 1.5rem;background:var(--yellow-primary);color:var(--black-primary);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap;min-width:100px;border:2px solid var(--yellow-primary)}.search-btn:hover{background:var(--yellow-dark);border-color:var(--yellow-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.search-btn:active{transform:translateY(0)}.filter-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;border:1px solid var(--border-light);background:var(--white-primary);border-radius:var(--radius-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition);color:var(--black-lighter)}.filter-btn:hover{border-color:var(--yellow-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.filter-btn.active{background:var(--yellow-primary);color:var(--black-primary);border-color:var(--yellow-primary);font-weight:600}.filter-count{background:#0000001a;padding:.15rem .5rem;border-radius:20px;font-size:.8rem;margin-left:.25rem}.users-table-container{background:var(--white-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);overflow-x:auto;margin-bottom:var(--space-xl)}.users-table{width:100%;border-collapse:collapse;min-width:1000px}.users-table th{background:var(--white-dark);padding:var(--space-md);text-align:left;color:var(--black-primary);font-weight:600;font-size:.95rem;border-bottom:2px solid var(--border-light)}.users-table td{padding:var(--space-md);border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover td{background:var(--yellow-light)}.user-info{display:flex;align-items:center;gap:var(--space-sm)}.user-avatar{width:40px;height:40px;background:var(--yellow-primary);color:var(--black-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.user-name{color:var(--black-primary);font-weight:600;margin-bottom:.2rem}.user-email{color:var(--black-lighter);font-size:.85rem}.user-phone{color:var(--black-lighter);font-size:.95rem}.role-badge{display:inline-block;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize;min-width:80px;text-align:center}.role-customer{background:var(--role-customer-light);color:var(--role-customer);border:1px solid var(--role-customer)}.role-vendor{background:var(--role-vendor-light);color:var(--role-vendor);border:1px solid var(--role-vendor)}.join-date{color:var(--black-lighter);font-size:.9rem}.booking-count{font-weight:600;color:var(--black-primary)}.status-badge{display:inline-block;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize;min-width:80px;text-align:center}.status-active{background:var(--status-active-light);color:var(--status-active);border:1px solid var(--status-active)}.status-blocked{background:var(--status-blocked-light);color:var(--status-blocked);border:1px solid var(--status-blocked)}.status-pending{background:var(--status-pending-light);color:var(--status-pending);border:1px solid var(--status-pending)}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.btn-status{padding:.4rem 1rem;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition);min-width:70px}.btn-status.active{background:var(--status-blocked);color:#fff}.btn-status.blocked{background:var(--status-active);color:#fff}.btn-status:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-status:disabled{opacity:.5;cursor:not-allowed}.btn-view{padding:.4rem .8rem;background:var(--black-lighter);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.btn-view:hover{background:var(--black-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.spinner-small{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}.no-results{text-align:center;padding:var(--space-xl);color:var(--black-lighter)}.no-results svg{width:64px;height:64px;color:var(--black-very-light);margin-bottom:var(--space-md)}.no-results h3{color:var(--black-primary);font-size:1.3rem;margin-bottom:var(--space-sm)}.no-results p{color:var(--black-lighter);margin:0}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-lg);border-top:1px solid var(--border-light);flex-wrap:wrap}.page-btn{padding:.5rem 1rem;border:1px solid var(--border-light);background:var(--white-primary);border-radius:var(--radius-sm);color:var(--black-primary);font-weight:500;cursor:pointer;transition:var(--transition);min-width:40px}.page-btn:hover:not(:disabled){border-color:var(--yellow-primary);background:var(--yellow-light);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.page-btn.active{background:var(--yellow-primary);color:var(--black-primary);border-color:var(--yellow-primary);font-weight:600}.page-btn:disabled{opacity:.5;cursor:not-allowed}@media(min-width:481px)and (max-width:768px){.container{padding:0 var(--space-md)}.users-table th,.users-table td{padding:var(--space-sm)}.action-buttons{flex-direction:column}.btn-status,.btn-view{width:100%}}@media(min-width:769px)and (max-width:1024px){.filter-btn{min-width:100px}}@media(min-width:1441px){.container{max-width:1600px}.page-title{font-size:2.5rem}.search-wrapper input{padding:1rem 1rem 1rem 3rem;font-size:1.1rem}.search-wrapper svg{width:24px;height:24px;left:1rem}.search-btn{padding:1rem 2rem;font-size:1.1rem;min-width:120px}.filter-btn{padding:.8rem 1.5rem;font-size:1rem}.users-table th,.users-table td{padding:var(--space-lg)}}@media(prefers-color-scheme:dark){:root{--white-primary: #2D2D2D;--white-dark: #1A1A1A;--border-light: #404040}.users-table-container{background:#2d2d2d}.users-table th{background:#1a1a1a}.user-name{color:#fff}.user-email,.user-phone,.join-date{color:#ccc}.users-table tr:hover td{background:#404040}.filter-btn,.page-btn{background:#2d2d2d;color:#ccc}}@media print{.filters-bar,.action-buttons,.pagination,.retry-btn{display:none!important}.users-table-container{box-shadow:none;border:1px solid #000}.status-badge,.role-badge{border:1px solid #000}}:root{--yellow-primary: #FFC107;--yellow-dark: #E0A800;--yellow-light: #FFF3CD;--black-primary: #1A1A1A;--black-light: #333333;--black-lighter: #666666;--black-very-light: #999999;--white-primary: #FFFFFF;--white-dark: #F8F9FA;--positive: #28A745;--positive-light: #D4EDDA;--negative: #DC3545;--negative-light: #F8D7DA;--chart-primary: #FFC107;--chart-secondary: #17A2B8;--chart-tertiary: #28A745;--border-light: #E0E0E0;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: all .3s ease;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem}.reports-page{min-height:calc(100vh - 160px);background:var(--white-dark);padding:var(--space-xl) 0}.page-title{color:var(--black-primary);font-size:2rem;font-weight:700;margin-bottom:var(--space-xl);position:relative;padding-bottom:var(--space-xs)}.page-title:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:4px;background:var(--yellow-primary);border-radius:2px}.error-message{background:var(--negative-light);border:1px solid var(--negative);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;color:var(--negative)}.error-message p{flex:1;margin:0}.retry-btn{padding:.5rem 1rem;background:var(--negative);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition)}.retry-btn:hover{background:#b02a37;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.report-controls{background:var(--white-primary);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-xl);display:flex;gap:var(--space-md);align-items:flex-end;flex-wrap:wrap;border:1px solid var(--border-light)}.control-group{flex:1;min-width:200px}.control-group label{display:block;margin-bottom:var(--space-xs);color:var(--black-primary);font-weight:500;font-size:.95rem}.control-group select{width:100%;padding:.875rem 1rem;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition);background:var(--white-primary);color:var(--black-primary);cursor:pointer}.control-group select:hover{border-color:var(--yellow-primary)}.control-group select:focus{outline:none;border-color:var(--yellow-primary);box-shadow:0 0 0 3px #ffc1071a}.export-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--positive);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap;border:2px solid var(--positive)}.export-btn:hover{background:#218838;border-color:#218838;transform:translateY(-2px);box-shadow:var(--shadow-md)}.export-btn svg{width:20px;height:20px}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl)}.summary-card{background:var(--white-primary);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--space-md);border:1px solid var(--border-light);transition:var(--transition)}.summary-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--yellow-primary)}.summary-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-icon.bookings{background:var(--yellow-light);color:var(--yellow-dark)}.summary-icon.revenue{background:var(--positive-light);color:var(--positive)}.summary-icon.vendors{background:#e3f2fd;color:#17a2b8}.summary-icon.rating{background:#fff3e0;color:#ff9800}.summary-icon svg{width:28px;height:28px}.summary-details{flex:1}.summary-label{display:block;color:var(--black-lighter);font-size:.9rem;margin-bottom:.25rem}.summary-value{display:block;color:var(--black-primary);font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:.25rem}.summary-change{display:inline-block;font-size:.9rem;font-weight:600;padding:.2rem .5rem;border-radius:var(--radius-sm)}.summary-change.positive{background:var(--positive-light);color:var(--positive)}.summary-change.negative{background:var(--negative-light);color:var(--negative)}.charts-section{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-xl)}.chart-card{background:var(--white-primary);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.chart-card h3{color:var(--black-primary);font-size:1.1rem;margin-bottom:var(--space-lg);padding-bottom:var(--space-xs);border-bottom:2px solid var(--border-light)}.chart-container{min-height:300px;position:relative}.bar-chart{display:flex;flex-direction:column;gap:var(--space-sm)}.chart-bar{display:flex;align-items:center;gap:var(--space-sm)}.bar-label{width:60px;color:var(--black-lighter);font-size:.9rem}.bar-wrapper{flex:1}.bar-container{height:40px;background:var(--white-dark);border-radius:var(--radius-md);overflow:hidden;position:relative}.bar-fill{height:100%;background:linear-gradient(90deg,var(--yellow-primary),var(--yellow-dark));transition:width .5s ease;position:relative;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--space-sm)}.bar-value-tooltip{color:var(--black-primary);font-size:.85rem;font-weight:600;background:#ffffffe6;padding:.2rem .5rem;border-radius:var(--radius-sm);white-space:nowrap}.no-chart-data,.no-data{text-align:center;padding:var(--space-xl);color:var(--black-lighter);background:var(--white-dark);border-radius:var(--radius-md)}.equipment-stats{display:flex;flex-direction:column;gap:var(--space-md)}.equipment-stat{padding:var(--space-xs) 0}.stat-header{display:flex;justify-content:space-between;margin-bottom:var(--space-xs);font-size:.95rem}.equipment-name{font-weight:600;color:var(--black-primary)}.equipment-bookings{color:var(--black-lighter)}.progress-bar{height:24px;background:var(--white-dark);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-xs);position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--chart-secondary),var(--chart-tertiary));transition:width .5s ease;position:relative;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--space-sm)}.progress-tooltip{color:#fff;font-size:.8rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.stat-footer{text-align:right;color:var(--positive);font-weight:600;font-size:.95rem}.top-vendors-section{background:var(--white-primary);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.top-vendors-section h3{color:var(--black-primary);font-size:1.1rem;margin-bottom:var(--space-lg);padding-bottom:var(--space-xs);border-bottom:2px solid var(--border-light)}.table-responsive{overflow-x:auto}.vendors-table{width:100%;border-collapse:collapse;min-width:800px}.vendors-table th{background:var(--white-dark);padding:var(--space-md);text-align:left;color:var(--black-primary);font-weight:600;font-size:.95rem;border-bottom:2px solid var(--border-light)}.vendors-table td{padding:var(--space-md);border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.vendors-table tr:last-child td{border-bottom:none}.vendors-table tr:hover td{background:var(--yellow-light)}.vendor-name-cell{display:flex;align-items:center;gap:var(--space-sm)}.vendor-rank{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--yellow-primary);color:var(--black-primary);border-radius:50%;font-weight:700;font-size:.9rem}.rating{display:flex;align-items:center;gap:.5rem}.stars{color:var(--yellow-primary);letter-spacing:2px;font-size:1rem}.rating-value{color:var(--black-lighter);font-size:.9rem;font-weight:500}.performance-bar-container{width:120px}.performance-bar{height:8px;background:var(--white-dark);border-radius:4px;overflow:hidden;position:relative}.performance-fill{height:100%;background:linear-gradient(90deg,var(--positive),#20c997);transition:width .5s ease;position:relative}.performance-tooltip{position:absolute;top:-25px;right:0;background:var(--black-primary);color:#fff;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;opacity:0;transition:opacity .3s ease;white-space:nowrap}.performance-bar:hover .performance-tooltip{opacity:1}@media(min-width:1025px)and (max-width:1440px){.summary-cards,.charts-section{gap:var(--space-md)}}@media(min-width:769px)and (max-width:1024px){.summary-cards{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.charts-section{grid-template-columns:1fr;gap:var(--space-md)}}@media(max-width:768px){.reports-page{padding:var(--space-lg) 0}.container{padding:0 var(--space-md)}.page-title{font-size:1.5rem}.report-controls{flex-direction:column;align-items:stretch;padding:var(--space-md)}.control-group{min-width:100%}.export-btn{width:100%;justify-content:center}.summary-cards,.charts-section{grid-template-columns:1fr;gap:var(--space-md)}.chart-card{padding:var(--space-md)}.chart-container{min-height:auto}.bar-label{width:40px;font-size:.8rem}.bar-container{height:30px}.bar-value-tooltip{font-size:.75rem;padding:.1rem .3rem}.top-vendors-section{padding:var(--space-md)}.vendors-table th,.vendors-table td{padding:var(--space-sm)}.vendor-rank{width:24px;height:24px;font-size:.8rem}.stars{font-size:.9rem}.rating-value{font-size:.8rem}}@media(max-width:480px){.container{padding:0 var(--space-sm)}.page-title{font-size:1.3rem}.summary-card{padding:var(--space-md)}.summary-icon{width:48px;height:48px}.summary-icon svg{width:24px;height:24px}.summary-value{font-size:1.2rem}.chart-bar{flex-wrap:wrap}.bar-label{width:100%;margin-bottom:.25rem}.bar-wrapper{width:100%}.stat-header{flex-direction:column;gap:.25rem}.vendors-table{font-size:.85rem}.vendor-name-cell,.rating{flex-direction:column;align-items:flex-start;gap:.25rem}.performance-bar-container{width:80px}}@media(prefers-color-scheme:dark){:root{--white-primary: #2D2D2D;--white-dark: #1A1A1A;--border-light: #404040}.chart-card,.summary-card,.top-vendors-section,.report-controls{background:#2d2d2d}.vendors-table th{background:#1a1a1a}.vendors-table tr:hover td,.bar-container,.progress-bar{background:#404040}.bar-fill{background:linear-gradient(90deg,var(--yellow-dark),var(--yellow-primary))}.progress-fill{background:linear-gradient(90deg,#138496,#17a2b8)}.performance-fill{background:linear-gradient(90deg,#218838,#28a745)}.bar-value-tooltip{background:#000c;color:var(--yellow-primary)}.progress-tooltip{color:#fff}.no-chart-data,.no-data{background:#2d2d2d;color:#ccc}}@media print{.report-controls,.export-btn,.retry-btn{display:none!important}.summary-card,.chart-card,.top-vendors-section{box-shadow:none;border:1px solid #000;break-inside:avoid}.bar-fill,.progress-fill,.performance-fill{background:#000!important}.bar-value-tooltip{background:transparent;color:#000}}:root{--yellow-primary: #FFC107;--yellow-dark: #E0A800;--yellow-light: #FFF3CD;--black-primary: #1A1A1A;--black-light: #333333;--black-lighter: #666666;--black-very-light: #999999;--white-primary: #FFFFFF;--white-dark: #F8F9FA;--success: #28A745;--success-light: #D4EDDA;--success-dark: #218838;--danger: #DC3545;--danger-light: #F8D7DA;--danger-dark: #C82333;--info: #17A2B8;--info-light: #D1ECF1;--border-light: #E0E0E0;--border-dark: #CCCCCC;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: all .3s ease;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem}.commission-settings-page{min-height:calc(100vh - 160px);background:var(--white-dark);padding:var(--space-xl) 0}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg);width:100%}.page-header{text-align:center;margin-bottom:var(--space-xl)}.page-title{color:var(--black-primary);font-size:2rem;font-weight:700;margin-bottom:var(--space-xs);position:relative;padding-bottom:var(--space-xs)}.page-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--yellow-primary);border-radius:2px}.page-subtitle{color:var(--black-lighter);font-size:1rem}.error-message,.success-message{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.error-message{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger)}.success-message{background:var(--success-light);border:1px solid var(--success);color:var(--success)}.error-message p,.success-message p{margin:0;flex:1}.error-message span{font-size:1.2rem}.success-message svg{width:20px;height:20px}.commission-rules{background:var(--white-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-xl);border:1px solid var(--border-light);overflow:hidden}.rules-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:2px solid var(--border-light);background:linear-gradient(to right,var(--white-primary),var(--yellow-light));flex-wrap:wrap;gap:var(--space-md)}.rules-header h2{color:var(--black-primary);font-size:1.3rem;margin:0;position:relative;padding-left:var(--space-sm)}.rules-header h2:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--yellow-primary);border-radius:2px}.btn-save{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--yellow-primary)!important;color:var(--black-primary)!important;border:2px solid var(--yellow-primary)!important;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-save:hover:not(:disabled){background:var(--yellow-dark)!important;border-color:var(--yellow-dark)!important;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-save:disabled{background:var(--black-very-light)!important;border-color:var(--black-very-light)!important;color:var(--white-primary)!important;cursor:not-allowed;opacity:.7;transform:none;box-shadow:none}.btn-save svg{width:20px;height:20px;stroke:currentColor}@media(max-width:768px){.btn-save{width:100%;justify-content:center;padding:.875rem}}@media(max-width:480px){.btn-save{font-size:.95rem;padding:.75rem}}.spinner-small{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.no-rules{text-align:center;padding:var(--space-xl);color:var(--black-lighter);background:var(--white-dark)}.rules-table{padding:0}.table-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--white-dark);font-weight:600;color:var(--black-primary);border-bottom:2px solid var(--border-light)}.table-header>div{font-size:.95rem}.table-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-light);align-items:center;transition:var(--transition)}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--yellow-light)}.mobile-label{display:none;font-weight:600;color:var(--black-lighter);margin-right:var(--space-xs)}.equipment-type{font-weight:600;color:var(--black-primary)}.commission-input{display:flex;align-items:center}.input-wrapper{display:flex;align-items:center;background:var(--white-primary);border:2px solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden;transition:var(--transition)}.input-wrapper:hover{border-color:var(--yellow-primary)}.input-wrapper:focus-within{border-color:var(--yellow-primary);box-shadow:0 0 0 3px #ffc1071a}.percentage-input,.amount-input{width:80px;padding:.5rem;border:none;text-align:center;font-size:.95rem;background:transparent;color:var(--black-primary)}.percentage-input:focus,.amount-input:focus{outline:none}.percentage-symbol,.currency-symbol{padding:.5rem;background:var(--white-dark);color:var(--black-lighter);font-weight:500;border-left:2px solid var(--border-light)}.status-badge{display:inline-block;padding:.35rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;text-align:center;min-width:70px}.status-badge.active{background:var(--success-light);color:var(--success);border:1px solid var(--success)}.status-badge.inactive{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger)}.actions{display:flex;align-items:center}.btn-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition)}.btn-toggle.activate{background:var(--success-light);color:var(--success);border:1px solid var(--success)}.btn-toggle.activate:hover{background:var(--success);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-toggle.deactivate{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger)}.btn-toggle.deactivate:hover{background:var(--danger);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-toggle svg{width:18px;height:18px}.btn-toggle .btn-text{display:inline}.commission-info{background:var(--white-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl);border:1px solid var(--border-light)}.commission-info h3{color:var(--black-primary);font-size:1.3rem;margin-bottom:var(--space-xl);text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.commission-info h3 svg{color:var(--yellow-primary)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl)}.info-card{padding:var(--space-lg);border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--white-dark)}.info-card h4{color:var(--black-primary);font-size:1.1rem;margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:2px solid var(--border-light)}.info-card ul{list-style:none;padding:0;margin:0}.info-card li{display:flex;align-items:center;gap:.5rem;margin-bottom:var(--space-sm);color:var(--black-lighter);font-size:.95rem}.info-card li svg{color:var(--success);width:16px;height:16px;flex-shrink:0}.example{margin-top:var(--space-sm)}.example-item{background:var(--white-primary);border-radius:var(--radius-md);padding:var(--space-md)}.example-title{font-weight:600;color:var(--black-primary);margin-bottom:var(--space-sm);font-size:1rem}.example-details{display:flex;flex-direction:column;gap:.3rem}.example-details p{display:flex;justify-content:space-between;margin:0;color:var(--black-lighter);font-size:.95rem}.example-details p span{color:var(--black-lighter)}.example-details p strong{color:var(--black-primary)}.example-result{margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:2px dashed var(--border-light)}.example-result .highlight{color:var(--success);font-size:1.1rem}.range-guide{display:flex;flex-direction:column;gap:var(--space-sm)}.guide-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0;border-bottom:1px dashed var(--border-light)}.guide-item:last-child{border-bottom:none}.guide-label{color:var(--black-lighter);font-size:.95rem}.guide-value{color:var(--black-primary);font-weight:600;font-size:1rem}@media(min-width:1025px){.desktop-only{display:grid}}@media(min-width:769px)and (max-width:1024px){.table-header,.table-row{grid-template-columns:1.2fr .8fr .8fr .8fr .8fr 1fr;gap:.5rem}.btn-toggle .btn-text{display:none}.btn-toggle{padding:.5rem}.btn-toggle svg{width:20px;height:20px}}@media(max-width:768px){.commission-settings-page{padding:var(--space-lg) 0}.container{padding:0 var(--space-md)}.page-title{font-size:1.5rem}.rules-header{flex-direction:column;align-items:flex-start;padding:var(--space-md)}.table-header{display:none}.table-row{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-bottom:2px solid var(--border-light)}.mobile-label{display:inline-block;min-width:120px}.commission-input,.min-commission,.max-commission,.status,.actions{display:flex;align-items:center;width:100%}.input-wrapper{flex:1}.percentage-input,.amount-input{width:100%}.status-badge{min-width:80px}.actions{margin-top:var(--space-xs)}.btn-toggle{width:100%;justify-content:center}.btn-toggle .btn-text{display:inline}.info-grid{grid-template-columns:1fr;gap:var(--space-md)}.info-card{padding:var(--space-md)}.example-details p{flex-direction:column;align-items:flex-start;gap:.2rem}}@media(max-width:480px){.container{padding:0 var(--space-sm)}.page-title{font-size:1.3rem}.page-subtitle{font-size:.9rem}.rules-header h2{font-size:1.2rem}.mobile-label{min-width:100px;font-size:.9rem}.commission-input,.min-commission,.max-commission,.status,.actions{flex-wrap:wrap}.input-wrapper{width:100%;margin-top:.25rem}.btn-toggle{padding:.6rem}.info-card h4{font-size:1rem}.info-card li{font-size:.85rem}.guide-item{flex-direction:column;align-items:flex-start;gap:.25rem}}@media(prefers-color-scheme:dark){:root{--white-primary: #2D2D2D;--white-dark: #1A1A1A;--border-light: #404040;--border-dark: #4D4D4D}.commission-rules,.commission-info{background:#2d2d2d}.rules-header{background:linear-gradient(to right,#2d2d2d,#404040)}.table-row:hover{background:#404040}.input-wrapper{background:#3d3d3d}.percentage-input,.amount-input{background:#3d3d3d;color:#fff}.percentage-symbol,.currency-symbol{background:#4d4d4d;color:#ccc;border-left-color:#4d4d4d}.example-item{background:#2d2d2d}.example-details p strong,.guide-value{color:#fff}.info-card{background:#2d2d2d}}@media print{.btn-save,.btn-toggle{display:none!important}.commission-rules,.commission-info{box-shadow:none;border:1px solid #000}.input-wrapper,.status-badge{border:1px solid #000}}:root{--yellow-primary: #FFC107;--yellow-dark: #E0A800;--yellow-light: #FFF3CD;--black-primary: #1A1A1A;--black-light: #333333;--black-lighter: #666666;--black-very-light: #999999;--white-primary: #FFFFFF;--white-dark: #F8F9FA;--positive: #28A745;--positive-light: #D4EDDA;--negative: #DC3545;--negative-light: #F8D7DA;--neutral: #6C757D;--neutral-light: #E9ECEF;--chart-1: #FFC107;--chart-2: #E0A800;--chart-3: #FFF3CD;--chart-4: #FFD966;--border-light: #E0E0E0;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: all .3s ease;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem}.analytics-page{min-height:calc(100vh - 160px);background:var(--white-dark);padding:var(--space-xl) 0}.container{max-width:1400px;margin:0 auto;padding:0 var(--space-lg);width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-md)}.header-left{flex:1}.page-title{color:var(--black-primary);font-size:2rem;font-weight:700;margin-bottom:.25rem;position:relative;padding-bottom:var(--space-xs)}.page-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:var(--yellow-primary);border-radius:2px}.page-subtitle{color:var(--black-lighter);font-size:1rem;margin:0}.header-right,.time-range-selector{display:flex;align-items:center}.time-select{padding:.6rem 1.2rem;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:.95rem;background:var(--white-primary);color:var(--black-primary);cursor:pointer;transition:var(--transition)}.time-select:hover{border-color:var(--yellow-primary)}.time-select:focus{outline:none;border-color:var(--yellow-primary);box-shadow:0 0 0 3px #ffc1071a}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-lg)}.spinner{animation:rotate 1s linear infinite;color:var(--yellow-primary)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p{color:var(--black-lighter);font-size:1rem;margin:0}.error-state{text-align:center;padding:var(--space-xl);background:var(--white-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:500px;margin:0 auto;border:1px solid var(--border-light)}.error-state span{font-size:3rem;display:block;margin-bottom:var(--space-md)}.error-state h2{color:var(--black-primary);font-size:1.5rem;margin-bottom:var(--space-sm)}.error-state p{color:var(--black-lighter);margin-bottom:var(--space-lg)}.btn{display:inline-block;padding:.875rem 2rem;background:var(--yellow-primary);color:var(--black-primary);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;border:2px solid var(--yellow-primary)}.btn:hover{background:var(--yellow-dark);border-color:var(--yellow-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.empty-state{text-align:center;padding:var(--space-xl);background:var(--white-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.empty-state h2{color:var(--black-primary);font-size:1.5rem;margin-bottom:var(--space-sm)}.empty-state p{color:var(--black-lighter);margin:0}.overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.metric-card{background:var(--white-primary);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:var(--transition)}.metric-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--yellow-primary)}.metric-bookings{border-left:4px solid var(--yellow-primary)}.metric-revenue{border-left:4px solid var(--yellow-dark)}.metric-equipment{border-left:4px solid var(--black-light)}.metric-users{border-left:4px solid var(--black-lighter)}.metric-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-bookings .metric-icon{background:var(--yellow-light);color:var(--yellow-primary)}.metric-revenue .metric-icon{background:var(--yellow-very-light);color:var(--yellow-dark)}.metric-equipment .metric-icon{background:var(--neutral-light);color:var(--neutral)}.metric-users .metric-icon{background:var(--white-darker);color:var(--black-light)}.metric-icon svg{width:28px;height:28px}.metric-content{flex:1}.metric-label{display:block;color:var(--black-lighter);font-size:.9rem;margin-bottom:.25rem}.metric-value{color:var(--black-primary);font-size:1.8rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.metric-footer{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.metric-change{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:20px;font-size:.85rem;font-weight:600}.metric-change.positive{background:var(--positive-light);color:var(--positive)}.metric-change.negative{background:var(--negative-light);color:var(--negative)}.metric-change.neutral{background:var(--neutral-light);color:var(--neutral)}.metric-change svg{width:14px;height:14px}.metric-period{color:var(--black-very-light);font-size:.8rem}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.chart-card{background:var(--white-primary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.chart-card h2{color:var(--black-primary);font-size:1.2rem;margin:0 0 var(--space-lg) 0;position:relative;padding-left:var(--space-sm)}.chart-card h2:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--yellow-primary);border-radius:2px}.chart-container{height:300px;position:relative}.bar-chart{display:flex;align-items:flex-end;justify-content:space-around;height:100%;padding:var(--space-sm) 0}.bar-item{display:flex;flex-direction:column;align-items:center;flex:1;margin:0 .25rem;height:100%}.bar-wrapper{width:100%;height:100%;display:flex;align-items:flex-end}.bar{width:100%;background:linear-gradient(180deg,var(--yellow-primary),var(--yellow-dark));border-radius:var(--radius-sm) var(--radius-sm) 0 0;position:relative;transition:var(--transition);min-height:4px}.bar:hover{opacity:.9;transform:scaleX(1.05)}.bar-tooltip{position:absolute;top:-25px;left:50%;transform:translate(-50%);background:var(--black-primary);color:#fff;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.8rem;white-space:nowrap;opacity:0;transition:opacity .2s}.bar:hover .bar-tooltip{opacity:1}.bar-label{margin-top:.5rem;font-size:.8rem;color:var(--black-lighter);text-align:center}.category-list{display:flex;flex-direction:column;gap:var(--space-md);height:100%;overflow-y:auto}.category-item{display:flex;flex-direction:column;gap:.25rem}.category-header{display:flex;justify-content:space-between;align-items:center}.category-name{font-weight:600;color:var(--black-primary)}.category-revenue{color:var(--black-lighter);font-size:.9rem}.progress-bar{height:24px;background:var(--white-dark);border-radius:var(--radius-md);overflow:hidden;position:relative}.progress-fill{height:100%;transition:width .5s ease;position:relative;display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem}.progress-tooltip{color:var(--black-primary);font-size:.8rem;font-weight:600}.line-chart{position:relative;height:100%;padding:var(--space-sm) 0}.line-svg{position:absolute;top:0;left:0;width:100%;height:calc(100% - 30px);overflow:visible}.chart-point{transition:r .2s;cursor:pointer}.chart-point:hover{r:4}.chart-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:0 var(--space-sm)}.chart-label{font-size:.8rem;color:var(--black-lighter);transform:rotate(-45deg);transform-origin:top left}.table-container{overflow-x:auto;height:100%}.analytics-table{width:100%;border-collapse:collapse}.analytics-table th{background:var(--white-dark);padding:var(--space-sm);text-align:left;color:var(--black-primary);font-weight:600;font-size:.9rem;border-bottom:2px solid var(--border-light)}.analytics-table td{padding:var(--space-sm);border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.analytics-table tr:last-child td{border-bottom:none}.analytics-table tbody tr:hover{background:var(--yellow-light)}.equipment-cell{display:flex;align-items:center;gap:.5rem}.equipment-rank{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--yellow-primary);color:var(--black-primary);border-radius:50%;font-size:.8rem;font-weight:600}.text-center{text-align:center}.text-right{text-align:right}.summary-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.summary-card{background:var(--white-primary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.summary-card h3{color:var(--black-primary);font-size:1.1rem;margin-bottom:var(--space-md);position:relative;padding-left:var(--space-sm)}.summary-card h3:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--yellow-primary);border-radius:2px}.insights-list{list-style:none;padding:0;margin:0}.insights-list li{display:flex;align-items:center;gap:.5rem;padding:var(--space-xs) 0;color:var(--black-lighter);border-bottom:1px dashed var(--border-light)}.insights-list li:last-child{border-bottom:none}.insight-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:.9rem;font-weight:600}.insight-badge.positive{background:var(--positive-light);color:var(--positive)}.insight-badge.neutral{background:var(--neutral-light);color:var(--neutral)}.stats-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0;border-bottom:1px dashed var(--border-light)}.stat-item:last-child{border-bottom:none}.stat-label{color:var(--black-lighter);font-size:.9rem}.stat-value{color:var(--black-primary);font-weight:600;font-size:1rem}@media(max-width:768px){.analytics-page{padding:var(--space-lg) 0}.container{padding:0 var(--space-md)}.page-header{flex-direction:column;align-items:flex-start}.page-title{font-size:1.5rem}.header-right,.time-select{width:100%}.overview-cards,.charts-grid{grid-template-columns:1fr;gap:var(--space-md)}.chart-card{padding:var(--space-md)}.chart-container{height:250px}.metric-value{font-size:1.5rem}.summary-section{grid-template-columns:1fr;gap:var(--space-md)}}@media(max-width:480px){.container{padding:0 var(--space-sm)}.page-title{font-size:1.3rem}.metric-card{padding:var(--space-md)}.metric-icon{width:48px;height:48px}.metric-icon svg{width:24px;height:24px}.bar-label{font-size:.7rem}.chart-label{font-size:.7rem;transform:rotate(-60deg)}}@media(prefers-color-scheme:dark){:root{--white-primary: #2D2D2D;--white-dark: #1A1A1A;--white-darker: #3D3D3D;--border-light: #404040;--border-dark: #4D4D4D}.metric-card,.chart-card,.summary-card,.error-state,.empty-state{background:#2d2d2d}.analytics-table th{background:#1a1a1a;color:#fff}.analytics-table td{color:#ccc}.analytics-table tbody tr:hover{background:#404040}.category-name,.stat-value,.metric-value{color:#fff}.category-revenue,.stat-label,.metric-label,.bar-label,.chart-label{color:#ccc}}@media print{.time-range-selector,.btn{display:none!important}.metric-card,.chart-card,.summary-card{box-shadow:none;border:1px solid #000;break-inside:avoid}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden;margin:0;padding:0}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}#root{width:100%;max-width:100%;overflow-x:hidden;margin:0;padding:0}.app{width:100%;min-height:100vh;display:flex;flex-direction:column;margin:0;padding:0}.main-content{flex:1;width:100%;margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.full-width{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}