*{margin:0;padding:0;font-family:Outfit,sans-serif}:root{--primary-color:#004aad;--secondary-color:#f3f6f9;--danger-color:#dc2626;--success-color:#16a34a;--warning-color:#f59e0b}a{color:currentColor;text-decoration:none;display:block}hr{border:none;border-top:1px solid #ccc5}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed!important}.lds-ellipsis{gap:5px;width:fit-content;margin:auto;display:inline-flex}.lds-ellipsis span{background:#fff;border-radius:50%;width:10px;height:10px;animation:.6s infinite alternate lds-ellipsis}.lds-ellipsis span:nth-child(2){animation-delay:.2s}.lds-ellipsis span:nth-child(3){animation-delay:.4s}@keyframes lds-ellipsis{0%{opacity:.5;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.loading{background:#fff;justify-content:center;align-items:center;width:100%;height:100%;margin-top:4rem;display:flex}.loading.lds-ellipsis span{background:var(--primary-color);width:15px;height:15px}.container{width:100%;height:100vh;display:flex}.container aside{background:#fff;flex-direction:column;gap:1rem;width:200px;height:calc(100% - 4rem);padding:2rem;display:flex;box-shadow:10px 10px 20px #0000000a}.container aside .logo{justify-content:center;align-items:center;gap:1rem;display:flex}.container aside .logo img{width:120px;margin:0 auto}.container aside nav a{border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 0;transition:all .3s;display:flex}.container aside nav a:hover{background:#f3f6f9;padding:.5rem 1.2rem}.container aside nav a svg{width:18px}.container main{width:100%;height:100%;overflow:auto}header{border-bottom:1px solid #ccc5;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}header a{display:flex}header .search{width:70%}header .search input{background-color:#f3f6f9;border:1px solid #ccc5;border-radius:2rem;width:calc(100% - 4rem);padding:1rem 2rem;font-size:1rem;box-shadow:10px 10px 20px #0000000a}header .right{border:1px solid #ccc5;border-radius:2rem;align-items:center;gap:1rem;padding:5px 5px 5px 1rem;display:flex;box-shadow:10px 10px 20px #0000000a}header .right img{object-fit:cover;border-radius:50%;width:30px}header .location{color:var(--primary-color);cursor:pointer;background-color:#f3f6f9;border:none;border-radius:2rem;padding:.8rem 1rem}header .login{background-color:var(--primary-color);color:#fff;border-radius:2rem;padding:1rem 2rem;box-shadow:10px 10px 20px #0000000a}header .avatar{object-fit:cover;border-radius:50%}.area .head{justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.area .head .left .switch{cursor:pointer;border:1px solid #0005;border-radius:2rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:2rem;padding:.5rem 1rem;font-size:14px;display:grid;position:relative;overflow:hidden;box-shadow:10px 10px 20px #0000000a}.area .head .left .switch:after{content:"";background-color:var(--primary-color);z-index:1;border-radius:2rem;width:calc(50% - 3px);height:calc(100% - 6px);transition:all .3s;position:absolute;top:3px;left:3px}.area .head .left .switch.active:after{left:50%}.area .head .left .switch .label{z-index:2;text-align:center;position:relative}.area .head .left .switch .label:nth-child(2){text-align:right}.area .head .left .switch.active .label:nth-child(2),.area .head .left .switch:not(.active) .label:first-child{color:#fff}.area .head .right button{background-color:var(--primary-color);color:#fff;border:none;border-radius:2rem;padding:.5rem 1rem;box-shadow:10px 10px 20px #0000000a}.area .content-area{padding:0 2rem}.area .content-area table{border-collapse:collapse;border-radius:1rem;width:100%;margin-top:1rem;font-size:14px;overflow:hidden;box-shadow:10px 10px 20px #0000000a}.area .content-area table th:first-child{border-radius:1rem 0 0 1rem}.area .content-area table th:last-child{border-radius:0 1rem 1rem 0}.area .content-area table tr:nth-child(odd){background-color:#f3f6f9}.area .content-area table th,.area .content-area table td{text-align:left;border-bottom:1px solid #ccc5;padding:.5rem 1rem}.area .content-area table td .details{align-items:center;gap:1rem;display:flex}.area .content-area table td .details img{border-radius:.5rem}.area .content-area table td .details .detail .name{font-weight:700}.area .content-area table td .details .detail .redirect{color:var(--primary-color);font-size:12px}.area .content-area table th{background-color:var(--primary-color);color:#fff;border:none}.area .content-area table .btn{cursor:pointer;background:0 0;border:none;margin:0 .5rem}.area .content-area table .btn.delete{color:var(--danger-color)}.area .content-area table .btn svg{width:14px}.area .addBanner{z-index:2;background:#0000006e;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.area .addBanner .overlay{background:#fff;border-radius:1.5rem;flex-direction:column;gap:1rem;width:300px;padding:1rem;display:flex;box-shadow:10px 10px 20px #0000000a}.area .addBanner .overlay label{margin-bottom:.5rem;font-size:12px}.area .addBanner .overlay input,.area .addBanner .overlay select{outline-color:var(--primary-color);background:#ccc2;border:1px solid #ccc8;border-radius:2rem;padding:.5rem 1rem;box-shadow:10px 10px 20px #0000000a}.area .addBanner .overlay .dates{gap:1rem;display:flex}.area .addBanner .overlay .input-wrap{width:calc(50% - .5rem)}.area .addBanner .overlay .dates .input-wrap input{width:calc(100% - 2rem)}.area .addBanner .overlay .buttons{justify-content:flex-end;gap:1rem;display:flex}.area .addBanner .overlay .btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:2rem;padding:.5rem 1rem;box-shadow:10px 10px 20px #0000000a}.area .addBanner .overlay .btn.cancel{background:var(--danger-color)}.hero{width:80%;margin:0 auto}.hero .swiper{border-radius:2rem;width:100%;height:200px}.hero .swiper-slide{color:#fff;background-position:50%;background-size:cover;justify-content:center;align-items:center;font-size:40px;font-weight:700;display:flex}.hero .slide{background-position:0;background-size:cover}.hero .slide1{background-image:url(https://images.unsplash.com/photo-1461896836934-ffe607ba8211)}.hero .slide2{background-image:url(https://images.unsplash.com/photo-1526232761682-d26e03ac148e)}.hero .slide3{background-image:url(https://images.unsplash.com/photo-1517466787929-bc90951d0974)}.hero .swiper-pagination-bullet{opacity:1;background-color:#fff;border-radius:5px;width:15px;height:8px}.hero .swiper-pagination-bullet-active{background-color:var(--primary-color);width:30px}@media (width<=768px){.hero .swiper{height:200px}.hero .swiper-slide{font-size:24px}}.filter{background-color:var(--primary-color);color:#fff;border:1px solid #ccc5;border-radius:2rem;justify-content:space-between;align-items:center;gap:2rem;width:calc(100% - 4rem);margin:2rem auto;padding:2rem;display:flex;box-shadow:10px 10px 20px #0000000a}.filter .item{flex-direction:column;gap:1rem;width:100%;display:flex}.filter .item select{border:1px solid #ccc5;border-radius:2rem;width:100%;padding:1rem 2rem;font-size:1rem}.filter .item input{border:1px solid #ccc5;border-radius:2rem;width:calc(100% - 4rem);padding:1rem 2rem;font-size:1rem}.category-container .categories{grid-template-columns:repeat(6,minmax(0,1fr));gap:2rem;margin:2rem 0;display:grid}.category-container .categories .categorie{background:#f3f6f9;border:1px solid #ccc5;border-radius:2rem;flex-direction:column;align-items:center;gap:1rem;padding:1rem;display:flex;box-shadow:10px 10px 20px #0000000a}.category-container .categories .categorie .icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.content .venues{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:2rem 0;display:grid}.content .venues .venue{flex-direction:column;gap:1rem;display:flex}.content .venues .venue .image{position:relative}.content .venues .venue .image img{object-fit:cover;border-radius:1rem;width:100%;height:200px;box-shadow:10px 10px 20px #00000023}.content .venues .venue .image .review-box{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0005;border-radius:1rem;padding:.2rem .5rem;position:absolute;bottom:1rem;left:10px;box-shadow:10px 10px 20px #00000023}.content .venues .venue .info{flex-direction:column;display:flex}.content .venues .venue .info .top{justify-content:space-between;align-items:center;display:flex}.content .venues .venue .info .top .status{color:#16a34a;background-color:#f0fdf4;border-radius:2rem;padding:.2rem .5rem;font-size:.8rem}.content .venues .venue .info .location{color:var(--primary-color);font-weight:700}.account-container{background:#f3f6f9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.account-container img{margin-bottom:2rem}.account-container form{background-color:#fff;border:1px solid #ccc5;border-radius:2rem;flex-direction:column;gap:1rem;width:300px;max-width:calc(100% - 4rem);padding:2rem;display:flex;box-shadow:10px 10px 20px #0000000a}.account-container form .head{background:#f3f6f9;border:1px solid #ccc5;border-radius:2rem;justify-content:space-between;align-items:center;padding:.4rem;display:flex}.account-container form .head button{cursor:pointer;background:0 0;border:none;border-radius:2rem;width:100%;padding:.5rem 2rem;font-size:1rem}.account-container form .head button.active{background-color:var(--primary-color);color:#fff}.account-container form .forgot-password{color:var(--primary-color);text-align:right;font-size:.8rem}.account-container form input,.account-container form button[type=submit]{border:1px solid #ccc5;border-radius:2rem;width:calc(100% - 4rem);padding:1rem 2rem;font-size:1rem}.account-container form ul{font-size:12px;list-style:none}.account-container form button[type=submit]{background-color:var(--primary-color);color:#fff;text-align:center;cursor:pointer;width:100%}.account-container form .bottom-line{color:#ccc;align-items:center;gap:1rem;width:100%;display:flex}.account-container form .bottom-line hr{border:none;border-bottom:1px solid #ccc5;flex:1}.account-container p{color:#aaa;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.account-container p a{color:var(--primary-color);text-decoration:none}.account-container form .resend{color:var(--primary-color);text-align:center;cursor:pointer;background:0 0;border:none;font-size:.8rem}.alert{z-index:1000;background:#fff;border:1px solid #ccc5;border-radius:1rem;align-items:center;gap:1rem;margin:15px 0;padding:12px 20px;font-size:16px;transition:all .3s;animation:.3s forwards fade-in;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:10px 10px 20px #0000000a}@keyframes fade-in{0%{opacity:0;transform:translate(-50%,-100px)}to{opacity:1;transform:translate(-50%)}}.alert .close{cursor:pointer;color:red;font-size:20px}.alert-success{color:#58b25a;border-color:#58b25a}.alert-danger{color:#f70d0d;border-color:#f70d0d}.alert-warning{color:#f7c500;border-color:#f7c500}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.setup-container form{position:relative}.setup-container .select .options{color:#fff;background:#000;border:1px solid #ccc5;border-radius:2rem;width:calc(100% - 2rem);max-height:calc(100% - 2rem);padding:1rem;position:absolute;bottom:0;left:0;overflow:auto;box-shadow:10px 10px 20px #0000000a}.setup-container .select .options .option{cursor:pointer;border-radius:2rem;padding:1rem;transition:all .3s}.setup-container .select .options .option:hover{background:#ccc2}.setup-container button.skip{color:var(--primary-color);border:1px solid var(--primary-color);text-align:center;cursor:pointer;background:0 0;border-radius:2rem;margin-top:.5rem;padding:1rem;text-decoration:none;display:inline-block}.profile-container{background:#fff;border:1px solid #ccc5;border-radius:2rem;width:50rem;max-width:100%;margin:2rem auto auto;padding:2rem;box-shadow:10px 10px 20px #0000000a}.profile-container .head{justify-content:space-between;align-items:center;display:flex}.profile-container .head .left{align-items:center;gap:2rem;display:flex}.profile-container .head img{object-fit:cover;border-radius:50%;width:100px;height:100px}.profile-container .head .info{flex-direction:column;gap:.5rem;display:flex}.profile-container .head .right{align-items:center;gap:1rem;display:flex}.profile-container .head .right button,.profile-container .head .right a{color:#fff;border:1px solid var(--primary-color);text-align:center;background:var(--primary-color);cursor:pointer;border-radius:2rem;margin-top:.5rem;padding:1rem 2rem;font-size:1rem;text-decoration:none;display:inline-block}.profile-container .head .right a{background:#000}.edit-profile{z-index:9999;background:#0000006e;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.edit-profile form{background:#fff;border:1px solid #ccc5;border-radius:2rem;width:300px;max-width:100%;margin:auto;padding:2rem;box-shadow:10px 10px 20px #0000000a}.edit-profile form input{border:1px solid #ccc5;border-radius:2rem;width:calc(100% - 4rem);margin-bottom:1rem;padding:1rem 2rem;font-size:1rem}.edit-profile form select{border:1px solid #ccc5;border-radius:2rem;width:100%;margin-bottom:1rem;padding:1rem 2rem;font-size:1rem}.edit-profile form button{color:#fff;border:1px solid var(--primary-color);text-align:center;background:var(--primary-color);cursor:pointer;border-radius:2rem;width:100%;margin-top:.5rem;padding:1rem 2rem;font-size:1rem;text-decoration:none;display:inline-block}.edit-profile form button[type=button]{color:var(--danger-color);border:1px solid var(--danger-color);background:0 0;margin-top:1rem}