@import url(https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap);.sidebar{background-color:#fff;background-color:var(--side-bar-color);box-shadow:-3px 0 15px #0000001a;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;transition:.3s ease;width:320px;z-index:200}.sidebar .logo{align-items:center;border-bottom:1px solid #d0d5dd;border-bottom:1px solid var(--borders-color);display:flex;justify-content:center;padding:32px 24px}.sidebar .logo img{height:auto;width:160px}.sidebar .ul{-ms-overflow-style:none;display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;padding:16px 0;scrollbar-width:none}.sidebar .ul::-webkit-scrollbar{display:none}.sidebar .ul .li{align-items:center;border-radius:8px;cursor:pointer;display:flex;margin:0 16px 8px;padding:16px 32px;text-decoration:none;transition:.2s ease}.sidebar .ul .li.active,.sidebar .ul .li:hover{background-color:#215abd1a}.sidebar .ul .li .icon,.sidebar .ul .li.active .icon,.sidebar .ul .li.active .text{color:#344054;color:var(--normal-text-color)}.sidebar .ul .li .icon{align-items:center;display:flex;justify-content:center;min-width:24px}.sidebar .ul .li .text{color:#344054;color:var(--normal-text-color);font-size:16px;font-weight:400;margin-right:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .theme{align-items:center;border-bottom:1px solid #d0d5dd;border-bottom:1px solid var(--borders-color);border-top:1px solid #d0d5dd;border-top:1px solid var(--borders-color);display:flex;justify-content:space-between;padding:16px 32px}.sidebar .theme p{color:#344054;color:var(--normal-text-color);font-size:16px;font-weight:400;margin:0}.sidebar .theme .toggle-switch{height:26px;position:relative;width:50px}.sidebar .theme .toggle-switch input{height:0;opacity:0;width:0}.sidebar .theme .toggle-switch input:checked+.slider{background-color:#215abd}.sidebar .theme .toggle-switch input:checked+.slider:before{transform:translateX(24px)}.sidebar .theme .toggle-switch .slider{background-color:#d0d5dd;background-color:var(--borders-color);border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.2s ease}.sidebar .theme .toggle-switch .slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:.2s ease;width:20px}.sidebar .account{align-items:center;display:flex;padding:16px 32px}.sidebar .account .user-info{display:flex;flex-direction:column;flex-grow:1;margin-left:16px}.sidebar .account .user-info .username{color:#344054;color:var(--normal-text-color);font-size:16px;font-weight:400;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis}.sidebar .account .user-info .role{color:#667085;color:var(--light-text-color);margin:0}.sidebar .account .logout{align-items:center;color:#344054;color:var(--normal-text-color);cursor:pointer;display:flex;height:36px;justify-content:center;transition:.2s ease;width:36px}.sidebar .account .logout:hover{background-color:#215abd1a;color:#215abd}.sidebar .slideBtn{display:none}@media screen and (max-width:1200px){.sidebar{width:300px}}@media screen and (max-width:992px){.sidebar{left:auto;right:0;transform:translateX(100%);width:280px}.sidebar.active{transform:translateX(0)}.sidebar .slideBtn{align-items:center;background-color:#fff;background-color:var(--side-bar-color);border-radius:8px 0 0 8px;box-shadow:-2px 2px 8px #00000026;cursor:pointer;display:flex;height:45px;justify-content:center;left:-45px;position:absolute;top:16px;width:45px;z-index:201}.sidebar .slideBtn svg{color:#344054;color:var(--normal-text-color)}.blurOverLay{background-color:#00000080;height:100%;position:fixed;right:0;top:0;transition:.3s ease;width:0;z-index:199}.blurOverLay.active{width:100%}@supports((-webkit-backdrop-filter:blur(0.6rem)) or (backdrop-filter:blur(0.6rem))){.blurOverLay{-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);background-color:#0003}}}@media screen and (max-width:768px){.sidebar{width:260px}.sidebar .logo img{width:140px}}@media screen and (max-width:480px){.sidebar{width:240px}.sidebar .ul .li{padding:12px 24px}.sidebar .ul .li .icon{font-size:16px}.sidebar .account,.sidebar .theme{padding:12px 24px}.sidebar .account .role{font-size:-2px}.sidebar .logo img{width:120px}}@media screen and (max-width:370px){.sidebar{width:220px}.sidebar .logo img{width:100px}}.blurOverLay{display:none}.home{background-color:#fff;background-color:var(--bg-color);box-sizing:border-box;margin-right:320px;max-width:calc(100vw - 320px);min-height:100vh;padding:2rem;transition:all .3s ease;width:calc(100% - 320px)}.home .loading{color:#667085;color:var(--light-text-color);font-size:1.2rem;padding:3rem;text-align:center}.home .home-header{margin-bottom:2rem}.home .home-header h1{margin-bottom:.5rem}.home .home-header p{color:#667085;color:var(--light-text-color)}.home .dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.home .dashboard-grid .dashboard-card{background:#fff;background:var(--side-bar-color);border:2px solid #0000;border-radius:12px;display:flex;flex-direction:column;min-height:180px;overflow:hidden;padding:1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.home .dashboard-grid .dashboard-card:before{background:var(--card-color);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.home .dashboard-grid .dashboard-card:hover{border-color:var(--card-color);box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.home .dashboard-grid .dashboard-card:hover:before{transform:scaleX(1)}.home .dashboard-grid .dashboard-card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.home .dashboard-grid .dashboard-card:hover .card-footer{transform:translateX(-5px)}.home .dashboard-grid .dashboard-card .card-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.home .dashboard-grid .dashboard-card .card-header .card-icon{font-size:2rem;transition:all .3s ease}.home .dashboard-grid .dashboard-card .card-header h3{color:#344054;color:var(--normal-text-color);font-size:1.2rem;font-weight:600;margin:0}.home .dashboard-grid .dashboard-card .card-body{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:1rem 0}.home .dashboard-grid .dashboard-card .card-body .card-value{font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.5rem}.home .dashboard-grid .dashboard-card .card-body .card-label{color:#667085;color:var(--light-text-color);font-size:.9rem}.home .dashboard-grid .dashboard-card .card-footer{align-items:center;border-top:1px solid #d0d5dd;border-top:1px solid var(--borders-color);color:var(--card-color);display:flex;font-weight:500;justify-content:space-between;padding-top:1rem;transition:transform .3s ease}.home .dashboard-grid .dashboard-card .card-footer svg{font-size:.9rem}.home .no-access{background:#fff;background:var(--side-bar-color);border-radius:12px;margin-top:2rem;padding:3rem;text-align:center}.home .no-access p{color:#667085;color:var(--light-text-color);font-size:1.2rem}@media screen and (max-width:1200px){.home{margin-right:300px;max-width:calc(100vw - 300px);width:calc(100% - 300px)}}@media screen and (max-width:992px){.home{margin-right:0;max-width:100vw;padding:1.5rem;width:100%}.home .dashboard-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:768px){.home{padding:1rem}.home .home-header h1{font-size:1.8rem}.home .dashboard-grid{grid-template-columns:1fr}.home .dashboard-grid .dashboard-card{min-height:160px}.home .dashboard-grid .dashboard-card .card-header .card-icon{font-size:1.8rem}.home .dashboard-grid .dashboard-card .card-header h3{font-size:1.1rem}.home .dashboard-grid .dashboard-card .card-body .card-value{font-size:2rem}}@media(max-width:480px){.home{padding:.75rem}.home .dashboard-grid{gap:.75rem}.home .dashboard-grid .dashboard-card{min-height:140px;padding:1rem}.home .dashboard-grid .dashboard-card .card-header .card-icon{font-size:1.5rem}.home .dashboard-grid .dashboard-card .card-header h3{font-size:1rem}.home .dashboard-grid .dashboard-card .card-body{margin:.75rem 0}.home .dashboard-grid .dashboard-card .card-body .card-value{font-size:1.8rem}.home .dashboard-grid .dashboard-card .card-body .card-label{font-size:.85rem}.home .dashboard-grid .dashboard-card .card-footer{font-size:.9rem}}.admins-page{background-color:#fff;background-color:var(--bg-color);margin-right:300px;min-height:100vh;padding:24px}.admins-page .header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.admins-page .header .search-bar{position:relative;width:300px}.admins-page .header .search-bar input{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);height:40px;padding:0 32px 0 16px;width:100%}.admins-page .header .search-bar input:focus{border-color:#215abd;border-color:var(--primary-color)}.admins-page .header .search-bar .search-icon{color:#667085;color:var(--light-text-color);left:16px;position:absolute;top:50%;transform:translateY(-50%)}.admins-page .header .add-btn{align-items:center;background-color:#215abd;background-color:var(--primary-color);border-radius:8px;color:#fff;display:flex;gap:12px;padding:12px 24px}.admins-page .admins-list{display:flex;flex-direction:column;gap:12px}.admins-page .admins-list .admin-card{align-items:center;background-color:#fff;background-color:var(--side-bar-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:4px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:16px}.admins-page .admins-list .admin-card .admin-info h3{color:#344054;color:var(--normal-text-color);font-size:16px;margin-bottom:8px}.admins-page .admins-list .admin-card .admin-info .access-tags{display:flex;flex-wrap:wrap;gap:8px}.admins-page .admins-list .admin-card .admin-info .access-tags .tag{background-color:#215abd;background-color:var(--primary-color);border-radius:4px;color:#fff;padding:2px 8px}.admins-page .admins-list .admin-card .actions{display:flex;gap:8px}.admins-page .admins-list .admin-card .actions .icon-btn{align-items:center;background:none;border:none;border-radius:4px;color:#344054;color:var(--normal-text-color);cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.admins-page .admins-list .admin-card .actions .icon-btn:hover{color:#215abd;color:var(--primary-color)}.admins-page .admins-list .admin-card .actions .icon-btn.delete:hover{color:#dc2626}.modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal .modal-content{background-color:#fff;background-color:var(--side-bar-color);border-radius:12px;max-width:500px;padding:32px;position:relative;width:100%}.modal .modal-content.delete-confirmation{max-width:400px;text-align:center}.modal .modal-content.delete-confirmation .warning-icon{color:#dc2626;font-size:48px;margin-bottom:16px}.modal .modal-content.delete-confirmation h2{color:#dc2626;margin-bottom:12px}.modal .modal-content.delete-confirmation p{color:#344054;color:var(--normal-text-color);margin-bottom:32px}.modal .modal-content.delete-confirmation .modal-actions{justify-content:center}.modal .modal-content.delete-confirmation .modal-actions .delete{background-color:#dc2626}.modal .modal-content.delete-confirmation .modal-actions .delete:hover{background-color:#b91c1c}.modal .modal-content h2{color:#344054;color:var(--normal-text-color);margin-bottom:24px}.modal .modal-content .input-group{margin-bottom:24px}.modal .modal-content .input-group label{color:#344054;color:var(--normal-text-color);display:block;font-size:16px;margin-bottom:8px}.modal .modal-content .input-group input{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);height:44px;padding:0 16px;width:100%}.modal .modal-content .input-group input:focus{border-color:#215abd;border-color:var(--primary-color);box-shadow:0 0 0 2px #d9e2ff;box-shadow:0 0 0 2px var(--secondary-color)}.modal .modal-content .input-group .access-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.modal .modal-content .input-group .access-options .checkbox-label{align-items:center;color:#344054;color:var(--normal-text-color);cursor:pointer;display:flex;gap:12px}.modal .modal-content .input-group .access-options .checkbox-label input[type=checkbox]{height:18px;width:18px}.modal .modal-content .modal-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px}.modal .modal-content .modal-actions button{min-width:120px}.loading-container{align-items:center;display:flex;justify-content:center;min-height:400px}.loading-container .loading-spinner{animation:spin 1s linear infinite;border:3px solid #d0d5dd;border-radius:50%;border-top-color:#215abd;border:3px solid var(--borders-color);border-top-color:var(--primary-color);height:50px;width:50px}@media screen and (max-width:992px){.admins-page{margin-right:0}}@media screen and (max-width:768px){.admins-page{margin-right:0;padding:16px}.admins-page .header{flex-direction:column;gap:12px}.admins-page .header .search-bar{width:100%}.admins-page .header .add-btn{justify-content:center;width:100%}.admins-page .admin-card{flex-direction:column;gap:12px;text-align:center}.admins-page .admin-card .actions,.admins-page .admin-card .admin-info .access-tags{justify-content:center}.modal .modal-content{margin:8px;padding:16px}.modal .modal-content .input-group .access-options{grid-template-columns:1fr}}.admin-login{align-items:center;background-color:#fff;background-color:var(--bg-color);min-height:100vh;padding:16px;transition:.3s ease}.admin-login,.admin-login .login-container{display:flex;flex-direction:column;justify-content:center;width:100%}.admin-login .login-container{align-items:flex-start;background-color:#fff;background-color:var(--side-bar-color);border-radius:12px;box-shadow:"0 10px 15px rgba(0, 0, 0, 0.1)";max-width:420px;overflow:hidden;padding:32px;position:relative}.admin-login .login-container:before{background:linear-gradient(90deg,#215abd,#d9e2ff);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;top:0;width:100%}.admin-login .login-container .logo{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:32px;width:100%}.admin-login .login-container .logo img{height:70px;transition:.3s ease;width:auto}.admin-login .login-container h2{color:#000;color:var(--dark-text-color);font-size:24px;font-weight:700;margin-bottom:24px;text-align:center;width:100%}.admin-login .login-container form{gap:24px}.admin-login .login-container form,.admin-login .login-container form .input-group{align-items:stretch;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.admin-login .login-container form .input-group{gap:8px;position:relative}.admin-login .login-container form .input-group label{color:#344054;color:var(--normal-text-color);font-size:16px;font-weight:500;margin-bottom:8px;transition:.2s ease}.admin-login .login-container form .input-group input{background-color:#fff;background-color:var(--bg-color);border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);font-size:16px;height:48px;padding:0 16px;transition:all .2s ease;width:100%}.admin-login .login-container form .input-group input::placeholder{color:#667085;color:var(--light-text-color);transition:.2s ease}.admin-login .login-container form .input-group input:focus{border-color:#215abd;border-color:var(--primary-color);box-shadow:0 0 0 3px #d9e2ff;box-shadow:0 0 0 3px var(--secondary-color)}.admin-login .login-container form .input-group input:focus::placeholder{opacity:.7}.admin-login .login-container form .input-group.error label{color:#dc2626;color:var(--danger-color)}.admin-login .login-container form .input-group.error input{background-color:#fee2e2;background-color:var(--danger-bg);border-color:#dc2626;border-color:var(--danger-color)}.admin-login .login-container form .input-group.error input:focus{box-shadow:0 0 0 3px #dc262633}.admin-login .login-container form .input-group.error .error-message{animation:fadeIn .3s ease;color:#dc2626;color:var(--danger-color);display:block;font-size:14px;margin-top:8px}.admin-login .login-container form button{font-size:16px;font-weight:600;height:48px;margin-top:16px;transition:.2s ease;width:100%}.admin-login .login-container form button:not(.clicked):hover{box-shadow:"0 4px 6px rgba(0, 0, 0, 0.1)";transform:translateY(-1px)}.admin-login .login-container .theme-toggle{align-items:center;border-top:1px solid #d0d5dd;border-top:1px solid var(--borders-color);display:flex;flex-direction:row;justify-content:space-between;margin-top:32px;padding-top:24px;width:100%}.admin-login .login-container .theme-toggle span{color:#344054;color:var(--normal-text-color);font-size:16px;font-weight:500}.admin-login .login-container .theme-toggle .toggle-switch{height:28px;position:relative;width:56px}.admin-login .login-container .theme-toggle .toggle-switch input{height:0;opacity:0;width:0}.admin-login .login-container .theme-toggle .toggle-switch input:checked+.slider{background-color:#215abd;background-color:var(--primary-color)}.admin-login .login-container .theme-toggle .toggle-switch input:checked+.slider:before{transform:translateX(28px)}.admin-login .login-container .theme-toggle .toggle-switch input:focus+.slider{box-shadow:0 0 0 2px #d9e2ff;box-shadow:0 0 0 2px var(--secondary-color)}.admin-login .login-container .theme-toggle .toggle-switch .slider{background-color:#d0d5dd;background-color:var(--borders-color);border-radius:9999px;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;transition:all .3s ease}.admin-login .login-container .theme-toggle .toggle-switch .slider:before{background-color:#fff;border-radius:50%;bottom:4px;box-shadow:"0 1px 2px rgba(0, 0, 0, 0.05)";content:"";height:20px;left:4px;position:absolute;transition:all .3s ease;width:20px}.admin-login .login-container .theme-toggle .toggle-switch .slider:after{background:linear-gradient(90deg,#0000,#ffffff1a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.admin-login .login-container .theme-toggle .toggle-switch .slider:hover:after{opacity:1}.admin-login .login-container .theme-toggle .toggle-switch .slider:hover:before{transform:scale(1.1)}@media screen and (max-width:992px){.admin-login .login-container{padding:24px}.admin-login .login-container .logo img{height:60px}}@media screen and (max-width:768px){.admin-login{padding:12px}.admin-login .login-container{padding:16px}.admin-login .login-container .logo img{height:50px}.admin-login .login-container h2{font-size:18px}.admin-login .login-container form{gap:16px}.admin-login .login-container form .input-group input,.admin-login .login-container form button{height:44px}}@media screen and (max-width:480px){.admin-login{padding:8px}.admin-login .login-container{border-radius:8px;padding:12px}.admin-login .login-container .logo img{height:40px}.admin-login .login-container h2{font-size:16px;margin-bottom:16px}.admin-login .login-container .theme-toggle{margin-top:24px}.admin-login .login-container .theme-toggle span{font-size:14px}}.car-tows-page{-ms-overflow-style:none;background-color:#fff;background-color:var(--bg-color);margin-right:300px;max-width:100%;min-height:100vh;overflow-x:auto;padding:24px;scrollbar-width:none}.car-tows-page::-webkit-scrollbar{display:none}@media screen and (max-width:992px){.car-tows-page{margin-right:0}}.car-tows-page button.loading{cursor:not-allowed;opacity:.7}.car-tows-page button.loading .spinner{margin:0 auto}.car-tows-page .header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.car-tows-page .header .review-requests-btn{align-items:center;background-color:#215abd;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:12px;padding:12px 24px;position:relative}.car-tows-page .header .review-requests-btn .count{align-items:center;background-color:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.car-tows-page .header .review-requests-btn:hover{opacity:.9}.car-tows-page .header .search-bar{display:flex;gap:12px;max-width:100%;min-width:0;position:relative;width:400px}.car-tows-page .header .search-bar input{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);flex:1 1;height:40px;min-width:0;padding:0 16px}.car-tows-page .header .search-bar input:focus{border-color:#215abd;border-color:var(--primary-color)}.car-tows-page .header .search-bar .search-btn{align-items:center;background-color:#215abd;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:0 16px}.car-tows-page .header .search-bar .search-btn .search-icon{font-size:18px}.car-tows-page .header .search-bar .search-btn:hover{opacity:.9}.car-tows-page .drivers-table{-ms-overflow-style:none;background-color:#fff;background-color:var(--side-bar-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;overflow:hidden;overflow-x:auto;scrollbar-width:none;width:100%}.car-tows-page .drivers-table::-webkit-scrollbar{display:none}.car-tows-page .drivers-table table{border-collapse:collapse;width:100%}.car-tows-page .drivers-table table td,.car-tows-page .drivers-table table th{border-bottom:1px solid #d0d5dd;border-bottom:1px solid var(--borders-color);padding:16px;text-align:right;white-space:nowrap}.car-tows-page .drivers-table table th{background-color:#fff;background-color:var(--bg-color);font-weight:600}.car-tows-page .drivers-table table td,.car-tows-page .drivers-table table th{color:#344054;color:var(--normal-text-color)}.car-tows-page .drivers-table table td .status{border-radius:4px;display:inline-block;padding:4px 12px}.car-tows-page .drivers-table table td .status.pending{background-color:#fef3c7;color:#92400e}.car-tows-page .drivers-table table td .status.approved{background-color:#d1fae5;color:#065f46}.car-tows-page .drivers-table table td .info-btn{align-items:center;background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:4px;color:#344054;color:var(--normal-text-color);cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.car-tows-page .drivers-table table td .info-btn:hover{background-color:#215abd;background-color:var(--primary-color);border-color:#215abd;border-color:var(--primary-color);color:#fff}.car-tows-page .modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.car-tows-page .modal .modal-content{background-color:#fff;background-color:var(--side-bar-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;position:relative;width:100%}.car-tows-page .modal .modal-content h2{color:#344054;color:var(--normal-text-color);margin-bottom:24px}.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;margin-bottom:24px;padding:16px}.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group h3{color:#215abd;color:var(--primary-color);font-weight:600;margin-bottom:16px}.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group p{color:#344054;color:var(--normal-text-color);margin-bottom:12px}.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group .trips-info{align-items:center;border-top:1px solid #d0d5dd;border-top:1px solid var(--borders-color);display:flex;justify-content:space-between;margin-top:16px;padding-top:16px}.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group .trips-info p{margin-bottom:0}.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group .trips-info .view-trips-btn{align-items:center;background-color:#215abd;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;min-width:120px;padding:8px 16px;transition:all .2s ease}.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group .trips-info .view-trips-btn:hover{opacity:.9}.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group .ratings-list .rating-item{background-color:#fff;background-color:var(--side-bar-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:4px;margin-bottom:8px;padding:12px}.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group .ratings-list .rating-item:last-child{margin-bottom:0}.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group .ratings-list .rating-item p{margin-bottom:8px}.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group .ratings-list .rating-item p:last-child{margin-bottom:0}.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group .status-controls .ban-control,.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group .status-controls .warnings-control{align-items:center;background-color:#fff;background-color:var(--side-bar-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:4px;display:flex;justify-content:space-between;margin-bottom:12px;padding:12px}.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group .status-controls .ban-control button,.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group .status-controls .warnings-control button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;min-height:32px;min-width:80px;padding:8px 16px}.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group .status-controls .ban-control button.ban-btn,.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group .status-controls .warnings-control button.ban-btn{background-color:#fee2e2;color:#991b1b}.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group .status-controls .ban-control button.ban-btn:hover:not(.loading),.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group .status-controls .warnings-control button.ban-btn:hover:not(.loading){background-color:#dc2626;color:#fff}.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group .status-controls .ban-control button.unban-btn,.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group .status-controls .warnings-control button.unban-btn{background-color:#d1fae5;color:#065f46}.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group .status-controls .ban-control button.unban-btn:hover:not(.loading),.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group .status-controls .warnings-control button.unban-btn:hover:not(.loading){background-color:#059669;color:#fff}.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group .status-controls .warnings-buttons{display:flex;gap:8px}.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group .status-controls .warnings-buttons button{align-items:center;background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:4px;color:#344054;color:var(--normal-text-color);cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group .status-controls .warnings-buttons button:disabled{cursor:not-allowed;opacity:.5}.car-tows-page .modal .modal-content.driver-info-modal .driver-info .info-group .status-controls .warnings-buttons button:hover:not(:disabled):not(.loading){background-color:#215abd;background-color:var(--primary-color);border-color:#215abd;border-color:var(--primary-color);color:#fff}.car-tows-page .modal .modal-content.requests-modal .requests-list{margin:24px 0}.car-tows-page .modal .modal-content.requests-modal .requests-list .no-requests{color:#667085;color:var(--light-text-color);padding:32px;text-align:center}.car-tows-page .modal .modal-content.requests-modal .requests-list .request-card{align-items:flex-start;background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;display:flex;gap:16px;margin-bottom:16px;padding:16px}.car-tows-page .modal .modal-content.requests-modal .requests-list .request-card .car-image{border-radius:4px;height:120px;object-fit:cover;width:120px}.car-tows-page .modal .modal-content.requests-modal .requests-list .request-card .request-info{flex:1 1}.car-tows-page .modal .modal-content.requests-modal .requests-list .request-card .request-info p{color:#344054;color:var(--normal-text-color);margin-bottom:8px}.car-tows-page .modal .modal-content.requests-modal .requests-list .request-card .request-info p.status{border-radius:4px;display:inline-block;padding:4px 12px}.car-tows-page .modal .modal-content.requests-modal .requests-list .request-card .request-info p.status.pending{background-color:#fef3c7;color:#92400e}.car-tows-page .modal .modal-content.requests-modal .requests-list .request-card .request-info p.status.approved{background-color:#d1fae5;color:#065f46}.car-tows-page .modal .modal-content.requests-modal .requests-list .request-card .request-info p.status.rejected{background-color:#fee2e2;color:#991b1b}.car-tows-page .modal .modal-content.requests-modal .requests-list .request-card .request-info p.rejection-reason{color:#991b1b;font-style:italic}.car-tows-page .modal .modal-content.requests-modal .requests-list .request-card .request-actions{display:flex;gap:12px}.car-tows-page .modal .modal-content.requests-modal .requests-list .request-card .request-actions button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;min-height:32px;min-width:80px;padding:8px 16px}.car-tows-page .modal .modal-content.requests-modal .requests-list .request-card .request-actions button.approve{background-color:#d1fae5;color:#065f46}.car-tows-page .modal .modal-content.requests-modal .requests-list .request-card .request-actions button.approve:hover:not(.loading){background-color:#059669;color:#fff}.car-tows-page .modal .modal-content.requests-modal .requests-list .request-card .request-actions button.reject{background-color:#fee2e2;color:#991b1b}.car-tows-page .modal .modal-content.requests-modal .requests-list .request-card .request-actions button.reject:hover:not(.loading){background-color:#dc2626;color:#fff}.car-tows-page .modal .modal-content .close-btn{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);cursor:pointer;margin-top:16px;padding:12px 0;width:100%}.car-tows-page .modal .modal-content .close-btn:hover{background-color:#215abd;background-color:var(--primary-color);border-color:#215abd;border-color:var(--primary-color);color:#fff}.car-tows-page .modal .modal-content textarea{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:4px;color:#344054;color:var(--normal-text-color);min-height:100px;padding:12px;resize:vertical;width:100%}.car-tows-page .modal .modal-content textarea:focus{border-color:#215abd;border-color:var(--primary-color);outline:none}@media screen and (max-width:768px){.car-tows-page{padding:16px}.car-tows-page .header{align-items:stretch;flex-direction:column}.car-tows-page .header .review-requests-btn{justify-content:center;width:100%}.car-tows-page .header .search-bar{flex-wrap:nowrap;width:100%}.car-tows-page .drivers-table{border-radius:0;margin:0 -16px;width:calc(100% + 32px)}.car-tows-page .modal .modal-content{margin:16px;padding:16px}.car-tows-page .modal .modal-content.requests-modal .request-card{align-items:center;flex-direction:column;text-align:center}.car-tows-page .modal .modal-content.requests-modal .request-card .car-image{height:auto;max-width:200px;width:100%}.car-tows-page .modal .modal-content.requests-modal .request-card .request-actions{justify-content:center;width:100%}.car-tows-page .modal .modal-content.driver-info-modal .status-controls .ban-control,.car-tows-page .modal .modal-content.driver-info-modal .status-controls .warnings-control,.car-tows-page .modal .modal-content.driver-info-modal .trips-info{flex-direction:column;gap:12px;text-align:center}.car-tows-page .modal .modal-content.driver-info-modal .trips-info .view-trips-btn{width:100%}}.spinner{animation:spin 1s linear infinite}.users-page{-ms-overflow-style:none;background-color:#fff;background-color:var(--bg-color);margin-right:300px;max-width:100%;min-height:100vh;overflow-x:auto;padding:24px;scrollbar-width:none}.users-page::-webkit-scrollbar{display:none}@media screen and (max-width:992px){.users-page{margin-right:0}}.users-page button.loading{cursor:not-allowed;opacity:.7}.users-page button.loading .spinner{margin:0 auto}.users-page .header{align-items:center;display:flex;gap:16px;justify-content:flex-end;margin-bottom:24px}.users-page .header .search-bar{display:flex;gap:12px;max-width:100%;min-width:0;position:relative;width:400px}.users-page .header .search-bar input{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);flex:1 1;height:40px;min-width:0;padding:0 16px}.users-page .header .search-bar input:focus{border-color:#215abd;border-color:var(--primary-color)}.users-page .header .search-bar .search-btn{align-items:center;background-color:#215abd;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:0 16px;white-space:nowrap}.users-page .header .search-bar .search-btn .search-icon{font-size:18px}.users-page .header .search-bar .search-btn:hover{opacity:.9}.users-page .users-table{-ms-overflow-style:none;background-color:#fff;background-color:var(--side-bar-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;overflow:hidden;overflow-x:auto;scrollbar-width:none;width:100%}.users-page .users-table::-webkit-scrollbar{display:none}.users-page .users-table table{border-collapse:collapse;width:100%}.users-page .users-table table td,.users-page .users-table table th{border-bottom:1px solid #d0d5dd;border-bottom:1px solid var(--borders-color);padding:16px;text-align:right;white-space:nowrap}.users-page .users-table table th{background-color:#fff;background-color:var(--bg-color);font-weight:600}.users-page .users-table table td,.users-page .users-table table td .info-btn,.users-page .users-table table th{color:#344054;color:var(--normal-text-color)}.users-page .users-table table td .info-btn{align-items:center;background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.users-page .users-table table td .info-btn:hover{background-color:#215abd;background-color:var(--primary-color);border-color:#215abd;border-color:var(--primary-color);color:#fff}.users-page .modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.users-page .modal .modal-content{background-color:#fff;background-color:var(--side-bar-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;position:relative;width:100%}.users-page .modal .modal-content h2{color:#344054;color:var(--normal-text-color);margin-bottom:24px}.users-page .modal .modal-content.user-info-modal .user-info .info-group{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;margin-bottom:24px;padding:16px}.users-page .modal .modal-content.user-info-modal .user-info .info-group h3{color:#215abd;color:var(--primary-color);font-weight:600;margin-bottom:16px}.users-page .modal .modal-content.user-info-modal .user-info .info-group p{color:#344054;color:var(--normal-text-color);margin-bottom:12px}.users-page .modal .modal-content.user-info-modal .user-info .info-group .trips-info{align-items:center;border-top:1px solid #d0d5dd;border-top:1px solid var(--borders-color);display:flex;justify-content:space-between;margin-top:16px;padding-top:16px}.users-page .modal .modal-content.user-info-modal .user-info .info-group .trips-info p{margin-bottom:0}.users-page .modal .modal-content.user-info-modal .user-info .info-group .trips-info .view-trips-btn{align-items:center;background-color:#215abd;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;min-width:120px;padding:8px 16px;transition:all .2s ease}.users-page .modal .modal-content.user-info-modal .user-info .info-group .trips-info .view-trips-btn:hover{opacity:.9}.users-page .modal .modal-content.user-info-modal .user-info .info-group .status-controls .ban-control,.users-page .modal .modal-content.user-info-modal .user-info .info-group .status-controls .warnings-control{align-items:center;background-color:#fff;background-color:var(--side-bar-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:4px;display:flex;justify-content:space-between;margin-bottom:12px;padding:12px}.users-page .modal .modal-content.user-info-modal .user-info .info-group .status-controls .ban-control button,.users-page .modal .modal-content.user-info-modal .user-info .info-group .status-controls .warnings-control button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;min-height:32px;min-width:80px;padding:8px 16px}.users-page .modal .modal-content.user-info-modal .user-info .info-group .status-controls .ban-control button.ban-btn,.users-page .modal .modal-content.user-info-modal .user-info .info-group .status-controls .warnings-control button.ban-btn{background-color:#fee2e2;color:#991b1b}.users-page .modal .modal-content.user-info-modal .user-info .info-group .status-controls .ban-control button.ban-btn:hover:not(.loading),.users-page .modal .modal-content.user-info-modal .user-info .info-group .status-controls .warnings-control button.ban-btn:hover:not(.loading){background-color:#dc2626;color:#fff}.users-page .modal .modal-content.user-info-modal .user-info .info-group .status-controls .ban-control button.unban-btn,.users-page .modal .modal-content.user-info-modal .user-info .info-group .status-controls .warnings-control button.unban-btn{background-color:#d1fae5;color:#065f46}.users-page .modal .modal-content.user-info-modal .user-info .info-group .status-controls .ban-control button.unban-btn:hover:not(.loading),.users-page .modal .modal-content.user-info-modal .user-info .info-group .status-controls .warnings-control button.unban-btn:hover:not(.loading){background-color:#059669;color:#fff}.users-page .modal .modal-content.user-info-modal .user-info .info-group .status-controls .warnings-buttons{display:flex;gap:8px}.users-page .modal .modal-content.user-info-modal .user-info .info-group .status-controls .warnings-buttons button{align-items:center;background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:4px;color:#344054;color:var(--normal-text-color);cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.users-page .modal .modal-content.user-info-modal .user-info .info-group .status-controls .warnings-buttons button:disabled{cursor:not-allowed;opacity:.5}.users-page .modal .modal-content.user-info-modal .user-info .info-group .status-controls .warnings-buttons button:hover:not(:disabled):not(.loading){background-color:#215abd;background-color:var(--primary-color);border-color:#215abd;border-color:var(--primary-color);color:#fff}.users-page .modal .modal-content .close-btn{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);cursor:pointer;margin-top:16px;padding:12px 0;width:100%}.users-page .modal .modal-content .close-btn:hover{background-color:#215abd;background-color:var(--primary-color);border-color:#215abd;border-color:var(--primary-color);color:#fff}@media screen and (max-width:768px){.users-page{padding:16px}.users-page .header{align-items:stretch;flex-direction:column}.users-page .header .search-bar{flex-wrap:nowrap;width:100%}.users-page .users-table{border-radius:0;margin:0 -16px;width:calc(100% + 32px)}.users-page .modal .modal-content{margin:16px;padding:16px}.users-page .modal .modal-content.user-info-modal .status-controls .ban-control,.users-page .modal .modal-content.user-info-modal .status-controls .warnings-control,.users-page .modal .modal-content.user-info-modal .trips-info{flex-direction:column;gap:12px;text-align:center}.users-page .modal .modal-content.user-info-modal .trips-info .view-trips-btn{width:100%}}.trips-page{-ms-overflow-style:none;background-color:#fff;background-color:var(--bg-color);margin-right:300px;max-width:100%;min-height:100vh;overflow-x:auto;padding:24px;scrollbar-width:none}.trips-page::-webkit-scrollbar{display:none}@media screen and (max-width:992px){.trips-page{margin-right:0}}.trips-page .filters{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.trips-page .filters .inputs-container{display:flex;flex:1 1;gap:16px;justify-content:flex-start}.trips-page .filters .inputs-container .month-filter,.trips-page .filters .inputs-container .phone-filter{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);flex:1 1;height:40px;max-width:260px;padding:0 16px}.trips-page .filters .inputs-container .month-filter:focus,.trips-page .filters .inputs-container .phone-filter:focus{border-color:#215abd;border-color:var(--primary-color)}.trips-page .filters .search-btn{align-items:center;background-color:#215abd;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:8px;height:40px;padding:0 16px;white-space:nowrap}.trips-page .filters .search-btn .search-icon{font-size:18px}.trips-page .filters .search-btn:hover{opacity:.9}.trips-page .stats{display:flex;justify-content:space-between;margin-bottom:24px}.trips-page .stats .stat-box{align-items:center;background-color:var(--card-bg);border-radius:8px;box-shadow:var(--card-shadow);display:flex;gap:16px;padding:16px}.trips-page .stats .stat-box.right{margin-right:0}.trips-page .stats .stat-box.left{margin-left:0}.trips-page .stats .stat-box .label{color:#344054;color:var(--normal-text-color);font-size:16px}.trips-page .stats .stat-box .value{color:#215abd;color:var(--primary-color);font-weight:700}.trips-page .table-container{background-color:var(--card-bg);border-radius:8px;box-shadow:var(--card-shadow);overflow-x:auto;width:100%}.trips-page .table-container table{border-collapse:collapse;min-width:100%;width:100%}.trips-page .table-container table td,.trips-page .table-container table th{border-bottom:1px solid var(--border-color);padding:16px;text-align:right;white-space:nowrap}.trips-page .table-container table td:first-child,.trips-page .table-container table th:first-child{padding-right:24px}.trips-page .table-container table td:last-child,.trips-page .table-container table th:last-child{padding-left:24px}.trips-page .table-container table th{font-weight:600}.trips-page .table-container table td,.trips-page .table-container table th{color:#344054;color:var(--normal-text-color)}.trips-page .table-container table .status{border-radius:4px;display:inline-block;font-weight:500;min-width:80px;padding:8px 12px;text-align:center}.trips-page .table-container table .status.pending{background-color:#fef3c7;background-color:var(--warning-bg);color:#d97706;color:var(--warning-color)}.trips-page .table-container table .status.completed{background-color:#d1fae5;background-color:var(--success-bg);color:#059669;color:var(--success-color)}.trips-page .table-container table .status.cancelled{background-color:#dbeafe;background-color:var(--info-bg);color:#2563eb;color:var(--info-color)}.trips-page .table-container table .status.faild{background-color:#fee2e2;background-color:var(--danger-bg);color:#dc2626;color:var(--danger-color)}.trips-page .table-container table .view-trip-btn{align-items:center;background-color:#215abd;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:8px;height:30px;padding:0 16px;white-space:nowrap}.trips-page .table-container table .view-trip-btn .search-icon{font-size:18px}.trips-page .table-container table .view-trip-btn:hover{opacity:.9}.trips-page .modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.trips-page .modal-overlay .trip-modal{-ms-overflow-style:none;background-color:#fff;background-color:var(--bg-color);border-radius:8px;max-height:90vh;max-width:800px;overflow-y:auto;padding:24px;position:relative;scrollbar-width:none;width:90%}.trips-page .modal-overlay .trip-modal::-webkit-scrollbar{display:none}.trips-page .modal-overlay .trip-modal h2{color:#344054;color:var(--normal-text-color);font-size:1.5rem;font-weight:700;margin-bottom:24px;text-align:center}.trips-page .modal-overlay .trip-modal .map-container{border:1px solid var(--border-color);border-radius:8px;margin-bottom:24px;overflow:hidden}.trips-page .modal-overlay .trip-modal .map-container .leaflet-container{background-color:var(--card-bg)}.trips-page .modal-overlay .trip-modal .map-container .leaflet-popup-content-wrapper{background-color:var(--card-bg);color:#344054;color:var(--normal-text-color)}.trips-page .modal-overlay .trip-modal .map-container .leaflet-popup-tip{background-color:var(--card-bg)}.trips-page .modal-overlay .trip-modal .trip-details{background-color:var(--card-bg);border-radius:4px;margin-bottom:16px;padding:16px}.trips-page .modal-overlay .trip-modal .trip-details .detail-row{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.trips-page .modal-overlay .trip-modal .trip-details .detail-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.trips-page .modal-overlay .trip-modal .trip-details .detail-row .label{color:#344054;color:var(--normal-text-color);font-weight:500}.trips-page .modal-overlay .trip-modal .trip-details .detail-row .value{color:#344054;color:var(--normal-text-color);font-weight:600}.trips-page .modal-overlay .trip-modal .close-btn{background-color:#dc2626;background-color:var(--danger-color);border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:16px;padding:12px 16px;transition:all .3s ease;width:100%}.trips-page .modal-overlay .trip-modal .close-btn:hover{box-shadow:0 2px 4px #0003;filter:brightness(1.1);transform:translateY(-1px)}.trips-page .modal-overlay .trip-modal .close-btn:active{box-shadow:none;transform:translateY(0)}.trips-page .loading{color:var(--secondary-text-color);padding:24px;text-align:center}.trips-page .error{background-color:#fee2e2;background-color:var(--danger-bg);border-radius:4px;color:#dc2626;color:var(--danger-color);margin-top:16px;padding:16px;text-align:center}@media screen and (max-width:768px){.trips-page{padding:16px}.trips-page .filters{flex-direction:column;gap:12px}.trips-page .filters .inputs-container{flex-direction:column;width:100%}.trips-page .filters .search-btn{justify-content:center;width:100%}.trips-page .stats{flex-direction:column}.trips-page .modal-overlay .trip-modal{padding:16px;width:95%}.trips-page .modal-overlay .trip-modal .map-container{margin-bottom:16px}}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1040}.modal-overlay .modal-content{animation:slideIn .3s ease-out;background-color:#fff;background-color:var(--side-bar-color);border-radius:12px;max-width:500px;padding:32px;position:relative;width:90%}.modal-overlay .modal-content h2{margin-bottom:24px;text-align:center}.modal-overlay .modal-content form .input-group{margin-bottom:24px}.modal-overlay .modal-content form .input-group label{color:#344054;color:var(--normal-text-color);display:block;font-size:16px;margin-bottom:8px}.modal-overlay .modal-content form .input-group input{background-color:#fff;background-color:var(--bg-color);border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);font-size:16px;height:48px;padding:0 16px;transition:all .15s ease-in-out;width:100%}.modal-overlay .modal-content form .input-group input:focus{border-color:#215abd;border-color:var(--primary-color);box-shadow:0 0 0 3px #d9e2ff;box-shadow:0 0 0 3px var(--secondary-color)}.modal-overlay .modal-content form .input-group input::placeholder{color:#667085;color:var(--light-text-color)}.modal-overlay .modal-content form .modal-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px}.modal-overlay .modal-content form .modal-actions button{border-radius:8px;font-size:16px;font-weight:500;padding:12px 24px;transition:all .15s ease-in-out}.modal-overlay .modal-content form .modal-actions button.cancel-btn{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);color:#344054;color:var(--normal-text-color)}.modal-overlay .modal-content form .modal-actions button.cancel-btn:hover:not(:disabled){background-color:#d0d5dd;background-color:var(--borders-color)}.modal-overlay .modal-content form .modal-actions button.submit-btn{align-items:center;background-color:#215abd;background-color:var(--primary-color);color:#fff;display:flex;gap:12px}.modal-overlay .modal-content form .modal-actions button.submit-btn:hover:not(:disabled){box-shadow:"0 4px 6px rgba(0, 0, 0, 0.1)";transform:translateY(-1px)}.modal-overlay .modal-content form .modal-actions button.submit-btn .loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.modal-overlay .modal-content form .modal-actions button:disabled{cursor:not-allowed;opacity:.7}@media(max-width:640px){.modal-overlay .modal-content{padding:24px;width:95%}.modal-overlay .modal-content h2{font-size:18px}.modal-overlay .modal-content form .input-group input{height:44px}.modal-overlay .modal-content form .modal-actions button{font-size:14px;padding:8px 16px}}.vouchers{background-color:#fff;background-color:var(--bg-color);box-sizing:border-box;margin-right:320px;max-width:calc(100vw - 320px);padding:32px;transition:all .3s ease;width:calc(100% - 320px)}.vouchers .header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:32px}.vouchers .header .title h1{margin-bottom:8px}.vouchers .header .create-btn{align-items:center;background-color:#215abd;background-color:var(--primary-color);border-radius:8px;color:#fff;display:flex;flex-direction:row;gap:12px;justify-content:center;padding:12px 24px;transition:.15s ease-in-out}.vouchers .header .create-btn svg{font-size:16px}.vouchers .header .create-btn:hover{box-shadow:"0 4px 6px rgba(0, 0, 0, 0.1)";transform:translateY(-1px)}.vouchers .cards-container{width:100%}.vouchers .voucher-types{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.vouchers .voucher-types .voucher-card{background-color:#fff;background-color:var(--side-bar-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:12px;box-shadow:"0 4px 6px rgba(0, 0, 0, 0.1)";cursor:pointer;padding:24px;position:relative;transition:.25s ease-in-out}.vouchers .voucher-types .voucher-card:hover{box-shadow:"0 10px 15px rgba(0, 0, 0, 0.1)";transform:translateY(-2px)}.vouchers .voucher-types .voucher-card .delete-btn{align-items:center;background-color:#fee2e2;background-color:var(--danger-bg);border-radius:8px;color:#dc2626;color:var(--danger-color);display:flex;flex-direction:row;height:32px;justify-content:center;opacity:0;position:absolute;right:16px;top:16px;transform:translateY(-5px);transition:.15s ease-in-out;width:32px;z-index:1}.vouchers .voucher-types .voucher-card .delete-btn svg{font-size:16px}.vouchers .voucher-types .voucher-card .delete-btn .loading-spinner{animation:spin .8s linear infinite;border:2px solid #dc26264d;border-radius:50%;border-top:2px solid var(--danger-color);height:16px;width:16px}.vouchers .voucher-types .voucher-card .delete-btn:hover{background-color:#dc2626;background-color:var(--danger-color);color:#fff}.vouchers .voucher-types .voucher-card:hover .delete-btn{opacity:1;transform:translateY(0)}.vouchers .voucher-types .voucher-card .value{margin-bottom:24px;text-align:center}.vouchers .voucher-types .voucher-card .value h2{color:#000;color:var(--dark-text-color);font-size:32px;font-weight:700}.vouchers .voucher-types .voucher-card .value h2 span{color:#215abd;color:var(--primary-color);margin-left:8px}.vouchers .voucher-types .voucher-card .available-count{text-align:center}.vouchers .voucher-types .voucher-card .available-count p{color:#667085;color:var(--light-text-color);font-size:14px;margin-bottom:8px}.vouchers .voucher-types .voucher-card .available-count .count{color:#344054;color:var(--normal-text-color);font-size:18px;font-weight:600}@media screen and (max-width:1200px){.vouchers{margin-right:300px;max-width:calc(100vw - 300px);width:calc(100% - 300px)}}@media screen and (max-width:992px){.vouchers{margin-right:0;max-width:100vw;padding:24px;width:100%}.vouchers .header{align-items:flex-start;flex-direction:column;gap:16px}.vouchers .header .create-btn{justify-content:center;width:100%}.vouchers .voucher-types{grid-template-columns:1fr}.vouchers .voucher-types .voucher-card .delete-btn{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.vouchers{padding:16px}}@media screen and (max-width:480px){.vouchers{padding:12px}}.voucher-versions{background-color:#fff;background-color:var(--bg-color);margin-right:320px;min-height:100vh;padding:32px}.voucher-versions .header{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:space-between;margin-bottom:32px}.voucher-versions .header .back-btn{align-items:center;background-color:#d0d5dd;background-color:var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);display:flex;flex-direction:row;gap:12px;justify-content:center;padding:12px 24px;transition:all .2s ease}.voucher-versions .header .back-btn:hover{background-color:#344054;background-color:var(--normal-text-color);color:#fff;color:var(--bg-color)}.voucher-versions .header .back-btn svg{font-size:14px}.voucher-versions .header .title{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.voucher-versions .header .title h1{color:#000;color:var(--dark-text-color);margin-bottom:8px}.voucher-versions .header .title p{color:#667085;color:var(--light-text-color)}.voucher-versions .header .create-btn{align-items:center;background-color:#215abd;background-color:var(--primary-color);border-radius:8px;color:#fff;display:flex;flex-direction:row;gap:12px;justify-content:center;padding:12px 24px;transition:all .2s ease}.voucher-versions .header .create-btn:hover{box-shadow:"0 4px 6px rgba(0, 0, 0, 0.1)";transform:translateY(-2px)}.voucher-versions .header .create-btn svg{font-size:18px}.voucher-versions .versions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.voucher-versions .versions-grid .version-card{background-color:#fff;background-color:var(--side-bar-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:12px;overflow:hidden;padding:24px;position:relative;transition:all .2s ease}.voucher-versions .versions-grid .version-card:before{background:linear-gradient(90deg,#215abd,#d9e2ff);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;top:0;width:100%}.voucher-versions .versions-grid .version-card:hover{box-shadow:"0 10px 15px rgba(0, 0, 0, 0.1)";transform:translateY(-4px)}.voucher-versions .versions-grid .version-card .version-info{margin-bottom:24px}.voucher-versions .versions-grid .version-card .version-info h3{color:#000;color:var(--dark-text-color);font-size:18px;margin-bottom:12px}.voucher-versions .versions-grid .version-card .version-info p{color:#344054;color:var(--normal-text-color);font-size:16px;margin-bottom:8px}.voucher-versions .versions-grid .version-card .version-info .voucher-count{color:#215abd;color:var(--primary-color);font-size:14px;font-weight:600}.voucher-versions .versions-grid .version-card .actions{align-items:center;display:flex;flex-direction:row;justify-content:flex-end}.voucher-versions .versions-grid .version-card .actions .show-btn{align-items:center;background-color:#215abd;background-color:var(--primary-color);border-radius:8px;color:#fff;display:flex;flex-direction:row;gap:12px;justify-content:center;padding:12px 24px;transition:all .2s ease}.voucher-versions .versions-grid .version-card .actions .show-btn:hover{box-shadow:"0 4px 6px rgba(0, 0, 0, 0.1)";transform:translateY(-2px)}.voucher-versions .versions-grid .version-card .actions .show-btn svg{font-size:14px}.voucher-versions .modal{align-items:center;background-color:#00000080;display:flex;flex-direction:row;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:1040}.voucher-versions .modal.show{opacity:1;visibility:visible}.voucher-versions .modal.show .modal-content{opacity:1;transform:translateY(0)}.voucher-versions .modal .modal-content{background-color:#fff;background-color:var(--side-bar-color);border-radius:12px;max-height:90vh;max-width:800px;opacity:0;overflow-y:auto;padding:32px;scrollbar-width:thin;transform:translateY(-20px);transition:all .3s ease;width:100%}.voucher-versions .modal .modal-content::-webkit-scrollbar{width:6px}.voucher-versions .modal .modal-content::-webkit-scrollbar-track{background:#fff;background:var(--bg-color)}.voucher-versions .modal .modal-content::-webkit-scrollbar-thumb{background-color:#d0d5dd;background-color:var(--borders-color);border-radius:9999px}.voucher-versions .modal .modal-content h2{color:#000;color:var(--dark-text-color);margin-bottom:24px;text-align:center}.voucher-versions .modal .modal-content .search-box{margin-bottom:24px}.voucher-versions .modal .modal-content .search-box input{background-color:#fff;background-color:var(--bg-color);border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);font-size:16px;height:44px;padding:0 16px;transition:all .2s ease;width:100%}.voucher-versions .modal .modal-content .search-box input::placeholder{color:#667085;color:var(--light-text-color)}.voucher-versions .modal .modal-content .search-box input:focus{border-color:#215abd;border-color:var(--primary-color);box-shadow:0 0 0 3px #d9e2ff;box-shadow:0 0 0 3px var(--secondary-color)}.voucher-versions .modal .modal-content .input-group{margin-bottom:24px}.voucher-versions .modal .modal-content .input-group label{color:#344054;color:var(--normal-text-color);display:block;margin-bottom:8px}.voucher-versions .modal .modal-content .input-group input{background-color:#fff;background-color:var(--bg-color);border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);height:44px;padding:0 16px;transition:all .2s ease;width:100%}.voucher-versions .modal .modal-content .input-group input:focus{border-color:#215abd;border-color:var(--primary-color);box-shadow:0 0 0 3px #d9e2ff;box-shadow:0 0 0 3px var(--secondary-color)}.voucher-versions .modal .modal-content .buttons{align-items:center;border-top:1px solid #d0d5dd;border-top:1px solid var(--borders-color);display:flex;flex-direction:row;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.voucher-versions .modal .modal-content .buttons .cancel{font-weight:500;padding:12px 32px;transition:all .2s ease}.voucher-versions .modal .modal-content .buttons .cancel:hover{background-color:#d0d5dd;background-color:var(--borders-color);color:#000;color:var(--dark-text-color)}.voucher-versions .modal .modal-content .buttons button{border-radius:8px;padding:12px 24px;transition:all .2s ease}.voucher-versions .modal .modal-content .buttons button.cancel{background-color:#0000;border:1px solid #d0d5dd;border:1px solid var(--borders-color);color:#344054;color:var(--normal-text-color)}.voucher-versions .modal .modal-content .buttons button.cancel:hover{background-color:#d0d5dd;background-color:var(--borders-color)}.voucher-versions .modal .modal-content .buttons button.create{background-color:#215abd;background-color:var(--primary-color);color:#fff}.voucher-versions .modal .modal-content .buttons button.create:hover{box-shadow:"0 4px 6px rgba(0, 0, 0, 0.1)";transform:translateY(-2px)}.voucher-versions .error,.voucher-versions .loading{align-items:center;color:#344054;color:var(--normal-text-color);display:flex;flex-direction:row;font-size:18px;justify-content:center;min-height:400px}.voucher-versions .error{color:#dc2626;color:var(--danger-color)}.voucher-versions .table-container{margin:24px -32px;overflow-x:auto}.voucher-versions .table-container::-webkit-scrollbar{height:6px}.voucher-versions .table-container::-webkit-scrollbar-track{background:#fff;background:var(--bg-color)}.voucher-versions .table-container::-webkit-scrollbar-thumb{background-color:#d0d5dd;background-color:var(--borders-color);border-radius:9999px}.voucher-versions .table-container .vouchers-table{border-collapse:collapse;min-width:600px;width:100%}.voucher-versions .table-container .vouchers-table td,.voucher-versions .table-container .vouchers-table th{border-bottom:1px solid #d0d5dd;border-bottom:1px solid var(--borders-color);padding:16px;text-align:right;white-space:nowrap}.voucher-versions .table-container .vouchers-table tbody tr{transition:background-color .2s ease}.voucher-versions .table-container .vouchers-table tbody tr:hover,.voucher-versions th{background-color:#fff;background-color:var(--bg-color)}.voucher-versions th{color:#000;color:var(--dark-text-color);font-weight:600}.voucher-versions td{color:#344054;color:var(--normal-text-color)}.voucher-versions .status-indicator{border-radius:50%;display:inline-block;height:10px;margin-left:8px;width:10px}.voucher-versions .status-indicator.used{background-color:#dc2626;background-color:var(--danger-color)}.voucher-versions .status-indicator.available{background-color:#059669;background-color:var(--success-color)}.voucher-versions .table-actions{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-end;margin-top:16px}.voucher-versions .table-actions .download-btn{align-items:center;background-color:#215abd;background-color:var(--primary-color);border-radius:8px;color:#fff;display:flex;flex-direction:row;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.voucher-versions .table-actions .download-btn:hover{box-shadow:"0 4px 6px rgba(0, 0, 0, 0.1)";transform:translateY(-2px)}.voucher-versions .table-actions .download-btn svg{font-size:14px}@media screen and (max-width:992px){.voucher-versions{margin-right:300px;padding:24px}}@media screen and (max-width:768px){.voucher-versions{margin-right:0;padding:16px}.voucher-versions .header{flex-direction:column;gap:16px}.voucher-versions .header .title{order:-1}.voucher-versions .versions-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media screen and (max-width:480px){.voucher-versions{margin-right:0;padding:12px}.voucher-versions .versions-grid{grid-template-columns:1fr}.voucher-versions .create-modal .modal-content{margin:8px;padding:16px}}.subscriptions{background-color:#fff;background-color:var(--bg-color);box-sizing:border-box;margin-right:320px;max-width:calc(100vw - 320px);padding:32px;transition:all .3s ease;width:calc(100% - 320px)}.subscriptions .header{margin-bottom:32px}.subscriptions .header .title h1{margin-bottom:8px}.subscriptions .stats-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.subscriptions .stats-cards .stat-card{background-color:#fff;background-color:var(--side-bar-color);border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:12px;padding:24px;transition:.15s ease-in-out}.subscriptions .stats-cards .stat-card h3{color:#667085;color:var(--light-text-color);font-size:16px;margin-bottom:16px}.subscriptions .stats-cards .stat-card .stat-value{color:#000;color:var(--dark-text-color);font-size:32px;font-weight:700}.subscriptions .stats-cards .stat-card.active{border-color:#059669;border-color:var(--success-color)}.subscriptions .stats-cards .stat-card.active .stat-value{color:#059669;color:var(--success-color)}.subscriptions .stats-cards .stat-card.expired{border-color:#d97706;border-color:var(--warning-color)}.subscriptions .stats-cards .stat-card.expired .stat-value{color:#d97706;color:var(--warning-color)}.subscriptions .stats-cards .stat-card.cancelled{border-color:#dc2626;border-color:var(--danger-color)}.subscriptions .stats-cards .stat-card.cancelled .stat-value{color:#dc2626;color:var(--danger-color)}.subscriptions .stats-cards .stat-card:hover{box-shadow:"0 4px 6px rgba(0, 0, 0, 0.1)";transform:translateY(-2px)}.subscriptions .filters-section{align-items:center;display:flex;flex-direction:row;gap:24px;justify-content:space-between;margin-bottom:32px}.subscriptions .filters-section .search-form{align-items:center;display:flex;flex:1 1;flex-direction:row;justify-content:flex-start;max-width:400px;position:relative}.subscriptions .filters-section .search-form input{background-color:#fff;background-color:var(--side-bar-color);border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);flex:1 1;font-size:16px;height:44px;padding:0 16px 0 50px;transition:.15s ease-in-out}.subscriptions .filters-section .search-form input:focus{border-color:#215abd;border-color:var(--primary-color);box-shadow:0 0 0 3px #d9e2ff;box-shadow:0 0 0 3px var(--secondary-color)}.subscriptions .filters-section .search-form input::placeholder{color:#667085;color:var(--light-text-color)}.subscriptions .filters-section .search-form button{align-items:center;background-color:#0000;border:none;color:#344054;color:var(--normal-text-color);display:flex;flex-direction:row;height:44px;justify-content:center;left:0;position:absolute;transition:.15s ease-in-out;width:44px}.subscriptions .filters-section .search-form button:hover{color:#215abd;color:var(--primary-color)}.subscriptions .filters-section .status-filters{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-end}.subscriptions .filters-section .status-filters .filter-btn{background-color:#fff;background-color:var(--side-bar-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);font-size:16px;padding:12px 16px;transition:.15s ease-in-out}.subscriptions .filters-section .status-filters .filter-btn:hover{border-color:#215abd;border-color:var(--primary-color);color:#215abd;color:var(--primary-color)}.subscriptions .filters-section .status-filters .filter-btn.active{background-color:#215abd;background-color:var(--primary-color);border-color:#215abd;border-color:var(--primary-color);color:#fff}.subscriptions .table-container{background-color:#fff;background-color:var(--side-bar-color);border-radius:12px;box-shadow:"0 4px 6px rgba(0, 0, 0, 0.1)";overflow-x:auto}.subscriptions .table-container .subscriptions-table{border-collapse:collapse;width:100%}.subscriptions .table-container .subscriptions-table thead{background-color:#fff;background-color:var(--bg-color)}.subscriptions .table-container .subscriptions-table thead tr th{border-bottom:2px solid #d0d5dd;border-bottom:2px solid var(--borders-color);color:#000;color:var(--dark-text-color);font-size:16px;font-weight:600;padding:16px 24px;text-align:right;white-space:nowrap}.subscriptions .table-container .subscriptions-table tbody tr{border-bottom:1px solid #d0d5dd;border-bottom:1px solid var(--borders-color);transition:.15s ease-in-out}.subscriptions .table-container .subscriptions-table tbody tr:hover{background-color:#fff;background-color:var(--bg-color)}.subscriptions .table-container .subscriptions-table tbody tr:last-child{border-bottom:none}.subscriptions .table-container .subscriptions-table tbody tr td{color:#344054;color:var(--normal-text-color);font-size:16px;padding:16px 24px}.subscriptions .table-container .subscriptions-table tbody tr td .price{color:#215abd;color:var(--primary-color);font-weight:600}.subscriptions .table-container .subscriptions-table tbody tr td .remaining-days{color:#2563eb;color:var(--info-color);font-weight:500}.subscriptions .table-container .subscriptions-table tbody tr td .status-badge{border-radius:9999px;display:inline-block;font-size:14px;font-weight:500;padding:8px 12px}.subscriptions .table-container .subscriptions-table tbody tr td .status-badge.active{background-color:#d1fae5;background-color:var(--success-bg);color:#059669;color:var(--success-color)}.subscriptions .table-container .subscriptions-table tbody tr td .status-badge.expired{background-color:#fef3c7;background-color:var(--warning-bg);color:#d97706;color:var(--warning-color)}.subscriptions .table-container .subscriptions-table tbody tr td .status-badge.cancelled{background-color:#fee2e2;background-color:var(--danger-bg);color:#dc2626;color:var(--danger-color)}.subscriptions .table-container .subscriptions-table tbody tr td .actions{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-start}.subscriptions .table-container .subscriptions-table tbody tr td .actions button{align-items:center;border-radius:8px;display:flex;flex-direction:row;font-size:14px;justify-content:center;padding:8px 12px;transition:.15s ease-in-out}.subscriptions .table-container .subscriptions-table tbody tr td .actions button.cancel-btn{background-color:#fef3c7;background-color:var(--warning-bg);color:#d97706;color:var(--warning-color)}.subscriptions .table-container .subscriptions-table tbody tr td .actions button.cancel-btn:hover{background-color:#d97706;background-color:var(--warning-color);color:#fff}.subscriptions .table-container .subscriptions-table tbody tr td .actions button.delete-btn{background-color:#fee2e2;background-color:var(--danger-bg);color:#dc2626;color:var(--danger-color)}.subscriptions .table-container .subscriptions-table tbody tr td .actions button.delete-btn .loading-spinner{animation:spin .8s linear infinite;border:2px solid #dc26264d;border-radius:50%;border-top:2px solid var(--danger-color);height:14px;width:14px}.subscriptions .table-container .subscriptions-table tbody tr td .actions button.delete-btn:hover:not(:disabled){background-color:#dc2626;background-color:var(--danger-color);color:#fff}.subscriptions .table-container .subscriptions-table tbody tr td .actions button.delete-btn:disabled{cursor:not-allowed;opacity:.7}.subscriptions .pagination{align-items:center;display:flex;flex-direction:row;gap:24px;justify-content:center;margin-top:32px;padding:24px}.subscriptions .pagination button{background-color:#215abd;background-color:var(--primary-color);border-radius:8px;color:#fff;padding:12px 24px;transition:.15s ease-in-out}.subscriptions .pagination button:hover:not(:disabled){box-shadow:"0 4px 6px rgba(0, 0, 0, 0.1)";transform:translateY(-1px)}.subscriptions .pagination button:disabled{cursor:not-allowed;opacity:.5}.subscriptions .pagination span{color:#344054;color:var(--normal-text-color);font-size:16px}@media screen and (max-width:1200px){.subscriptions{margin-right:300px;max-width:calc(100vw - 300px);width:calc(100% - 300px)}}@media screen and (max-width:992px){.subscriptions{margin-right:0;max-width:100vw;padding:24px;width:100%}.subscriptions .filters-section{align-items:stretch;flex-direction:column}.subscriptions .filters-section .search-form{max-width:100%}.subscriptions .filters-section .status-filters{justify-content:flex-start;overflow-x:auto;padding-bottom:12px}.subscriptions .filters-section .status-filters::-webkit-scrollbar{height:4px}.subscriptions .filters-section .status-filters::-webkit-scrollbar-thumb{background-color:#d0d5dd;background-color:var(--borders-color);border-radius:9999px}.subscriptions .stats-cards{grid-template-columns:repeat(2,1fr)}.subscriptions .table-container{overflow-x:auto}}@media screen and (max-width:768px){.subscriptions{padding:16px}.subscriptions .stats-cards{grid-template-columns:1fr}.subscriptions .subscriptions-table{font-size:14px}.subscriptions .subscriptions-table tbody tr td,.subscriptions .subscriptions-table thead tr th{padding:12px 16px}}@media screen and (max-width:480px){.subscriptions{padding:12px}}.profits{background-color:#fff;background-color:var(--bg-color);box-sizing:border-box;margin-right:320px;max-width:calc(100vw - 320px);padding:32px;transition:all .3s ease;width:calc(100% - 320px)}.profits .header{margin-bottom:32px}.profits .header .title h1{margin-bottom:8px}.profits .filters-section{align-items:flex-end;background-color:#fff;background-color:var(--side-bar-color);border-radius:12px;box-shadow:"0 4px 6px rgba(0, 0, 0, 0.1)";display:flex;flex-direction:row;gap:24px;justify-content:flex-start;margin-bottom:32px;padding:24px}.profits .filters-section .filter-group{align-items:stretch;display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:flex-start;min-width:150px}.profits .filters-section .filter-group label{color:#344054;color:var(--normal-text-color);font-size:16px;font-weight:500}.profits .filters-section .filter-group input[type=date],.profits .filters-section .filter-group select{background-color:#fff;background-color:var(--bg-color);border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);font-size:16px;height:44px;padding:0 16px;transition:.15s ease-in-out}.profits .filters-section .filter-group input[type=date]:focus,.profits .filters-section .filter-group select:focus{border-color:#215abd;border-color:var(--primary-color);box-shadow:0 0 0 3px #d9e2ff;box-shadow:0 0 0 3px var(--secondary-color);outline:none}.profits .filters-section .search-btn{align-items:center;background-color:#215abd;background-color:var(--primary-color);border-radius:8px;color:#fff;display:flex;flex-direction:row;gap:12px;height:44px;justify-content:center;padding:0 32px;transition:.15s ease-in-out;white-space:nowrap}.profits .filters-section .search-btn:hover{box-shadow:"0 4px 6px rgba(0, 0, 0, 0.1)";transform:translateY(-1px)}.profits .stats-overview{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.profits .stats-overview .stat-card{background-color:#fff;background-color:var(--side-bar-color);border-radius:12px;box-shadow:"0 4px 6px rgba(0, 0, 0, 0.1)";padding:24px;transition:.15s ease-in-out}.profits .stats-overview .stat-card h3{color:#667085;color:var(--light-text-color);font-size:16px;margin-bottom:16px}.profits .stats-overview .stat-card .stat-value{align-items:center;color:#000;color:var(--dark-text-color);display:flex;flex-direction:row;font-size:32px;font-weight:700;gap:12px;justify-content:flex-start;margin-bottom:12px}.profits .stats-overview .stat-card .stat-value svg{font-size:18px}.profits .stats-overview .stat-card .stat-count,.profits .stats-overview .stat-card .stat-label{color:#667085;color:var(--light-text-color);font-size:14px}.profits .stats-overview .stat-card.total{border-right:4px solid #215abd;border-right:4px solid var(--primary-color)}.profits .stats-overview .stat-card.change.positive{border-right:4px solid #059669;border-right:4px solid var(--success-color)}.profits .stats-overview .stat-card.change.positive .stat-value{color:#059669;color:var(--success-color)}.profits .stats-overview .stat-card.change.negative{border-right:4px solid #dc2626;border-right:4px solid var(--danger-color)}.profits .stats-overview .stat-card.change.negative .stat-value{color:#dc2626;color:var(--danger-color)}.profits .stats-overview .stat-card.average{border-right:4px solid #2563eb;border-right:4px solid var(--info-color)}.profits .stats-overview .stat-card:hover{box-shadow:"0 10px 15px rgba(0, 0, 0, 0.1)";transform:translateY(-2px)}.profits .charts-section{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr}.profits .charts-section .chart-container{background-color:#fff;background-color:var(--side-bar-color);border-radius:12px;box-shadow:"0 4px 6px rgba(0, 0, 0, 0.1)";padding:32px}.profits .charts-section .chart-container h2{color:#000;color:var(--dark-text-color);font-size:24px;font-weight:600;margin-bottom:32px}.profits .charts-section .chart-container .recharts-wrapper{direction:ltr}.profits .charts-section .chart-container .recharts-cartesian-axis-tick-value{fill:#344054;fill:var(--normal-text-color)}.profits .charts-section .chart-container .recharts-legend-item-text{color:#344054!important;color:var(--normal-text-color)!important}@media screen and (max-width:1200px){.profits{margin-right:300px;max-width:calc(100vw - 300px);width:calc(100% - 300px)}}@media screen and (max-width:992px){.profits{margin-right:0;max-width:100vw;padding:24px;width:100%}.profits .filters-section{align-items:stretch;flex-direction:column}.profits .filters-section .filter-group{width:100%}.profits .filters-section .search-btn{justify-content:center;width:100%}.profits .stats-overview{grid-template-columns:1fr}}@media screen and (max-width:768px){.profits{padding:16px}.profits .chart-container{padding:24px}.profits .chart-container h2{font-size:18px}}@media screen and (max-width:480px){.profits{padding:12px}.profits .chart-container{padding:16px}}.coupons{background-color:#fff;background-color:var(--bg-color);box-sizing:border-box;margin-right:320px;max-width:calc(100vw - 320px);padding:32px;transition:all .3s ease;width:calc(100% - 320px)}.coupons .header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:32px}.coupons .header .title h1{margin-bottom:8px}.coupons .header .create-btn{align-items:center;background-color:#215abd;background-color:var(--primary-color);border-radius:8px;color:#fff;display:flex;flex-direction:row;gap:12px;justify-content:center;padding:12px 24px;transition:.15s ease-in-out}.coupons .header .create-btn svg{font-size:16px}.coupons .header .create-btn:hover{box-shadow:"0 4px 6px rgba(0, 0, 0, 0.1)";transform:translateY(-1px)}.coupons .stats-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:32px}.coupons .stats-cards .stat-card{background-color:#fff;background-color:var(--side-bar-color);border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:12px;padding:24px;transition:.15s ease-in-out}.coupons .stats-cards .stat-card h3{color:#667085;color:var(--light-text-color);font-size:14px;margin-bottom:16px}.coupons .stats-cards .stat-card .stat-value{color:#000;color:var(--dark-text-color);font-size:24px;font-weight:700}.coupons .stats-cards .stat-card.active{border-color:#059669;border-color:var(--success-color)}.coupons .stats-cards .stat-card.active .stat-value{color:#059669;color:var(--success-color)}.coupons .stats-cards .stat-card.paused{border-color:#d97706;border-color:var(--warning-color)}.coupons .stats-cards .stat-card.paused .stat-value{color:#d97706;color:var(--warning-color)}.coupons .stats-cards .stat-card.expired{border-color:#dc2626;border-color:var(--danger-color)}.coupons .stats-cards .stat-card.expired .stat-value{color:#dc2626;color:var(--danger-color)}.coupons .stats-cards .stat-card.savings{border-color:#215abd;border-color:var(--primary-color)}.coupons .stats-cards .stat-card.savings .stat-value{color:#215abd;color:var(--primary-color)}.coupons .stats-cards .stat-card:hover{box-shadow:"0 4px 6px rgba(0, 0, 0, 0.1)";transform:translateY(-2px)}.coupons .filters-section{align-items:center;background-color:#fff;background-color:var(--side-bar-color);border-radius:12px;display:flex;flex-direction:row;gap:24px;justify-content:space-between;margin-bottom:32px;padding:24px}.coupons .filters-section .sort-group{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:flex-start}.coupons .filters-section .sort-group label{color:#344054;color:var(--normal-text-color);font-size:16px;font-weight:500}.coupons .filters-section .sort-group .sort-buttons{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-start}.coupons .filters-section .sort-group .sort-buttons .sort-btn{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);font-size:14px;padding:8px 16px;transition:.15s ease-in-out}.coupons .filters-section .sort-group .sort-buttons .sort-btn:hover{border-color:#215abd;border-color:var(--primary-color);color:#215abd;color:var(--primary-color)}.coupons .filters-section .sort-group .sort-buttons .sort-btn.active{background-color:#215abd;background-color:var(--primary-color);border-color:#215abd;border-color:var(--primary-color);color:#fff}.coupons .filters-section .state-filters{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-end}.coupons .filters-section .state-filters .filter-btn{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);font-size:16px;padding:12px 16px;transition:.15s ease-in-out}.coupons .filters-section .state-filters .filter-btn:hover{border-color:#215abd;border-color:var(--primary-color);color:#215abd;color:var(--primary-color)}.coupons .filters-section .state-filters .filter-btn.active{background-color:#215abd;background-color:var(--primary-color);border-color:#215abd;border-color:var(--primary-color);color:#fff}.coupons .coupons-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.coupons .coupons-grid .coupon-card{background-color:#fff;background-color:var(--side-bar-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:12px;box-shadow:"0 4px 6px rgba(0, 0, 0, 0.1)";padding:24px;transition:.25s ease-in-out}.coupons .coupons-grid .coupon-card:hover{box-shadow:"0 10px 15px rgba(0, 0, 0, 0.1)";transform:translateY(-2px)}.coupons .coupons-grid .coupon-card .card-header{align-items:flex-start;border-bottom:2px solid #d0d5dd;border-bottom:2px solid var(--borders-color);display:flex;flex-direction:row;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.coupons .coupons-grid .coupon-card .card-header .coupon-code{align-items:flex-start;display:flex;flex-direction:column;gap:12px;justify-content:flex-start}.coupons .coupons-grid .coupon-card .card-header .coupon-code .code{background-color:#fff;background-color:var(--bg-color);border-radius:8px;color:#000;color:var(--dark-text-color);font-family:Courier New,monospace;font-size:24px;font-weight:700;padding:8px 16px}.coupons .coupons-grid .coupon-card .card-header .coupon-code .state-badge{border-radius:9999px;font-size:12px;font-weight:500;padding:8px 12px}.coupons .coupons-grid .coupon-card .card-header .coupon-code .state-badge.active{background-color:#d1fae5;background-color:var(--success-bg);color:#059669;color:var(--success-color)}.coupons .coupons-grid .coupon-card .card-header .coupon-code .state-badge.paused{background-color:#fef3c7;background-color:var(--warning-bg);color:#d97706;color:var(--warning-color)}.coupons .coupons-grid .coupon-card .card-header .coupon-code .state-badge.expired{background-color:#fee2e2;background-color:var(--danger-bg);color:#dc2626;color:var(--danger-color)}.coupons .coupons-grid .coupon-card .card-header .created-date{color:#667085;color:var(--light-text-color);font-size:14px}.coupons .coupons-grid .coupon-card .card-body{margin-bottom:24px}.coupons .coupons-grid .coupon-card .card-body .info-row{align-items:center;border-bottom:1px solid #d0d5dd;border-bottom:1px solid var(--borders-color);display:flex;flex-direction:row;justify-content:space-between;padding:12px 0}.coupons .coupons-grid .coupon-card .card-body .info-row:last-child{border-bottom:none}.coupons .coupons-grid .coupon-card .card-body .info-row .label{color:#667085;color:var(--light-text-color);font-size:14px}.coupons .coupons-grid .coupon-card .card-body .info-row .value{color:#344054;color:var(--normal-text-color);font-size:16px;font-weight:500}.coupons .coupons-grid .coupon-card .card-body .info-row .value.discount{color:#215abd;color:var(--primary-color);font-weight:700}.coupons .coupons-grid .coupon-card .card-body .info-row .value.savings{color:#059669;color:var(--success-color);font-weight:600}.coupons .coupons-grid .coupon-card .card-footer{align-items:center;border-top:1px solid #d0d5dd;border-top:1px solid var(--borders-color);display:flex;flex-direction:row;gap:12px;justify-content:space-between;padding-top:16px}.coupons .coupons-grid .coupon-card .card-footer button{align-items:center;border-radius:8px;display:flex;flex:1 1;flex-direction:row;font-size:14px;gap:8px;justify-content:center;padding:12px 16px;transition:.15s ease-in-out}.coupons .coupons-grid .coupon-card .card-footer button svg{font-size:16px}.coupons .coupons-grid .coupon-card .card-footer button.toggle-btn.active{background-color:#d1fae5;background-color:var(--success-bg);color:#059669;color:var(--success-color)}.coupons .coupons-grid .coupon-card .card-footer button.toggle-btn.active:hover:not(:disabled){background-color:#059669;background-color:var(--success-color);color:#fff}.coupons .coupons-grid .coupon-card .card-footer button.toggle-btn.paused{background-color:#fef3c7;background-color:var(--warning-bg);color:#d97706;color:var(--warning-color)}.coupons .coupons-grid .coupon-card .card-footer button.toggle-btn.paused:hover:not(:disabled){background-color:#d97706;background-color:var(--warning-color);color:#fff}.coupons .coupons-grid .coupon-card .card-footer button.toggle-btn:disabled{cursor:not-allowed;opacity:.5}.coupons .coupons-grid .coupon-card .card-footer button.delete-btn{background-color:#fee2e2;background-color:var(--danger-bg);color:#dc2626;color:var(--danger-color)}.coupons .coupons-grid .coupon-card .card-footer button.delete-btn .loading-spinner{animation:spin .8s linear infinite;border:2px solid #dc26264d;border-radius:50%;border-top:2px solid var(--danger-color);height:16px;width:16px}.coupons .coupons-grid .coupon-card .card-footer button.delete-btn:hover:not(:disabled){background-color:#dc2626;background-color:var(--danger-color);color:#fff}.coupons .coupons-grid .coupon-card .card-footer button.delete-btn:disabled{cursor:not-allowed;opacity:.7}@media screen and (max-width:1200px){.coupons{margin-right:300px;max-width:calc(100vw - 300px);width:calc(100% - 300px)}}@media screen and (max-width:992px){.coupons{margin-right:0;max-width:100vw;padding:24px;width:100%}.coupons .header{align-items:flex-start;flex-direction:column;gap:16px}.coupons .header .create-btn{justify-content:center;width:100%}.coupons .filters-section{align-items:stretch;flex-direction:column;gap:16px}.coupons .filters-section .sort-group{justify-content:space-between;width:100%}.coupons .filters-section .sort-group .sort-buttons{flex:1 1;justify-content:flex-end}.coupons .filters-section .state-filters{justify-content:flex-start;overflow-x:auto}.coupons .filters-section .state-filters::-webkit-scrollbar{height:4px}.coupons .filters-section .state-filters::-webkit-scrollbar-thumb{background-color:#d0d5dd;background-color:var(--borders-color);border-radius:9999px}.coupons .stats-cards{grid-template-columns:repeat(2,1fr)}.coupons .coupons-grid{grid-template-columns:1fr}}@media screen and (max-width:768px){.coupons{padding:16px}.coupons .stats-cards{grid-template-columns:1fr}}@media screen and (max-width:480px){.coupons{padding:12px}.coupons .coupon-card .card-footer{flex-direction:column}.coupons .coupon-card .card-footer button{width:100%}}.modal-content.coupon-modal{max-width:500px}.modal-content.coupon-modal .input-group{margin-bottom:24px}.modal-content.coupon-modal .input-group label{color:#344054;color:var(--normal-text-color);display:block;font-size:16px;font-weight:500;margin-bottom:8px}.modal-content.coupon-modal .input-group input,.modal-content.coupon-modal .input-group select{background-color:#fff;background-color:var(--bg-color);border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);font-size:16px;height:48px;padding:0 16px;transition:all .15s ease-in-out;width:100%}.modal-content.coupon-modal .input-group input:focus,.modal-content.coupon-modal .input-group select:focus{border-color:#215abd;border-color:var(--primary-color);box-shadow:0 0 0 3px #d9e2ff;box-shadow:0 0 0 3px var(--secondary-color);outline:none}.modal-content.coupon-modal .input-group input::placeholder,.modal-content.coupon-modal .input-group select::placeholder{color:#667085;color:var(--light-text-color)}.modal-content.coupon-modal .input-group .error-message{color:#dc2626;color:var(--danger-color);font-size:14px;margin-top:8px}.reports{background-color:#fff;background-color:var(--bg-color);box-sizing:border-box;margin-right:320px;max-width:calc(100vw - 320px);padding:32px;transition:all .3s ease;width:calc(100% - 320px)}.reports .header{margin-bottom:32px}.reports .header .title h1{margin-bottom:8px}.reports .stats-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:32px}.reports .stats-cards .stat-card{background-color:#fff;background-color:var(--side-bar-color);border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:12px;padding:24px;transition:.15s ease-in-out}.reports .stats-cards .stat-card h3{color:#667085;color:var(--light-text-color);font-size:14px;margin-bottom:16px}.reports .stats-cards .stat-card .stat-value{color:#000;color:var(--dark-text-color);font-size:24px;font-weight:700}.reports .stats-cards .stat-card.pending{border-color:#d97706;border-color:var(--warning-color)}.reports .stats-cards .stat-card.pending .stat-value{color:#d97706;color:var(--warning-color)}.reports .stats-cards .stat-card.closed{border-color:#059669;border-color:var(--success-color)}.reports .stats-cards .stat-card.closed .stat-value{color:#059669;color:var(--success-color)}.reports .stats-cards .stat-card.user{border-color:#2563eb;border-color:var(--info-color)}.reports .stats-cards .stat-card.user .stat-value{color:#2563eb;color:var(--info-color)}.reports .stats-cards .stat-card.driver{border-color:#215abd;border-color:var(--primary-color)}.reports .stats-cards .stat-card.driver .stat-value{color:#215abd;color:var(--primary-color)}.reports .stats-cards .stat-card:hover{box-shadow:"0 4px 6px rgba(0, 0, 0, 0.1)";transform:translateY(-2px)}.reports .filters-section{align-items:center;background-color:#fff;background-color:var(--side-bar-color);border-radius:12px;display:flex;flex-direction:row;gap:24px;justify-content:space-between;margin-bottom:32px;padding:24px}.reports .filters-section .search-form{align-items:center;display:flex;flex:1 1;flex-direction:row;justify-content:flex-start;max-width:400px;position:relative}.reports .filters-section .search-form input{background-color:#fff;background-color:var(--bg-color);border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);flex:1 1;font-size:16px;height:44px;padding:0 16px 0 50px;transition:.15s ease-in-out}.reports .filters-section .search-form input:focus{border-color:#215abd;border-color:var(--primary-color);box-shadow:0 0 0 3px #d9e2ff;box-shadow:0 0 0 3px var(--secondary-color)}.reports .filters-section .search-form input::placeholder{color:#667085;color:var(--light-text-color)}.reports .filters-section .search-form button{align-items:center;background-color:#0000;border:none;color:#344054;color:var(--normal-text-color);display:flex;flex-direction:row;height:44px;justify-content:center;left:0;position:absolute;transition:.15s ease-in-out;width:44px}.reports .filters-section .search-form button:hover{color:#215abd;color:var(--primary-color)}.reports .filters-section .filter-group{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-start}.reports .filters-section .filter-group label{color:#344054;color:var(--normal-text-color);font-size:16px;font-weight:500;white-space:nowrap}.reports .filters-section .filter-group select{background-color:#fff;background-color:var(--bg-color);border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);font-size:16px;height:44px;padding:0 16px;transition:.15s ease-in-out}.reports .filters-section .filter-group select:focus{border-color:#215abd;border-color:var(--primary-color);outline:none}.reports .reports-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.reports .reports-grid .report-card{background-color:#fff;background-color:var(--side-bar-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:12px;box-shadow:"0 4px 6px rgba(0, 0, 0, 0.1)";padding:24px;transition:.25s ease-in-out}.reports .reports-grid .report-card:hover{box-shadow:"0 10px 15px rgba(0, 0, 0, 0.1)";transform:translateY(-2px)}.reports .reports-grid .report-card .card-header{align-items:center;border-bottom:2px solid #d0d5dd;border-bottom:2px solid var(--borders-color);display:flex;flex-direction:row;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.reports .reports-grid .report-card .card-header .reporter-badge{align-items:center;background-color:#fff;background-color:var(--bg-color);border-radius:8px;color:#344054;color:var(--normal-text-color);display:flex;flex-direction:row;font-weight:500;gap:12px;justify-content:flex-start;padding:8px 16px}.reports .reports-grid .report-card .card-header .reporter-badge svg{font-size:16px}.reports .reports-grid .report-card .card-header .state-badge{border-radius:9999px;font-size:14px;font-weight:500;padding:8px 12px}.reports .reports-grid .report-card .card-header .state-badge.pending{background-color:#fef3c7;background-color:var(--warning-bg);color:#d97706;color:var(--warning-color)}.reports .reports-grid .report-card .card-header .state-badge.closed{background-color:#d1fae5;background-color:var(--success-bg);color:#059669;color:var(--success-color)}.reports .reports-grid .report-card .card-body .trip-info{margin-bottom:24px}.reports .reports-grid .report-card .card-body .trip-info h3{color:#000;color:var(--dark-text-color);font-size:18px;font-weight:600}.reports .reports-grid .report-card .card-body .parties-info{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.reports .reports-grid .report-card .card-body .parties-info .party{background-color:#fff;background-color:var(--bg-color);border-radius:8px;padding:16px}.reports .reports-grid .report-card .card-body .parties-info .party h4{color:#667085;color:var(--light-text-color);font-size:14px;margin-bottom:12px}.reports .reports-grid .report-card .card-body .parties-info .party .name{color:#000;color:var(--dark-text-color);font-size:16px;font-weight:500;margin-bottom:8px}.reports .reports-grid .report-card .card-body .parties-info .party .phone{color:#344054;color:var(--normal-text-color);font-size:14px}.reports .reports-grid .report-card .card-body .message-section{margin-bottom:24px}.reports .reports-grid .report-card .card-body .message-section h4{color:#344054;color:var(--normal-text-color);font-size:16px;font-weight:600;margin-bottom:12px}.reports .reports-grid .report-card .card-body .message-section .message{background-color:#fff;background-color:var(--bg-color);border-radius:8px;border-right:3px solid #215abd;border-right:3px solid var(--primary-color);color:#344054;color:var(--normal-text-color);font-size:16px;line-height:1.6;padding:16px}.reports .reports-grid .report-card .card-body .attachments{margin-bottom:24px}.reports .reports-grid .report-card .card-body .attachments h4{align-items:center;color:#344054;color:var(--normal-text-color);display:flex;flex-direction:row;font-size:16px;font-weight:600;gap:12px;justify-content:flex-start;margin-bottom:12px}.reports .reports-grid .report-card .card-body .attachments h4 svg{color:#215abd;color:var(--primary-color)}.reports .reports-grid .report-card .card-body .attachments .files-list{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:flex-start}.reports .reports-grid .report-card .card-body .attachments .files-list .file-link{background-color:#215abd;background-color:var(--primary-color);border-radius:8px;color:#fff;font-size:14px;padding:8px 16px;transition:.15s ease-in-out}.reports .reports-grid .report-card .card-body .attachments .files-list .file-link:hover{box-shadow:"0 1px 2px rgba(0, 0, 0, 0.05)";transform:translateY(-1px)}.reports .reports-grid .report-card .card-body .date-info{align-items:center;border-top:1px solid #d0d5dd;border-top:1px solid var(--borders-color);display:flex;flex-direction:row;justify-content:space-between;padding-top:16px}.reports .reports-grid .report-card .card-body .date-info .date-label{color:#667085;color:var(--light-text-color);font-size:14px}.reports .reports-grid .report-card .card-body .date-info .date-value{color:#344054;color:var(--normal-text-color);font-size:14px}.reports .reports-grid .report-card .card-footer{align-items:center;border-top:1px solid #d0d5dd;border-top:1px solid var(--borders-color);display:flex;flex-direction:row;gap:12px;justify-content:space-between;margin-top:24px;padding-top:16px}.reports .reports-grid .report-card .card-footer button{align-items:center;border-radius:8px;display:flex;flex:1 1;flex-direction:row;font-size:14px;gap:8px;justify-content:center;padding:12px 16px;transition:.15s ease-in-out}.reports .reports-grid .report-card .card-footer button.close-btn{background-color:#d1fae5;background-color:var(--success-bg);color:#059669;color:var(--success-color)}.reports .reports-grid .report-card .card-footer button.close-btn:hover{background-color:#059669;background-color:var(--success-color);color:#fff}.reports .reports-grid .report-card .card-footer button.reopen-btn{background-color:#fef3c7;background-color:var(--warning-bg);color:#d97706;color:var(--warning-color)}.reports .reports-grid .report-card .card-footer button.reopen-btn:hover{background-color:#d97706;background-color:var(--warning-color);color:#fff}.reports .reports-grid .report-card .card-footer button.delete-btn{background-color:#fee2e2;background-color:var(--danger-bg);color:#dc2626;color:var(--danger-color)}.reports .reports-grid .report-card .card-footer button.delete-btn .loading-spinner{animation:spin .8s linear infinite;border:2px solid #dc26264d;border-radius:50%;border-top:2px solid var(--danger-color);height:16px;width:16px}.reports .reports-grid .report-card .card-footer button.delete-btn:hover:not(:disabled){background-color:#dc2626;background-color:var(--danger-color);color:#fff}.reports .reports-grid .report-card .card-footer button.delete-btn:disabled{cursor:not-allowed;opacity:.7}@media screen and (max-width:1200px){.reports{margin-right:300px;max-width:calc(100vw - 300px);width:calc(100% - 300px)}}@media screen and (max-width:992px){.reports{margin-right:0;max-width:100vw;padding:24px;width:100%}.reports .filters-section{align-items:stretch;flex-direction:column}.reports .filters-section .search-form{max-width:100%}.reports .filters-section .filter-group{justify-content:space-between;width:100%}.reports .filters-section .filter-group select{flex:1 1}.reports .stats-cards{grid-template-columns:repeat(2,1fr)}.reports .reports-grid{grid-template-columns:1fr}}@media screen and (max-width:768px){.reports{padding:16px}.reports .report-card .parties-info,.reports .stats-cards{grid-template-columns:1fr}.reports .report-card .card-footer{flex-direction:column}.reports .report-card .card-footer button{width:100%}}@media screen and (max-width:480px){.reports{padding:12px}}.notifications{background-color:#fff;background-color:var(--bg-color);box-sizing:border-box;margin-right:320px;max-width:calc(100vw - 320px);padding:32px;transition:all .3s ease;width:calc(100% - 320px)}.notifications .header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:32px}.notifications .header .title h1{margin-bottom:8px}.notifications .header .create-btn{align-items:center;background-color:#215abd;background-color:var(--primary-color);border-radius:8px;color:#fff;display:flex;flex-direction:row;gap:12px;justify-content:center;padding:12px 24px;transition:.15s ease-in-out}.notifications .header .create-btn svg{font-size:16px}.notifications .header .create-btn:hover{box-shadow:"0 4px 6px rgba(0, 0, 0, 0.1)";transform:translateY(-1px)}.notifications .stats-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:32px}.notifications .stats-cards .stat-card{background-color:#fff;background-color:var(--side-bar-color);border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:12px;padding:24px;transition:.15s ease-in-out}.notifications .stats-cards .stat-card h3{color:#667085;color:var(--light-text-color);font-size:14px;margin-bottom:16px}.notifications .stats-cards .stat-card .stat-value{color:#000;color:var(--dark-text-color);font-size:24px;font-weight:700}.notifications .stats-cards .stat-card.successful{border-color:#059669;border-color:var(--success-color)}.notifications .stats-cards .stat-card.successful .stat-value{color:#059669;color:var(--success-color)}.notifications .stats-cards .stat-card.failed{border-color:#dc2626;border-color:var(--danger-color)}.notifications .stats-cards .stat-card.failed .stat-value{color:#dc2626;color:var(--danger-color)}.notifications .stats-cards .stat-card.users{border-color:#2563eb;border-color:var(--info-color)}.notifications .stats-cards .stat-card.users .stat-value{color:#2563eb;color:var(--info-color)}.notifications .stats-cards .stat-card.drivers{border-color:#215abd;border-color:var(--primary-color)}.notifications .stats-cards .stat-card.drivers .stat-value{color:#215abd;color:var(--primary-color)}.notifications .stats-cards .stat-card:hover{box-shadow:"0 4px 6px rgba(0, 0, 0, 0.1)";transform:translateY(-2px)}.notifications .filters-section{background-color:#fff;background-color:var(--side-bar-color);border-radius:12px;margin-bottom:32px;padding:24px}.notifications .filters-section .type-filters{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-start}.notifications .filters-section .type-filters .filter-btn{background-color:#fff;background-color:var(--bg-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);font-size:16px;padding:12px 24px;transition:.15s ease-in-out}.notifications .filters-section .type-filters .filter-btn:hover{border-color:#215abd;border-color:var(--primary-color);color:#215abd;color:var(--primary-color)}.notifications .filters-section .type-filters .filter-btn.active{background-color:#215abd;background-color:var(--primary-color);border-color:#215abd;border-color:var(--primary-color);color:#fff}.notifications .notifications-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.notifications .notifications-grid .notification-card{background-color:#fff;background-color:var(--side-bar-color);border:1px solid #d0d5dd;border:1px solid var(--borders-color);border-radius:12px;box-shadow:"0 4px 6px rgba(0, 0, 0, 0.1)";padding:24px;transition:.25s ease-in-out}.notifications .notifications-grid .notification-card:hover{box-shadow:"0 10px 15px rgba(0, 0, 0, 0.1)";transform:translateY(-2px)}.notifications .notifications-grid .notification-card .card-header{align-items:center;border-bottom:2px solid #d0d5dd;border-bottom:2px solid var(--borders-color);display:flex;flex-direction:row;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.notifications .notifications-grid .notification-card .card-header .type-badge{align-items:center;background-color:#fff;background-color:var(--bg-color);border-radius:8px;color:#344054;color:var(--normal-text-color);display:flex;flex-direction:row;font-size:14px;font-weight:500;gap:12px;justify-content:flex-start;padding:8px 16px}.notifications .notifications-grid .notification-card .card-header .type-badge svg{font-size:16px}.notifications .notifications-grid .notification-card .card-header .status-icon{font-size:24px}.notifications .notifications-grid .notification-card .card-header .status-icon .success{color:#059669;color:var(--success-color)}.notifications .notifications-grid .notification-card .card-header .status-icon .failed{color:#dc2626;color:var(--danger-color)}.notifications .notifications-grid .notification-card .card-body .notification-title{color:#000;color:var(--dark-text-color);font-size:18px;font-weight:700;margin-bottom:16px}.notifications .notifications-grid .notification-card .card-body .notification-body{background-color:#fff;background-color:var(--bg-color);border-radius:8px;border-right:3px solid #215abd;border-right:3px solid var(--primary-color);color:#344054;color:var(--normal-text-color);font-size:16px;line-height:1.6;margin-bottom:24px;padding:16px}.notifications .notifications-grid .notification-card .card-body .target-user{background-color:#dbeafe;background-color:var(--info-bg);border-radius:8px;margin-bottom:24px;padding:16px}.notifications .notifications-grid .notification-card .card-body .target-user h4{color:#2563eb;color:var(--info-color);font-size:14px;margin-bottom:12px}.notifications .notifications-grid .notification-card .card-body .target-user .user-name{color:#000;color:var(--dark-text-color);font-size:16px;font-weight:500;margin-bottom:8px}.notifications .notifications-grid .notification-card .card-body .target-user .user-phone{color:#344054;color:var(--normal-text-color);font-size:14px}.notifications .notifications-grid .notification-card .card-body .date-info{align-items:center;border-top:1px solid #d0d5dd;border-top:1px solid var(--borders-color);display:flex;flex-direction:row;justify-content:space-between;padding-top:16px}.notifications .notifications-grid .notification-card .card-body .date-info .date-label{color:#667085;color:var(--light-text-color);font-size:14px}.notifications .notifications-grid .notification-card .card-body .date-info .date-value{color:#344054;color:var(--normal-text-color);font-size:14px}.notifications .notifications-grid .notification-card .card-footer{align-items:center;border-top:1px solid #d0d5dd;border-top:1px solid var(--borders-color);display:flex;flex-direction:row;justify-content:flex-end;margin-top:24px;padding-top:16px}.notifications .notifications-grid .notification-card .card-footer .delete-btn{align-items:center;background-color:#fee2e2;background-color:var(--danger-bg);border-radius:8px;color:#dc2626;color:var(--danger-color);display:flex;flex-direction:row;font-size:14px;gap:8px;justify-content:center;padding:12px 16px;transition:.15s ease-in-out}.notifications .notifications-grid .notification-card .card-footer .delete-btn .loading-spinner{animation:spin .8s linear infinite;border:2px solid #dc26264d;border-radius:50%;border-top:2px solid var(--danger-color);height:16px;width:16px}.notifications .notifications-grid .notification-card .card-footer .delete-btn:hover:not(:disabled){background-color:#dc2626;background-color:var(--danger-color);color:#fff}.notifications .notifications-grid .notification-card .card-footer .delete-btn:disabled{cursor:not-allowed;opacity:.7}@media screen and (max-width:1200px){.notifications{margin-right:300px;max-width:calc(100vw - 300px);width:calc(100% - 300px)}}@media screen and (max-width:992px){.notifications{margin-right:0;max-width:100vw;padding:24px;width:100%}.notifications .header{align-items:flex-start;flex-direction:column;gap:16px}.notifications .header .create-btn{justify-content:center;width:100%}.notifications .stats-cards{grid-template-columns:repeat(2,1fr)}.notifications .notifications-grid{grid-template-columns:1fr}}@media screen and (max-width:768px){.notifications{padding:16px}.notifications .stats-cards{grid-template-columns:1fr}}@media screen and (max-width:480px){.notifications{padding:12px}}.modal-content.notification-modal{max-width:500px}.modal-content.notification-modal .input-group{margin-bottom:24px}.modal-content.notification-modal .input-group label{color:#344054;color:var(--normal-text-color);display:block;font-size:16px;font-weight:500;margin-bottom:8px}.modal-content.notification-modal .input-group input,.modal-content.notification-modal .input-group select,.modal-content.notification-modal .input-group textarea{background-color:#fff;background-color:var(--bg-color);border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);font-size:16px;padding:12px 16px;transition:all .15s ease-in-out;width:100%}.modal-content.notification-modal .input-group input:focus,.modal-content.notification-modal .input-group select:focus,.modal-content.notification-modal .input-group textarea:focus{border-color:#215abd;border-color:var(--primary-color);box-shadow:0 0 0 3px #d9e2ff;box-shadow:0 0 0 3px var(--secondary-color);outline:none}.modal-content.notification-modal .input-group input::placeholder,.modal-content.notification-modal .input-group select::placeholder,.modal-content.notification-modal .input-group textarea::placeholder{color:#667085;color:var(--light-text-color)}.modal-content.notification-modal .input-group textarea{font-family:inherit;min-height:100px;resize:vertical}.modal-content.notification-modal .input-group.checkbox-group .checkbox-label{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:12px;justify-content:flex-start}.modal-content.notification-modal .input-group.checkbox-group .checkbox-label input[type=checkbox]{cursor:pointer;height:20px;width:auto}.modal-content.notification-modal .input-group.checkbox-group .checkbox-label span{color:#344054;color:var(--normal-text-color);font-size:16px}.modal-content.notification-modal .input-group .error-message{color:#dc2626;color:var(--danger-color);font-size:14px;margin-top:8px}.settings{background-color:#fff;background-color:var(--bg-color);box-sizing:border-box;margin-right:320px;max-width:calc(100vw - 320px);min-height:100vh;padding:2rem;transition:all .3s ease;width:calc(100% - 320px)}.settings h1{margin-bottom:.5rem}.settings>p{margin-bottom:2rem}.settings .loading{color:#667085;color:var(--light-text-color);font-size:1.2rem;padding:3rem;text-align:center}.settings .settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1.5rem}.settings .settings-grid .setting-card{background:#fff;background:var(--side-bar-color);border:2px solid #0000;border-radius:12px;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.settings .settings-grid .setting-card:before{background:linear-gradient(90deg,#215abd,#d9e2ff);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.settings .settings-grid .setting-card:hover{border-color:#215abd;border-color:var(--primary-color);box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.settings .settings-grid .setting-card:hover:before{transform:scaleX(1)}.settings .settings-grid .setting-card:hover .card-icon{color:#215abd;color:var(--primary-color);transform:scale(1.1)}.settings .settings-grid .setting-card .card-icon{color:#d9e2ff;color:var(--secondary-color);font-size:2.5rem;margin-bottom:1rem;transition:all .3s ease}.settings .settings-grid .setting-card h3{color:#344054;color:var(--normal-text-color);font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.settings .settings-grid .setting-card p{color:#667085;color:var(--light-text-color);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.settings .settings-grid .setting-card .card-value{color:#215abd;color:var(--primary-color);font-size:1.5rem;font-weight:700;margin-top:1rem}.settings .modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.settings .modal-overlay .modal-content{animation:slideIn .3s ease-out;background-color:#fff;background-color:var(--side-bar-color);border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;width:90%}.settings .modal-overlay .modal-content.settings-modal{max-width:800px}.settings .modal-overlay .modal-content.packages-modal{max-width:900px}.settings .modal-overlay .modal-content h2{color:#344054;color:var(--normal-text-color);font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.settings .modal-overlay .modal-content h3{color:#344054;color:var(--normal-text-color);font-size:1.3rem;margin:1.5rem 0 1rem}.settings .modal-overlay .modal-content .input-group{margin-bottom:1.5rem}.settings .modal-overlay .modal-content .input-group label{color:#344054;color:var(--normal-text-color);display:block;font-size:1rem;font-weight:500;margin-bottom:.5rem}.settings .modal-overlay .modal-content .input-group input[type=number],.settings .modal-overlay .modal-content .input-group input[type=text],.settings .modal-overlay .modal-content .input-group select,.settings .modal-overlay .modal-content .input-group textarea{background-color:#fff;background-color:var(--bg-color);border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:8px;color:#344054;color:var(--normal-text-color);font-size:1rem;min-height:48px;padding:.75rem 1rem;transition:all .3s;width:100%}.settings .modal-overlay .modal-content .input-group input[type=number]:focus,.settings .modal-overlay .modal-content .input-group input[type=text]:focus,.settings .modal-overlay .modal-content .input-group select:focus,.settings .modal-overlay .modal-content .input-group textarea:focus{border-color:#215abd;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1);outline:none}.settings .modal-overlay .modal-content .input-group input[type=number]::placeholder,.settings .modal-overlay .modal-content .input-group input[type=text]::placeholder,.settings .modal-overlay .modal-content .input-group select::placeholder,.settings .modal-overlay .modal-content .input-group textarea::placeholder{color:#667085;color:var(--light-text-color)}.settings .modal-overlay .modal-content .input-group textarea{min-height:90px;resize:vertical}.settings .modal-overlay .modal-content .input-group.checkbox-group label{align-items:center;cursor:pointer;display:flex}.settings .modal-overlay .modal-content .input-group.checkbox-group label input[type=checkbox]{cursor:pointer;height:20px;margin-left:.5rem;width:20px}.settings .modal-overlay .modal-content .input-group .drop-zone{background-color:#fff;background-color:var(--bg-color);border:2px dashed #d0d5dd;border:2px dashed var(--borders-color);border-radius:8px;cursor:pointer;padding:2rem;text-align:center;transition:all .3s}.settings .modal-overlay .modal-content .input-group .drop-zone:hover{background-color:#fff;background-color:var(--side-bar-color);border-color:#215abd;border-color:var(--primary-color)}.settings .modal-overlay .modal-content .input-group .drop-zone .drop-placeholder{align-items:center;color:#667085;color:var(--light-text-color);display:flex;flex-direction:column;gap:.5rem}.settings .modal-overlay .modal-content .input-group .drop-zone .drop-placeholder svg{color:#d9e2ff;color:var(--secondary-color);font-size:2rem}.settings .modal-overlay .modal-content .input-group .drop-zone .drop-placeholder p{color:#344054;color:var(--normal-text-color);font-size:1rem;margin:0}.settings .modal-overlay .modal-content .input-group .drop-zone .drop-placeholder span{color:#667085;color:var(--light-text-color);font-size:.85rem}.settings .modal-overlay .modal-content .input-group .drop-zone .image-preview{align-items:center;display:flex;flex-direction:column;gap:.5rem}.settings .modal-overlay .modal-content .input-group .drop-zone .image-preview img{border-radius:8px;max-height:200px;max-width:200px;object-fit:contain}.settings .modal-overlay .modal-content .input-group .drop-zone .image-preview p{color:#667085;color:var(--light-text-color);font-size:.9rem;margin:0}.settings .modal-overlay .modal-content .input-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.settings .modal-overlay .modal-content .price-ranges-list{margin-bottom:1.5rem}.settings .modal-overlay .modal-content .price-ranges-list .price-range-item{background:#fff;background:var(--bg-color);border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:8px;margin-bottom:1rem;padding:1.5rem;position:relative}.settings .modal-overlay .modal-content .price-ranges-list .price-range-item .range-inputs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.settings .modal-overlay .modal-content .price-ranges-list .price-range-item .range-inputs .input-group{margin-bottom:0}.settings .modal-overlay .modal-content .price-ranges-list .price-range-item .remove-btn{align-items:center;background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;left:1rem;padding:.5rem;position:absolute;top:1rem;transition:all .3s}.settings .modal-overlay .modal-content .price-ranges-list .price-range-item .remove-btn:hover:not(:disabled){background:#c0392b;transform:scale(1.05)}.settings .modal-overlay .modal-content .price-ranges-list .price-range-item .remove-btn:disabled{cursor:not-allowed;opacity:.5}.settings .modal-overlay .modal-content .add-range-btn{align-items:center;background:#d9e2ff;background:var(--secondary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;margin-bottom:1.5rem;padding:.8rem;transition:all .3s;width:100%}.settings .modal-overlay .modal-content .add-range-btn:hover{background:#215abd;background:var(--primary-color);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.settings .modal-overlay .modal-content .package-form{background:#fff;background:var(--bg-color);border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.settings .modal-overlay .modal-content .package-form .save-package-btn{align-items:center;background:#215abd;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:.8rem;transition:all .3s;width:100%}.settings .modal-overlay .modal-content .package-form .save-package-btn:hover:not(:disabled){background:#d9e2ff;background:var(--secondary-color);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.settings .modal-overlay .modal-content .package-form .save-package-btn:disabled{cursor:not-allowed;opacity:.7}.settings .modal-overlay .modal-content .packages-list .package-item{align-items:center;background:#fff;background:var(--bg-color);border:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem;transition:all .3s}.settings .modal-overlay .modal-content .packages-list .package-item:hover{border-color:#215abd;border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.settings .modal-overlay .modal-content .packages-list .package-item .package-info{flex:1 1}.settings .modal-overlay .modal-content .packages-list .package-item .package-info h4{color:#344054;color:var(--normal-text-color);font-size:1.1rem;margin-bottom:.3rem}.settings .modal-overlay .modal-content .packages-list .package-item .package-info p{color:#667085;color:var(--light-text-color);font-size:.9rem;margin:0}.settings .modal-overlay .modal-content .packages-list .package-item .package-info p .original-price{color:#667085;color:var(--light-text-color);margin-left:.5rem;text-decoration:line-through}.settings .modal-overlay .modal-content .packages-list .package-item .package-info p .discount-price{color:#215abd;color:var(--primary-color);font-weight:600;margin-left:.5rem}.settings .modal-overlay .modal-content .packages-list .package-item .package-info .package-desc-list{color:#667085;color:var(--light-text-color);line-height:1.4;margin:.4rem 0 0;padding-left:1.2rem}.settings .modal-overlay .modal-content .packages-list .package-item .package-info .package-desc-list li{margin-bottom:.2rem}.settings .modal-overlay .modal-content .packages-list .package-item .package-actions{display:flex;gap:.5rem}.settings .modal-overlay .modal-content .packages-list .package-item .package-actions button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:.5rem .8rem;transition:all .3s}.settings .modal-overlay .modal-content .packages-list .package-item .package-actions button.edit-btn{background:#d9e2ff;background:var(--secondary-color);color:#fff}.settings .modal-overlay .modal-content .packages-list .package-item .package-actions button.edit-btn:hover{background:#215abd;background:var(--primary-color);transform:scale(1.05)}.settings .modal-overlay .modal-content .packages-list .package-item .package-actions button.delete-btn{background:#e74c3c;color:#fff}.settings .modal-overlay .modal-content .packages-list .package-item .package-actions button.delete-btn:hover{background:#c0392b;transform:scale(1.05)}.settings .modal-overlay .modal-content .modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.settings .modal-overlay .modal-content .modal-actions button{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.8rem 2rem;transition:all .3s}.settings .modal-overlay .modal-content .modal-actions button.cancel-btn{background-color:#fff;background-color:var(--bg-color);border:2px solid #d0d5dd;border:2px solid var(--borders-color);color:#344054;color:var(--normal-text-color)}.settings .modal-overlay .modal-content .modal-actions button.cancel-btn:hover:not(:disabled){background-color:#d0d5dd;background-color:var(--borders-color)}.settings .modal-overlay .modal-content .modal-actions button.submit-btn{background-color:#215abd;background-color:var(--primary-color);border:none;color:#fff}.settings .modal-overlay .modal-content .modal-actions button.submit-btn:hover:not(:disabled){background-color:#d9e2ff;background-color:var(--secondary-color);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.settings .modal-overlay .modal-content .modal-actions button.submit-btn .loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.settings .modal-overlay .modal-content .modal-actions button:disabled{cursor:not-allowed;opacity:.7}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@media screen and (max-width:1200px){.settings{margin-right:300px;max-width:calc(100vw - 300px);width:calc(100% - 300px)}}@media screen and (max-width:992px){.settings{margin-right:0;max-width:100vw;padding:1.5rem;width:100%}}@media(max-width:768px){.settings{padding:1rem}.settings .settings-grid{gap:1rem;grid-template-columns:1fr}.settings .settings-grid .setting-card{padding:1.5rem}.settings .settings-grid .setting-card .card-icon{font-size:2rem}.settings .settings-grid .setting-card h3{font-size:1.1rem}.settings .settings-grid .setting-card .card-value{font-size:1.3rem}.settings .modal-overlay .modal-content{padding:1.5rem;width:95%}.settings .modal-overlay .modal-content h2{font-size:1.5rem}.settings .modal-overlay .modal-content .input-row,.settings .modal-overlay .modal-content .price-ranges-list .price-range-item .range-inputs{grid-template-columns:1fr}.settings .modal-overlay .modal-content .modal-actions{flex-direction:column}.settings .modal-overlay .modal-content .modal-actions button{width:100%}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{-ms-overflow-style:none;font-family:Noto Kufi Arabic,sans-serif;font-optical-sizing:auto;font-style:normal;line-height:1.5;min-height:100vh;scrollbar-width:none;text-rendering:optimizeSpeed}body::-webkit-scrollbar{display:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}button{border:none;cursor:pointer;font-family:Inter,sans-serif;outline:none}a{text-decoration:none}input{border:none;outline:none}:root{--primary-color:#215abd;--secondary-color:#d9e2ff;--dark-text-color:#000;--normal-text-color:#344054;--light-text-color:#667085;--borders-color:#d0d5dd;--bg-color:#fff;--side-bar-color:#fff;--warning-bg:#fef3c7;--warning-color:#d97706;--success-bg:#d1fae5;--success-color:#059669;--danger-bg:#fee2e2;--danger-color:#dc2626;--info-bg:#dbeafe;--info-color:#2563eb}.App.dark{--primary-color:#327dff;--secondary-color:#d9e2ff;--dark-text-color:#464646;--normal-text-color:#ccc;--light-text-color:#ccc;--borders-color:#72747b;--bg-color:#18191a;--side-bar-color:#242526;--warning-bg:#422006;--warning-color:#fcd34d;--success-bg:#064e3b;--success-color:#34d399;--danger-bg:#450a0a;--danger-color:#f87171;--info-bg:#1e3a8a;--info-color:#60a5fa}:root{--heading-FS:48px;--heading2-FS:32px;--heading3-FS:22px;--Btn-FS:20px;--normal-FS:18px;--footer-FS:16px;--heading-FW:800;--heading2-FW:600;--heading3-FW:500;--normal-FW:400;--Btn-FW:400;--footer-FW:300}@media only screen and (max-width:1120px){:root{--heading-FS:42px;--heading2-FS:28px;--heading3-FS:24px;--Btn-FS:22px;--normal-FS:20px;--footer-FS:16px}}@media only screen and (max-width:768px){:root{--heading-FS:36px;--heading2-FS:24px;--heading3-FS:20px;--normal-FS:12px;--footer-FS:10px;--Btn-FS:14px}}.TXT-heading{font-size:48px;font-size:var(--heading-FS);font-weight:800;font-weight:var(--heading-FW)}.TXT-heading2{font-size:32px;font-size:var(--heading2-FS);font-weight:600;font-weight:var(--heading2-FW)}.TXT-heading3{font-size:22px;font-size:var(--heading3-FS);font-weight:500;font-weight:var(--heading3-FW)}.TXT-normal{font-size:18px;font-size:var(--normal-FS);font-weight:400;font-weight:var(--normal-FW)}.TXT-footer{font-size:16px;font-size:var(--footer-FS);font-weight:300;font-weight:var(--footer-FW)}.color-dark{color:#000;color:var(--dark-text-color)}.color-normal{color:#344054;color:var(--normal-text-color)}.color-light{color:#667085;color:var(--light-text-color)}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.P-BTN{background-color:#215abd;background-color:var(--primary-color);border:2px solid #0000;border-radius:8px;color:#fff;font-size:20px;font-size:var(--Btn-FS);font-weight:400;font-weight:var(--Btn-FW);outline:2px solid #0000;position:relative}.P-BTN:hover{outline:2px solid #d9e2ff;outline:2px solid var(--secondary-color)}.P-BTN.disabled{cursor:not-allowed;opacity:.4}.P-BTN.clicked:before{background-color:#d9e2ff;background-color:var(--secondary-color);border-radius:4px;content:"";height:100%;left:0;outline:2px solid #d9e2ff;outline:2px solid var(--secondary-color);position:absolute;top:0;width:100%}.P-BTN.clicked:after{animation:loading 1s linear infinite;border-bottom:2px solid #215abd;border-left:2px solid #215abd;border-top:2px solid #215abd;border:2px solid var(--primary-color);border-radius:50%;border-right:2px solid #0000;content:"";height:20px;left:calc(50% - 10px);position:absolute;top:calc(50% - 10px);width:20px}.S-BTN{background-color:#fff;border:2px solid #667085;border:2px solid var(--light-text-color);border-radius:8px;color:#344054;color:var(--normal-text-color);font-size:20px;font-size:var(--Btn-FS);font-weight:400;font-weight:var(--Btn-FW);outline:2px solid #0000;position:relative}.S-BTN.clicked:before,.S-BTN:hover{outline:2px solid #d0d5dd;outline:2px solid var(--borders-color)}.S-BTN.clicked:before{background-color:#fff;border-radius:4px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.S-BTN.clicked:after{animation:loading 1s linear infinite;border-bottom:2px solid #d0d5dd;border-left:2px solid #d0d5dd;border-top:2px solid #d0d5dd;border:2px solid var(--borders-color);border-radius:50%;border-right:2px solid #0000;content:"";height:20px;left:calc(50% - 10px);position:absolute;top:calc(50% - 10px);width:20px}.alert{align-items:center;display:flex;justify-content:space-around;left:50%;overflow:hidden;position:fixed;top:0;transform:translate(-50%,-110%);transition:transform .7s;z-index:999}.alert:before{background-color:#fff;bottom:0;content:"";height:4px;left:0;position:absolute;width:100%}.alert.error{background-color:#d63031}.alert.warrning{background-color:#f39c12}.alert.success{background-color:#00b894}.alert.showen{transform:translate(-50%,50%)}.alert.showen:before{transition:5s;width:0}.alert p,.alert span{font-size:var(--Small-FS);font-weight:var(--Normal-FW)}.alert p,.alert span{color:#fff;display:flex;margin-inline:10px}.alert span{font-size:var(--Heading2-FS);font-weight:var(--Bold-FW)}@media only screen and (min-width:1400px){.alert{border-radius:10px;height:70px;max-width:800px;min-width:350px;width:-webkit-fit-content;width:fit-content}.loading article{gap:20px;height:200px}.loading article div{width:40px}}@media only screen and (max-width:1400px)and (min-width:1200px){.alert{border-radius:10px;height:70px;max-width:800px;min-width:350px;width:-webkit-fit-content;width:fit-content}.loading article{gap:20px;height:200px}.loading article div{width:40px}}@media only screen and (max-width:1200px)and (min-width:992px){.alert{border-radius:10px;height:70px;max-width:650px;min-width:300px;width:-webkit-fit-content;width:fit-content}.loading article{gap:20px;height:200px}.loading article div{width:40px}}@media only screen and (max-width:992px)and (min-width:768px){.alert{border-radius:10px;height:70px;max-width:650px;min-width:300px;width:-webkit-fit-content;width:fit-content}.loading article{gap:20px;height:200px}.loading article div{width:30px}}@media only screen and (max-width:768px)and (min-width:480px){.alert{border-radius:5px;height:50px;max-width:400px;min-width:200px;width:-webkit-fit-content;width:fit-content}.loading article{gap:10px;height:140px}.loading article div{width:20px}}@media only screen and (max-width:480px)and (min-width:370px){.alert{border-radius:10px;height:40px;max-width:250px;min-width:150px;width:-webkit-fit-content;width:fit-content}.loading article{gap:10px;height:140px}.loading article div{width:20px}}@media only screen and (max-width:370px){.alert{border-radius:10px;height:40px;max-width:250px;min-width:150px;width:-webkit-fit-content;width:fit-content}.loading article{gap:5px;height:120px}.loading article div{width:15px}}.App{-ms-overflow-style:none;background-color:#fff;background-color:var(--bg-color);min-height:100vh;overflow-y:scroll;scrollbar-width:none}.App::-webkit-scrollbar{display:none}
/*# sourceMappingURL=main.7f4836d2.css.map*/