@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&family=Tajawal:wght@400;700&family=Noto+Kufi+Arabic:wght@400;700&display=swap);:root{scrollbar-gutter:stable both-edges}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}body{direction:rtl;font-family:Cairo,Tajawal,Noto Kufi Arabic,Arial,Tahoma,Segoe UI,sans-serif}.login-screen{align-items:center;background:#1fc1de;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.background-pattern{background-image:radial-gradient(circle at 25% 25%,#ffffff14 0,#0000 50%),radial-gradient(circle at 75% 75%,#00106214 0,#0000 50%),radial-gradient(circle at 50% 10%,#ffffff0a 0,#0000 50%);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.login-container{max-width:450px;position:relative;width:100%;z-index:2}.login-card{animation:slideUp .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--white);border:1px solid #00106214;border-radius:24px;box-shadow:0 20px 60px #00106226,0 8px 32px #1fc1de26;box-shadow:0 20px 60px var(--shadow-dark),0 8px 32px var(--shadow-light);overflow:hidden}.card-header{background:#fff;color:#fff;color:var(--white);padding:40px 30px 30px;text-align:center}.card-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.logo-section{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:15px;padding-top:40px;position:relative;z-index:1}.logo-avatar{background:#fff;border:none;border-radius:50%;height:60px;object-fit:fill;outline:none;width:60px}.logo-icon i{color:#fff;color:var(--white);font-size:1.8rem}.brand-name{background:#1fc1de;background-clip:text;-webkit-background-clip:text;color:#0000;font-size:2.2rem;font-weight:700;margin:0;text-shadow:0 2px 10px #0010621a}.brand-tagline{color:#fff;color:var(--white);font-size:1rem;font-weight:300;margin:0;opacity:.9;position:relative;z-index:1}.card-body{padding:40px 30px}.form-header{margin-bottom:30px;text-align:center}.form-header h2{color:#1fc1de;color:var(--secondary-color);font-size:1.8rem;font-weight:700;margin:0 0 8px}.form-header p{color:#001062;color:var(--text-dark);font-size:.95rem;margin:0}.error-message{animation:shake .5s ease-in-out;background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:12px;color:#e74c3c;color:var(--error-color);font-size:.9rem;gap:10px;margin-bottom:20px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-message i{font-size:1rem}.error-message span{flex:1 1}.login-form{display:flex;flex-direction:column;gap:20px}.form-group,.input-wrapper{position:relative}.input-icon{align-items:center;color:gray;display:flex;font-size:1.1rem;inset-block:0;inset-inline-end:12px;pointer-events:none;position:absolute;z-index:2}.form-input{background-color:#fff;background-color:var(--white);border:2px solid #1fc1de;border:2px solid var(--primary-color);border-radius:12px;color:#1fc1de;color:var(--secondary-color);font-size:1rem;font-weight:500;line-height:1.4;padding-block:14px;padding-inline-end:44px;padding-inline-start:14px;text-align:right;width:100%}.form-input:focus{box-shadow:0 0 0 4px #00106214;outline:none}.form-input::placeholder{color:#1fc1de;color:var(--primary-color);font-weight:400;text-align:right}.form-options{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.toggle-visibility{color:#1fc1de;color:var(--primary-color);cursor:pointer;line-height:1.5;text-align:left}.toggle-visibility:hover{color:#1fc1de;color:var(--text-light)}.toggle-text{font-size:.85rem;padding-right:8px;white-space:nowrap}.remember-me,.toggle-text{color:#1fc1de;color:var(--primary-color)}.remember-me{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:8px;-webkit-user-select:none;user-select:none}.remember-me input[type=checkbox]{accent-color:#1fc1de;accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.forgot-password{color:#1fc1de;color:var(--secondary-color);font-size:.9rem;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.forgot-password:after{background:#1fc1de;background:var(--secondary-color);bottom:-2px;content:"";height:2px;position:absolute;right:0;transition:width .3s ease;width:0}.forgot-password:hover:after{width:100%}.login-button{align-items:center;background:#1fc1de;border:none;border-radius:12px;box-shadow:0 4px 16px #00106214;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;margin-top:10px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%}.login-button:before{background:#1fc1de;content:"";height:100%;position:absolute;right:-100%;top:0;transition:right .5s ease;width:100%}.login-button:hover{box-shadow:0 10px 25px #00106226;transform:translateY(-2px)}.login-button:hover:before{right:100%}.login-button:active{transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-button i{transition:transform .3s ease}.login-button:hover i{transform:translateX(-5px)}.login-button.loading{pointer-events:none}.login-button.loading i{animation:spin 1s linear infinite}.form-footer{color:#1fc1de;color:var(--secondary-color);font-size:.9rem;margin-top:30px;text-align:center}.signup-link{color:#1fc1de;color:var(--primary-color);font-weight:600;position:relative;text-decoration:none;transition:all .3s ease}.signup-link:after{background:#1fc1de;background:var(--primary-color);bottom:-2px;content:"";height:2px;position:absolute;right:0;transition:width .3s ease;width:0}.signup-link:hover:after{width:100%}@media (max-width:480px){.toggle-visibility,.toggle-visibility .toggle-text{font-size:.75rem}.login-card{border-radius:20px}.card-body{padding:30px 20px}.brand-name{font-size:1.8rem}.logo-avatar,.logo-icon{height:50px;width:50px}.logo-icon i{font-size:1.5rem}.form-header h2{font-size:1.3rem}.form-input{padding:14px 44px 14px 14px}.login-button{padding:12px}.form-options{align-items:flex-start;flex-direction:column;gap:15px}}@media (max-width:360px){.card-header{padding:25px 15px 20px}.card-body{padding:25px 15px}.brand-name{font-size:1.6rem}.logo-section{flex-direction:column;gap:10px}}@media (prefers-color-scheme:dark){.login-card{background:#1a1a1a;border-color:#00106226}.form-header h2,.form-input{color:#fff;color:var(--white)}.form-input{background-color:#2a2a2a;border-color:#444}.form-input:focus{border-color:#1fc1de;border-color:var(--primary-color)}.form-footer,.form-header p,.remember-me{color:#adb5bd}}body,html{font-family:Cairo,Tajawal,Noto Kufi Arabic,Arial,Tahoma,Segoe UI,sans-serif}:root{--secondary-color:#fff;--sidebar-bg:#1fc1de;--sidebar-text:#fff;--sidebar-active:#fff;--sidebar-hover:#e0f7fa;--main-bg:#fff;--text-color:#001062;--border-color:#e0e0e0;--shadow:0 4px 16px #1fc1de14;--transition:all 0.3s cubic-bezier(.4,0,.2,1)}.paid-box{background:#eef6ff;border-radius:10px;padding:12px}.paid-title{color:#003b76;font-weight:600;margin-bottom:12px;text-align:center}.paid-grid{background:#fff;border-radius:8px;display:flex;font-size:12px;justify-content:space-between;margin-bottom:10px;padding:10px}.paid-grid .left,.paid-grid .right{display:flex;flex-direction:column;gap:6px}.paid-grid span{color:#003b76;font-weight:600}p.paid-time{font-size:14px;font-weight:600;text-align:center}.notification-item.unread{background:#eef6ff;border-left:4px solid #007bff}.notif-tabs{background:#f5f5f5;border-radius:12px;gap:6px;margin:10px;padding:6px}.notif-tab{background:#0000;border:none;color:#555;cursor:pointer;flex:1 1;font-size:14px;padding:8px 12px;transition:all .25s ease}.notif-tab.active{background:#1565c0;box-shadow:0 2px 6px #00000026;color:#fff}.notif-tab:hover{background:#e2e2e2}.dashboard-container{background:#fff;background:var(--main-bg);flex-direction:row-reverse;min-height:100vh}.dashboard-sidebar{background:#161a2d;bottom:0;box-shadow:0 8px 32px 0 #1fc1de2e;display:flex;flex-direction:column;height:100vh;overflow-x:hidden;padding:25px 10px;position:fixed;right:0;top:0;width:210px;z-index:100}.dashboard-sidebar,.dashboard-sidebar.collapsed{border-bottom-left-radius:0;border-top-left-radius:0}.dashboard-sidebar.collapsed{width:85px}.sidebar-header{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;margin-bottom:10px;text-align:center}.sidebar-header img{border-radius:50%;width:50px}.sidebar-header h2{color:#fff;font-size:1.2rem;font-weight:700;margin:6px 0 4px}.sidebar-header h2,.sidebar-links h4,.sidebar-links h4 span,.sidebar-links li a,.sidebar-links li button.logout-link{opacity:1;transition:opacity .2s}.dashboard-sidebar.collapsed .sidebar-header h2,.dashboard-sidebar.collapsed .sidebar-links h4,.dashboard-sidebar.collapsed .sidebar-links h4 span,.dashboard-sidebar.collapsed .sidebar-links li a,.dashboard-sidebar.collapsed .sidebar-links li button.logout-link{opacity:0}.dashboard-sidebar.collapsed .sidebar-header h2{margin:0;padding:0;width:0}.dashboard-sidebar.collapsed .sidebar-links h4{height:0;margin:0;padding:0}.dashboard-sidebar.collapsed .sidebar-links li a span,.dashboard-sidebar.collapsed .sidebar-links li button.logout-link span{margin-left:0}.sidebar-links{height:100%;list-style:none;margin-top:20px;overflow-y:auto;padding:0;scrollbar-width:none}.sidebar-links::-webkit-scrollbar{display:none}.sidebar-links h4{color:#fff;font-size:1rem;font-weight:500;margin:10px 0;position:relative;white-space:nowrap}.menu-separator{background:#1fc1de;height:1px;left:0;position:absolute;top:50%;transform:scaleX(1) translateY(-50%);transform-origin:right;transition:transform .2s,background .2s;width:100%}.dashboard-sidebar:hover .sidebar-links .menu-separator{transform:scaleX(0) translateY(-50%);transition-delay:0s}.sidebar-links li{margin-bottom:10px;width:100%}.sidebar-links li:last-child{margin-bottom:0}.sidebar-links li a,.sidebar-links li button.logout-link{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:0 20px;justify-content:flex-start;padding:10px 8px;text-align:right;text-decoration:none;transition:.2s ease;white-space:nowrap;width:100%}.sidebar-links li a span,.sidebar-links li button.logout-link span{font-size:1.1rem;min-width:24px;text-align:center}.sidebar-links li a.active,.sidebar-links li a:hover,.sidebar-links li button.logout-link:hover{background:#fff;border-radius:4px;color:#161a2d}.sidebar-links li a.active span,.sidebar-links li a:hover span,.sidebar-links li button.logout-link:hover span{color:#1fc1de}.sidebar-links li a .fa,.sidebar-links li button.logout-link .fa{display:inline-block;text-align:center;width:32px}.sidebar-links li a:not(:hover):not(.active) span,.sidebar-links li button.logout-link:not(:hover) span{color:#fff}.user-account{margin-left:-10px;margin-top:auto;padding:0!important;transition:background .2s,border-radius .2s}.user-profile{align-items:center;color:#161a2d;display:flex}.user-profile img{border:2px solid #fff;border-radius:50%;width:42px}.user-profile h3{font-size:1rem;font-weight:600}.user-profile span{font-size:.775rem;font-weight:600}.user-detail{margin-left:23px;white-space:nowrap}.dashboard-sidebar:hover .user-account{background:#fff;border-radius:4px}.dashboard-sidebar:hover .user-profile{color:#161a2d}.dashboard-main{background:#fff;background:var(--main-bg);display:flex;flex:1 1;flex-direction:column;margin-right:220px;min-height:100vh}.dashboard-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1fc1de14;background:var(--content-bg,#1fc1de14);border-bottom-left-radius:24px;flex:1 1;padding:1rem;transition:background-color .3s ease,-webkit-backdrop-filter .3s ease;transition:background-color .3s ease,backdrop-filter .3s ease;transition:background-color .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease}.dashboard-content,.dashboard-main{min-height:100vh;overflow-y:auto}.dashboard-header{align-items:center;background:#161a2d;border-radius:0;box-shadow:0 2px 12px #1fc1de1a;color:#fff;font-family:Cairo,Tajawal,Noto Kufi Arabic,Arial,Tahoma,Segoe UI,sans-serif;font-size:.98rem;justify-content:space-between;min-height:48px;padding:10px 24px}.dashboard-header *{fill:#fff!important;color:#fff!important}.dashboard-header .breadcrumb i,.dashboard-header .breadcrumb span{color:#fff}.dashboard-header .menu-toggle-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.3rem;margin-left:18px;transition:color .2s}.dashboard-header .menu-toggle-btn:hover{color:#1fc1de}.header-left{align-items:center;display:flex}.menu-toggle-btn{background:none;border:none;color:#fff;color:var(--secondary-color);cursor:pointer;display:none;font-size:1.25rem;margin-right:1rem;padding:.5rem}@media (max-width:768px){.menu-toggle-btn{display:block}}.breadcrumb{font-size:.875rem}.breadcrumb,.header-right{align-items:center;display:flex}.search-bar{margin-right:1.5rem;position:relative}.header-search{align-items:center;display:flex;flex:1 1;position:relative}.search-input{border:1.5px solid #e0e4f0;box-shadow:0 1px 4px #1fc1de0f;color:#161a2d;outline:none;padding:8px 14px 8px 36px;transition:border .2s,box-shadow .2s;width:200px}.search-input:focus{border:1.5px solid #1fc1de;box-shadow:0 2px 8px #1fc1de1a}.search-input::placeholder{color:#b0b8d1;font-size:1rem}.header-search .search-icon{color:#b0b8d1;font-size:1.1rem;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.notifications{margin-right:1.5rem}.notification-btn{background:none;color:#fff;color:var(--secondary-color);font-size:1.25rem;padding:.5rem}.notification-badge{background-color:#1fc1de;background-color:var(--primary-color);border-radius:50%;font-size:.75rem;height:18px;right:0;top:0;width:18px}.profile-dropdown{position:relative}.profile-btn{align-items:center;background:none;border:none;border-radius:.5rem;cursor:pointer;display:flex;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.profile-btn:hover{background-color:#0000000d}.profile-avatar{align-items:center;background-color:#1fc1de;background-color:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-weight:600;height:32px;justify-content:center;margin-right:.75rem;width:32px}.profile-info{margin-right:.5rem;text-align:left}.profile-name{color:#fff;color:var(--secondary-color);font-size:.875rem;font-weight:600;margin:0}.profile-role{color:#666;font-size:.75rem;margin:0}.profile-menu{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 16px #1fc1de14;box-shadow:var(--shadow);margin-top:.5rem;overflow:hidden;position:absolute;right:0;top:100%;width:200px;z-index:100}.profile-menu-item{align-items:center;background:none;border:none;color:#001062;color:var(--text-color);cursor:pointer;display:flex;padding:.75rem 1rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.profile-menu-item:hover{background-color:#0000000d}.profile-menu-divider{background-color:#e0e0e0;background-color:var(--border-color);height:1px;margin:.5rem 0}.mobile-menu-overlay{background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:90}@media (max-width:768px){.mobile-menu-overlay{display:block}}.text-primary{color:#1fc1de;color:var(--primary-color)}.bg-primary{background-color:#1fc1de;background-color:var(--primary-color)}.sidebar-header h2{color:#1fc1de;margin-left:0}.dashboard-header.minimal-header{background:#fff;border-bottom:1px solid #e0e4f0;box-shadow:0 2px 12px #1fc1de1a;color:#161a2d}.dashboard-header.minimal-header *{fill:#161a2d!important;color:#161a2d!important}.header-actions{align-items:center;gap:14px}.header-icon-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.18rem;justify-content:center;padding:6px 8px;transition:background .2s,color .2s}.header-icon-btn:hover{background:#f0f4ff;color:#1fc1de!important}.header-avatar{align-items:center;background:#f0f4ff;border-radius:18px;display:flex;gap:8px;padding:3px 12px 3px 8px}.header-avatar img{background:#fff;border-radius:50%;height:28px;object-fit:cover;width:28px}.header-username{color:#fff;font-size:.97rem;font-weight:600;letter-spacing:.2px}.header-title{color:#1fc1de;flex:1 1;font-family:Cairo,Tajawal,Noto Kufi Arabic,Arial,Tahoma,Segoe UI,sans-serif;font-size:1.25rem;font-weight:800;letter-spacing:.5px;padding-right:8px;text-align:right}.notifications{display:inline-block;position:relative}.notification-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:background .2s;width:40px}.notification-btn:hover{background:#e5e7eb}.notification-btn i{color:#374151;font-size:18px}.notification-badge{align-items:center;background:#ef4444;border-radius:999px;color:#fff;display:flex;font-size:11px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:4px;top:4px}.notification-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 6px 15px #0000001f;left:-10px;margin-top:10px;max-height:480px;overflow:hidden;position:absolute;top:100%;width:320px;z-index:9999}.notification-dropdown-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:10px 14px}.notification-dropdown-header h3{color:#374151;font-size:14px;font-weight:600;margin:0}.notification-dropdown-header button{background:none;border:none;color:#2563eb;cursor:pointer;font-size:12px}.notification-dropdown-header button:hover{text-decoration:underline}.notification-list{max-height:380px;overflow-y:auto;padding-left:5px;padding-right:5px}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.notification-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s}.notification-item:hover{background:#f9fafb}.notification-avatar{align-items:center;background:#e0f2fe;border-radius:50%;color:#0284c7;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.notification-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.notification-content{flex:1 1}.notification-title{color:#111827;font-size:14px;font-weight:600;margin:0 0 2px}.notification-body{color:#4b5563;font-size:12px;margin:0 0 4px}.notification-time{color:#9ca3af;font-size:11px}.notification-item.unread{background-color:#f0f8ff;cursor:pointer;font-weight:700}.notification-item.read{opacity:.7}.view-btn{background-color:#1fc1de;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.7rem;margin-top:6px;padding:4px 8px;transition:background-color .2s ease}.view-btn:hover{background-color:#1e40af}@media (max-width:768px){.dashboard-sidebar{transform:translateX(100%);transition:transform .3s ease-in-out}.dashboard-sidebar.open{transform:translateX(0)}.dashboard-main{margin-right:0}.mobile-menu-overlay{display:block}.dashboard-content{padding:.5rem}.header-title{font-size:small}}:root{--sidebar-bg:#1e293b}.dashboard-sidebar{background-color:#1e293b;background-color:var(--sidebar-bg);color:#fff;transition:background-color .3s ease}.theme-switcher{display:flex;gap:8px;justify-content:center;margin-top:10px}.theme-btn{border:2px solid #fff;border-radius:50%;cursor:pointer;height:26px;transition:transform .2s ease;width:26px}.theme-btn:hover{transform:scale(1.1)}.theme-btn.active{outline:2px solid #fff}.sidebar-links li a,.sidebar-links li button.logout-link{overflow:hidden;position:relative;transition:all .25s ease}.sidebar-links li a span,.sidebar-links li button.logout-link span{display:inline-block;transition:transform .3s ease,color .3s ease}.sidebar-links li a:hover span,.sidebar-links li button.logout-link:hover span{color:var(--primary-color);transform:translateX(-6px)}.sidebar-links li a:hover:after,.sidebar-links li button.logout-link:hover:after{opacity:1;transform:translateX(0)}.sidebar-links li a:after,.sidebar-links li button.logout-link:after{background:var(--primary-color);bottom:0;content:"";height:2px;opacity:.7;position:absolute;right:10px;transition:width .3s ease;width:0}.sidebar-links li a:hover:after,.sidebar-links li button.logout-link:hover:after{width:80%}@keyframes sidebarIconPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.sidebar-links li a .fa,.sidebar-links li button.logout-link .fa{animation:sidebarIconPulse 3.5s ease-in-out infinite;transition:color .5s ease}.sidebar-links li a:hover .fa,.sidebar-links li button.logout-link:hover .fa{animation:none;color:var(--primary-color)}Dashboard Home Styles
.dashboard-home{background:#f6fafd;direction:rtl;font-family:Cairo,Tajawal,Noto Kufi Arabic,Arial,Tahoma,Segoe UI,sans-serif;padding:24px 0}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.loading-spinner{border:3px solid #e2e8f0}.loading-text{color:#64748b;font-size:1.1rem}.dashboard-cards{grid-gap:23px;cursor:pointer;display:grid;gap:23px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px;padding:.8rem}.dashboard-card{border-radius:16px;box-shadow:0 2px 12px #1fc1de14;height:16rem;padding:18px 18px 18px 10px;width:12.5rem}.card-icon{box-shadow:0 2px 8px #1fc1de1a;font-size:1.6rem;height:48px;width:48px}.card-info{flex:1 1;min-width:0}.card-label{color:#1fc1de;font-size:1.05rem;font-weight:700;margin-bottom:2px}.card-value{color:#161a2d;font-size:1.5rem;font-weight:900;margin-bottom:2px}.card-sub{color:#7a8ca3;font-size:.95rem}.dashboard-charts{grid-gap:24px;display:grid;display:contents;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:32px}.dashboard-chart{background:#fff;border-radius:16px;box-shadow:0 2px 12px #1fc1de14;margin-bottom:2rem;min-width:0;padding:18px 12px 8px}.chart-title{color:#1fc1de;font-size:1.1rem;font-weight:800;margin-bottom:10px}.chart-actions{display:flex;justify-content:flex-end;margin-bottom:10px}.chart-action-btn{background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;height:24px;transition:all .2s ease;width:24px}.chart-action-btn:hover:not(:disabled){background:#1fc1de}.chart-action-btn:disabled{cursor:not-allowed;opacity:.6}.dashboard-tables{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:32px}.dashboard-table{background:#fff;border-radius:16px;box-shadow:0 2px 12px #1fc1de14;min-width:0;overflow-x:auto;padding:18px 12px 12px}.table-title{color:#1fc1de;font-size:1.1rem;font-weight:800;margin-bottom:10px}.dashboard-table table{border-collapse:collapse;font-size:.98rem;width:100%}.dashboard-table td,.dashboard-table th{padding:8px 6px;text-align:right}.dashboard-table th{background:#f0f4ff;color:#1fc1de;font-weight:700}.dashboard-table tr:nth-child(2n) td{background:#f8fbfd}.dashboard-table tr:hover td{background:#e6f7fa}.dashboard-activities{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:32px}.dashboard-activity{background:#fff;border-radius:16px;box-shadow:0 2px 12px #1fc1de14;min-width:0;padding:18px 12px 12px}.activity-title{color:#1fc1de;font-size:1.1rem;font-weight:800;margin-bottom:10px}.dashboard-activity ul{list-style:none;margin:0;padding:0}.dashboard-activity li{align-items:center;border-bottom:1px solid #f1f5f9;color:#64748b;display:flex;font-size:.95rem;gap:8px;padding:8px 0}.dashboard-activity li:last-child{border-bottom:none}.activity-icon{color:#1fc1de;font-size:.9rem}.dashboard-error{color:#ef4444;font-size:1.1rem;padding:40px;text-align:center}@media (max-width:700px){.dashboard-activities,.dashboard-cards,.dashboard-charts,.dashboard-tables{grid-template-columns:1fr}.dashboard-home{padding:16px 0}}@keyframes floaty{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes shine{0%{opacity:0;transform:translateX(-100%) skewX(-15deg)}50%{opacity:.4}to{opacity:0;transform:translateX(150%) skewX(-15deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(25px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dashboard-card{align-items:center;animation:fadeUp .8s ease forwards,floaty 5s ease-in-out infinite;background:#fff;border-radius:18px;border-top:3px solid #1fc1de;box-shadow:0 3px 10px #1fc1de14;cursor:pointer;display:flex;gap:16px;min-width:0;overflow:hidden;padding:18px;position:relative;transition:all .4s ease}.dashboard-card:first-child{animation-delay:.1s}.dashboard-card:nth-child(2){animation-delay:.2s}.dashboard-card:nth-child(3){animation-delay:.3s}.dashboard-card:nth-child(4){animation-delay:.4s}.dashboard-card:nth-child(5){animation-delay:.5s}.dashboard-card:nth-child(6){animation-delay:.6s}.dashboard-card:nth-child(7){animation-delay:.7s}.dashboard-card:nth-child(8){animation-delay:.8s}.dashboard-card:before{background:linear-gradient(120deg,#0000,#ffffff59,#0000);content:"";height:100%;left:-75%;opacity:0;position:absolute;top:0;transform:skewX(-15deg);width:50%}.dashboard-card:hover{box-shadow:0 8px 30px #1fc1de33;transform:translateY(-8px) scale(1.03)}.dashboard-card:hover:before{animation:shine 1.2s ease forwards}.card-icon{align-items:center;border-radius:50%;box-shadow:0 3px 10px #1fc1de26;color:#fff;display:flex;font-size:1.7rem;height:52px;justify-content:center;transition:all .4s ease;width:52px}.dashboard-card:hover .card-icon{box-shadow:0 4px 18px #1fc1de59;transform:rotate(15deg) scale(1.15)}.card-info{transition:all .3s ease}.dashboard-card:hover .card-info{transform:translateX(-5px)}.card-label,.card-value{transition:color .3s ease}.dashboard-card:hover .card-label{color:#00bcd4}.dashboard-card:hover .card-value{color:#111}.dashboard-card:after{background:linear-gradient(90deg,#0000,#1fc1de,#0000);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.dashboard-card:hover:after{width:80%}@media (max-width:700px){.dashboard-card{animation:fadeUp .8s ease forwards}}.success-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.success-modal{animation:slideIn .4s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;direction:rtl;max-width:400px;padding:32px;position:relative;text-align:center;width:90%}.success-modal-icon{align-items:center;animation:bounceIn .6s ease .2s both;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 8px 25px #10b9814d;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.success-modal-icon svg{color:#fff;font-size:2.5rem}.success-modal-content h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 12px}.success-modal-content h3,.success-modal-content p{font-family:Cairo,Tajawal,Noto Kufi Arabic,Arial,sans-serif}.success-modal-content p{color:#64748b;font-size:1rem;line-height:1.6;margin:0}.success-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:32px;justify-content:center;left:16px;position:absolute;top:16px;transition:all .2s ease;width:32px}.success-modal-close:hover{background:#e2e8f0;color:#374151;transform:scale(1.1)}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.success-modal{margin:20px;padding:24px}.success-modal-icon{height:60px;margin-bottom:20px;width:60px}.success-modal-icon svg{font-size:2rem}.success-modal-content h3{font-size:1.3rem}.success-modal-content p{font-size:.9rem}}.delete-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;direction:rtl;max-height:90vh;max-width:480px;overflow:hidden;width:90%}.delete-modal-header{align-items:center;display:flex;justify-content:space-between;padding:24px 24px 0;position:relative}.delete-modal-icon{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:50%;box-shadow:0 8px 16px #ff6b6b4d;display:flex;height:60px;justify-content:center;margin:0 auto;width:60px}.delete-modal-icon svg{color:#fff;font-size:24px}.delete-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;left:16px;position:absolute;top:16px;transition:all .2s ease;width:32px}.delete-modal-close:hover{background:#f5f5f5;color:#333}.delete-modal-content{padding:24px;text-align:center}.delete-modal-content h3{color:#333;font-size:20px;font-weight:600;margin:0 0 16px}.delete-modal-content p{color:#666;font-size:16px;line-height:1.5;margin:0 0 12px}.delete-item-name{color:#333;font-weight:600}.delete-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffeaa7;border-radius:8px;color:#856404;font-size:14px;font-weight:500;margin:16px 0 0;padding:12px}.delete-modal-actions{display:flex;gap:12px;justify-content:center;padding:0 24px 24px}.delete-modal-actions .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:100px;padding:12px 24px;transition:all .2s ease}.delete-modal-actions .btn-secondary{background:#f8f9fa;border:1px solid #dee2e6;color:#666}.delete-modal-actions .btn-secondary:hover:not(:disabled){background:#e9ecef;color:#495057}.delete-modal-actions .btn-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a52);box-shadow:0 4px 12px #ff6b6b4d;color:#fff}.delete-modal-actions .btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#ff5252,#d32f2f);box-shadow:0 6px 16px #ff6b6b66;transform:translateY(-1px)}.delete-modal-actions .btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.delete-modal{margin:20px;width:95%}.delete-modal-header{padding:20px 20px 0}.delete-modal-content{padding:20px}.delete-modal-actions{flex-direction:column;padding:0 20px 20px}.delete-modal-actions .btn{width:100%}}.providers-list{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;direction:rtl;min-height:100vh;padding:20px}.providers-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.providers-title h2{color:#1fc1de;font-size:1.5rem;font-weight:700;margin:0 0 4px}.providers-title p{color:#6b7280;font-size:.875rem;margin:0}.providers-actions{display:flex;gap:12px}.btn{font-size:.875rem}.providers-filters{align-items:center;display:flex;display:-webkit-inline-box;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-box svg{color:#9ca3af;font-size:.875rem}.search-box input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;padding:12px 40px 12px 16px;transition:border-color .2s ease}لهف

.slide-down{display:contents}.filter-toggle{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:8px;padding:12px 16px;transition:all .2s ease}.filter-toggle.active,.filter-toggle:hover{background:#1fc1de0d;border-color:#1fc1de;color:#1fc1de}.filters-panels{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:contents;gap:12px;padding:16px;width:100%}.filters-panels .select-wrap{display:inline-block;position:relative}.filters-panels select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;background:#fff;border:2px solid #e9ecef;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;height:48px;line-height:1;padding:8px 10px;padding-inline-end:36px}.filters-panels .select-wrap:after{border-top:6px solid #e9ecef}.filters-panels .select-wrap:focus{border:none;box-shadow:0 0 0 3px #1fc1de1a;outline:none}[dir=rtl] .filters-panels select{padding-inline-end:12px;padding-inline-start:36px}.filters-panels select:focus{border-color:#1fc1de;outline:none}.filters-panels .select-wrap:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid #374151;content:"";height:0;inset-inline-end:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:0}.provider-info{gap:12px}.provider-info span{color:#1f2937;font-weight:500}.provider-avatar{border:3px solid #e5e7eb;box-shadow:0 2px 8px #0000001a;height:50px;transition:all .2s ease;width:50px}.provider-avatar:hover{border-color:#1fc1de;box-shadow:0 4px 12px #1fc1de33;transform:scale(1.05)}.provider-avatar-icon{align-items:center;background:#e2e8f0;border-radius:50%;color:#64748b;display:flex;font-size:1.2rem;height:40px;justify-content:center;margin-left:12px;width:40px}.provider-avatar-icon.visible{display:flex}.provider-avatar-icon.hidden{display:none}.status-toggle{align-items:center;display:flex;gap:8px;justify-content:center}.status-toggle-input{display:none}.status-toggle-label{-webkit-user-select:none;user-select:none}.status-toggle-slider{background:#d1d5db}.status-toggle-input:checked+.status-toggle-label .status-toggle-slider,.status-toggle-slider{box-shadow:inset 0 2px 4px #0000001a}.status-toggle-input:checked+.status-toggle-label .status-toggle-slider:before{box-shadow:0 2px 4px #0003}.status-toggle-text{color:#374151;font-size:.8rem;font-weight:600}.status-toggle-input:checked+.status-toggle-label .status-toggle-text{color:#059669}.status-active{border:1px solid #bbf7d0}.status-pending{border:1px solid #fde68a}.status-suspended{background:#fee2e2;border:1px solid #fecaca}.status-default,.status-deleted{background:#f3f4f6}.status-select{display:none}.btn-action{border-radius:6px;font-size:.75rem}.btn-view{background:#dbeafe;color:#1d4ed8}.btn-view:hover{background:#bfdbfe}.btn-edit{background:#fef3c7;color:#d97706}.btn-edit:hover{background:#fde68a}.btn-delete{background:#fee2e2;color:#dc2626}.btn-delete:hover{background:#fecaca}.error-message{background:#fee2e2;color:#991b1b;font-size:.875rem}.no-data{color:#6b7280;font-size:1rem}.pagination{border-top:1px solid #e5e7eb;padding-top:16px}.btn-page{border:1px solid #d1d5db;font-size:.875rem}.btn-page:hover:not(:disabled){background:#1fc1de0d}@media (max-width:1024px){.providers-header{align-items:flex-start;flex-direction:column;gap:16px}.providers-actions{justify-content:flex-end;width:100%}.search-box{min-width:250px}}@media (max-width:768px){.providers-list{padding:16px}.providers-filters{align-items:stretch;flex-direction:column}.search-box{min-width:auto}.filters-panels{flex-direction:column}.city-search-container{min-width:auto;width:100%}.providers-table td,.providers-table th{font-size:.75rem;padding:12px 8px}.provider-avatar{height:45px;width:45px}.action-buttons{flex-direction:column;gap:4px}.btn-action{height:28px;width:28px}}.providers-table tbody .shimmer-table-row{display:table-row}.providers-table tbody .shimmer-table-row .shimmer-cell{display:table-cell;padding:16px 12px;vertical-align:middle}.providers-table tbody .shimmer-table-row .shimmer-cell:first-child{padding-right:16px}.providers-table tbody .shimmer-table-row .shimmer-cell:last-child{padding-left:16px}.btn:disabled{box-shadow:none!important;transform:none!important}.search-box input:disabled{background:#f9fafb;cursor:not-allowed}.filter-toggle:disabled{cursor:not-allowed;opacity:.6}.city-search-container{min-width:200px}.city-search-input{align-items:center;display:flex}.city-search-input input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.875rem;padding:8px 32px 8px 12px;transition:border-color .2s ease}.city-search-input input:focus{box-shadow:0 0 0 3px #1fc1de1a}.city-clear-btn{background:#9ca3af;color:#fff;font-size:12px;font-weight:700;height:16px;right:8px;width:16px}.city-clear-btn:hover{background:#6b7280}.city-dropdown{border:1px solid #d1d5db;border-radius:0 0 6px 6px}.city-option{border-bottom:1px solid #f3f4f6;color:#374151;font-size:.875rem;padding:8px 12px;transition:background-color .2s ease}.city-option:last-child{border-bottom:none}.city-option:hover{background:#f8fafc}.city-no-results{color:#6b7280;font-size:.875rem}.city-dropdown::-webkit-scrollbar{width:6px}.city-dropdown::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.city-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.city-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.providers-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:300px}.providers-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#1fc1de;height:40px;width:40px}.providers-loading .loading-text{color:#64748b;font-size:1.1rem;font-weight:500}@media (max-width:768px){.providers-table td:nth-child(4),.providers-table td:nth-child(5),.providers-table td:nth-child(6),.providers-table td:nth-child(7),.providers-table td:nth-child(8),.providers-table th:nth-child(4),.providers-table th:nth-child(5),.providers-table th:nth-child(6),.providers-table th:nth-child(7),.providers-table th:nth-child(8){display:none}.filters-panels{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:block;margin-top:12px;padding:12px}.city-search-container,.filters-panels .select-wrap{margin-bottom:12px;width:100%}.providers-actions{display:block}.providers-filters{display:table-caption}.providers-table{background:#fff;border-collapse:collapse;font-size:.875rem;min-width:800px;width:100%}}.unread-row{background-color:#c6e8f6!important;border-right:4px solid red!important}.custom-table-container{margin-top:24px;overflow-x:auto;width:100%}.custom-table{background:#fff;border-collapse:initial;border-radius:14px;border-spacing:0;box-shadow:0 3px 12px #0000000f;overflow:hidden;width:100%}.custom-table th{background:linear-gradient(135deg,#f9fafb,#f1f5f9);border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:14px;font-weight:700;padding:14px 16px;text-align:center;transition:background .3s ease,color .3s ease;white-space:nowrap}.custom-table th:hover{background:#e2e8f0;color:#0ea5e9}.custom-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;padding:14px 16px;text-align:center;vertical-align:middle}.custom-table td:first-child{color:#1fc1de;font-weight:600}.custom-table tbody tr:nth-child(2n){background-color:#f9fafb}.custom-table tbody tr:hover{background:#eef2ff;transition:background .25s ease}.categories-action-buttons{gap:6px}.categories-btn-action{color:#fff;padding:6px 8px}.categories-btn-view{background:#3b82f6}.categories-btn-edit{background:#f59e0b}.categories-btn-delete{background:#ef4444}.categories-btn-action:hover{opacity:.85;transform:translateY(-1px)}.pagination{flex-wrap:wrap;gap:6px;margin-top:16px}.btn-page{border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:13px;padding:6px 10px}.btn-page:hover{background:#1fc1de;border-color:#1fc1de;color:#fff}.btn-page.active{background:#1fc1de;font-weight:600}@media (max-width:992px){.custom-table td,.custom-table th{font-size:13px;padding:10px 8px}}@media (max-width:768px){.custom-table{min-width:900px}.custom-table-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.custom-table td,.custom-table th{white-space:nowrap}}.provider-details{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;direction:rtl;padding:24px}.provider-details-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;gap:16px;margin-bottom:32px;padding-bottom:20px}.btn-back{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;border-radius:10px;color:#374151;font-size:.875rem;padding:10px 18px}.btn-back:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-color:#9ca3af;box-shadow:0 4px 12px #0000001a}.provider-details-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1fc1de,#00a6c9);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;margin:0}.provider-details-content{display:flex;flex-direction:column;gap:32px}.provider-basic-info{grid-gap:32px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;display:grid;gap:32px;grid-template-columns:1fr 1fr;padding:28px}.provider-profile{align-items:center;display:flex;gap:20px}.provider-profile-image{border:4px solid #1fc1de;border-radius:50%;box-shadow:0 8px 25px #1fc1de4d;height:100px;object-fit:cover;transition:all .3s ease;width:100px}.provider-profile-image:hover{box-shadow:0 12px 35px #1fc1de66;transform:scale(1.05)}.provider-profile-icon{align-items:center;background:#e2e8f0;border:4px solid #e5e7eb;border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#64748b;display:flex;font-size:2.5rem;height:120px;justify-content:center;transition:all .2s ease;width:120px}.provider-profile-icon.visible{display:flex}.provider-profile-icon.hidden{display:none}.provider-profile-icon:hover{border-color:#1fc1de;box-shadow:0 6px 20px #1fc1de33;transform:scale(1.05)}.provider-profile-info h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 6px}.provider-username{color:#64748b;font-size:1rem;font-weight:500;margin:0 0 12px}.provider-contact-info{display:flex;flex-direction:column;gap:16px}.contact-item{background:#fff;gap:14px;padding:12px 16px;transition:all .2s ease}.contact-item:hover{transform:translateX(-4px)}.contact-item svg{color:#1fc1de;font-weight:600;width:18px}.contact-item span{color:#374151;font-size:.95rem;font-weight:500}.status-badge{border-radius:25px;box-shadow:0 2px 8px #0000001a;gap:8px;padding:8px 16px;white-space:nowrap}.status-badge svg{font-size:.75rem}.status-active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac}.status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b}.status-paid{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #60a5fa;color:#1e40af}.status-suspended{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#991b1b}.status-deleted{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;color:#374151}.status-completed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;color:#166534}.status-canceled{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#991b1b}.status-default{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;color:#374151}.provider-statistics h3{color:#1e293b;font-size:1.4rem;font-weight:700;margin:0 0 20px;text-align:start}.statistics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card{border:1px solid #e2e8f0;box-shadow:0 2px 10px #0000000d;gap:20px}.stat-card:hover{border-color:#1fc1de;box-shadow:0 12px 30px #0000001f;transform:translateY(-4px)}.stat-icon{background:linear-gradient(135deg,#1fc1de,#00a6c9);border-radius:16px;box-shadow:0 4px 15px #1fc1de4d;font-size:1.4rem;height:56px;width:56px}.stat-content h4{color:#64748b;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.stat-number{color:#1e293b;font-size:1.8rem;font-weight:800;margin:0 0 6px}.stat-detail{color:#94a3b8;font-size:.8rem;font-weight:500;margin:0}.provider-recent-data{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1fr 1fr}.recent-bookings,.recent-trips{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 10px #0000000d;padding:24px}.recent-bookings h3,.recent-trips h3{border-bottom:2px solid #f1f5f9;color:#1e293b;font-size:1.2rem;font-weight:700;margin:0 0 20px;padding-bottom:12px}.recent-items{display:flex;flex-direction:column;gap:16px}.recent-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:16px;transition:all .3s ease}.recent-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#1fc1de;box-shadow:0 4px 15px #1fc1de1a;transform:translateX(-4px)}.item-info h4{color:#1e293b;font-size:.95rem;font-weight:600;margin:0 0 6px}.item-price{color:#1fc1de;font-size:.85rem;font-weight:700;margin:0}.item-meta{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.item-date{color:#94a3b8;font-size:.75rem;font-weight:500}.no-data{color:#94a3b8;font-size:.95rem}.provider-details-error{padding:60px 20px;text-align:center}.provider-details-error p{color:#dc2626;font-size:1.1rem;font-weight:500;margin:0 0 20px}.provider-details-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.provider-details-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#1fc1de;height:40px;width:40px}.provider-details-loading .loading-text{color:#64748b;font-size:1.1rem;font-weight:500}.trips-grid{grid-template-columns:repeat(2,1fr);margin-top:16px}.trip-card{border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;height:200px;transition:all .3s ease;width:100%}.trip-card:hover{border-color:#1fc1de;box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.trip-image{height:120px;width:100%}.trip-card-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.trip-card:hover .trip-card-image{transform:scale(1.05)}.trip-no-image{align-items:center;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#64748b;display:flex;font-size:1.8rem;height:100%;justify-content:center;width:100%}.trip-status-overlay{position:absolute;right:8px;top:8px;z-index:2}.trip-card-content{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:12px}.trip-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.95rem;line-height:1.3;margin:0 0 8px;min-height:2.4rem;overflow:hidden;text-overflow:ellipsis}.trip-meta{margin-bottom:12px}.trip-provider{font-size:.9rem;gap:8px}.trip-provider,.trip-provider-icon{align-items:center;color:#64748b;display:flex}.trip-provider-icon{background:#e2e8f0;border-radius:50%;font-size:.7rem;height:20px;justify-content:center;width:20px}.trip-provider-name{color:#1fc1de;font-weight:500}.trip-bottom{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.trip-price{color:#1fc1de;font-size:1rem;margin:0}.trip-price:before{color:#64748b;content:"ريال";font-size:.8rem;font-weight:500}.trip-date{color:#64748b;font-size:.75rem;font-weight:500;margin:0}.trip-actions{bottom:12px;gap:8px;left:12px;opacity:0;position:absolute;transition:opacity .3s ease}.trip-card:hover .trip-actions{opacity:1}.trip-action-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:none;border-radius:50%;color:#1fc1de;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.trip-action-btn:hover{background:#1fc1de;color:#fff;transform:scale(1.1)}.bookings-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:16px}.booking-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 2px 8px #0000000f;cursor:pointer;display:flex;flex-direction:column;height:200px;padding:16px;transition:all .3s ease}.booking-card:hover{border-color:#1fc1de;box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.booking-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.booking-user{align-items:center;display:flex;flex:1 1;gap:8px}.user-avatar{border:2px solid #e2e8f0;height:32px;width:32px}.user-avatar-placeholder{align-items:center;background:#e2e8f0;border:2px solid #e2e8f0;border-radius:50%;color:#64748b;display:flex;font-size:.8rem;height:32px;justify-content:center;width:32px}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{color:#1e293b;font-size:.85rem;font-weight:600;line-height:1.2}.booking-id{font-size:.7rem}.booking-trip{display:flex;flex:1 1;gap:12px;margin-bottom:12px}.trip-thumbnail{object-fit:cover}.trip-thumbnail,.trip-thumbnail-placeholder{border-radius:8px;flex-shrink:0;height:60px;width:60px}.trip-thumbnail-placeholder{align-items:center;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#64748b;display:flex;font-size:1.2rem;justify-content:center}.trip-info{min-width:0}.trip-info .trip-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;display:-webkit-box;font-size:.9rem;font-weight:600;line-height:1.3;margin:0;min-height:2.2rem;overflow:hidden;text-overflow:ellipsis}.booking-date{font-size:.75rem}.booking-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;margin-top:auto;padding-top:8px}.total-amount{color:#1fc1de;font-size:1rem;font-weight:700}.status-badge{font-size:.7rem}.status-badge svg{font-size:.6rem;margin-left:4px}.enhanced-booking-card{background:linear-gradient(135deg,#f8fafc 80%,#e0f7fa);border:1.5px solid #e0e7ef;border-radius:16px;box-shadow:0 4px 18px #1fc1de14;display:flex;flex-direction:column;gap:0;min-height:220px;padding:20px 18px 16px;position:relative;transition:box-shadow .3s,transform .2s}.enhanced-booking-card:hover{border-color:#1fc1de;box-shadow:0 8px 32px #1fc1de2e;transform:translateY(-3px) scale(1.015)}.booking-card-header{align-items:center;display:flex;gap:16px;justify-content:flex-start;margin-bottom:10px;position:relative}.booking-user-avatar{flex-shrink:0}.user-avatar-large{background:#fff;border:2.5px solid #1fc1de;border-radius:50%;box-shadow:0 2px 8px #1fc1de1a;height:48px;object-fit:cover;width:48px}.user-avatar-placeholder.user-avatar-large{border:2.5px solid #e0e7ef;font-size:1.3rem;height:48px;width:48px}.booking-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.user-name-large{color:#1e293b;font-size:1.08rem;font-weight:700;line-height:1.2;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-id{font-size:.8rem;font-weight:600}.booking-status-badge{left:0;position:absolute;top:0;z-index:2}.booking-card-body{align-items:center;display:flex;gap:14px;margin-bottom:10px}.booking-trip-thumbnail{flex-shrink:0}.trip-thumbnail-rounded{background:#fff;border:1.5px solid #e0e8f0;border-radius:12px;height:54px;object-fit:cover;width:54px}.trip-thumbnail-placeholder.trip-thumbnail-rounded{align-items:center;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:12px;color:#64748b;display:flex;font-size:1.1rem;height:54px;justify-content:center;width:54px}.booking-trip-info{display:flex;flex-direction:column;gap:2px;min-width:0}.trip-title-large{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-date{color:#64748b;font-size:.82rem;font-weight:500}.booking-card-footer{align-items:center;border-top:1px solid #e0e8f0;display:flex;justify-content:space-between;margin-top:auto;padding-top:10px}.total-amount-badge{background:linear-gradient(135deg,#1fc1de 60%,#00a6c9);border-radius:20px;box-shadow:0 2px 8px #1fc1de1a;color:#fff;font-size:1.05rem;font-weight:700;letter-spacing:.5px;padding:6px 16px}.booking-arrow-icon{align-items:center;color:#1fc1de;display:flex;font-size:1.2rem;margin-right:8px;opacity:.85;transition:color .2s}.enhanced-booking-card:hover .booking-arrow-icon{color:#00a6c9;opacity:1}@media (max-width:600px){.enhanced-booking-card{min-height:170px;padding:12px 8px 10px}.user-avatar-large,.user-avatar-placeholder.user-avatar-large{font-size:1rem;height:36px;width:36px}.trip-thumbnail-placeholder.trip-thumbnail-rounded,.trip-thumbnail-rounded{font-size:.9rem;height:36px;width:36px}.total-amount-badge{font-size:.95rem;padding:4px 10px}}@media (max-width:1024px){.provider-basic-info,.provider-recent-data{gap:24px;grid-template-columns:1fr}.statistics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.provider-details{padding:16px}.provider-details-header{align-items:flex-start;flex-direction:column;gap:12px}.provider-profile{flex-direction:column;text-align:center}.provider-profile-image{height:80px;width:80px}.statistics-grid{grid-template-columns:1fr}.stat-card{padding:20px}.stat-icon{font-size:1.2rem;height:48px;width:48px}.recent-item{flex-direction:column;gap:12px}.item-meta,.recent-item{align-items:flex-start}.bookings-grid,.trips-grid{gap:12px;grid-template-columns:1fr}.booking-card,.trip-card{height:180px}.trip-image{height:100px}.trip-card-content{padding:10px}.trip-info .trip-title,.trip-title{font-size:.85rem;min-height:2.2rem}.total-amount,.trip-price{font-size:.9rem}}.shimmer-container{display:flex;flex-direction:column;gap:16px}@keyframes shimmer{0%{background-position:-300px 0}to{background-position:calc(300px + 100%) 0}}.shimmer-base{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#f8fafc,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%,#f8fafc);background-size:300px 100%;border-radius:8px}.shimmer-table-row{grid-gap:12px;align-items:center;border-bottom:1px solid #f3f4f6;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;padding:16px 12px}.shimmer-cell{align-items:center;display:flex;gap:8px}.shimmer-avatar-small{border-radius:50%;height:32px;width:32px}.shimmer-avatar-small,.shimmer-line{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#f8fafc,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%,#f8fafc);background-size:300px 100%}.shimmer-line{border-radius:6px;height:12px;width:100%}.shimmer-badge{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#f8fafc,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%,#f8fafc);background-size:300px 100%;border-radius:12px;height:24px;width:80px}.shimmer-actions{display:flex;gap:8px}.shimmer-action-btn{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#f8fafc,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%,#f8fafc);background-size:300px 100%;border-radius:6px;height:28px;width:28px}.shimmer-form{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:24px;box-shadow:0 12px 40px #00000026;direction:rtl;padding:32px}.shimmer-form-header{align-items:center;border-bottom:3px solid #f1f5f9;display:flex;gap:20px;margin-bottom:36px;padding-bottom:24px}.shimmer-btn{border-radius:12px;height:40px;width:100px}.shimmer-btn,.shimmer-title{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#f8fafc,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%,#f8fafc);background-size:300px 100%}.shimmer-title{border-radius:8px;height:32px;width:200px}.shimmer-form-content{display:flex;flex-direction:column;gap:36px}.shimmer-form-section{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 6px 20px #00000014;padding:32px}.shimmer-section-title{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#f8fafc,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%,#f8fafc);background-size:300px 100%;border-radius:8px;height:24px;margin-bottom:24px;width:150px}.shimmer-form-group{margin-bottom:24px}.shimmer-label{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#f8fafc,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%,#f8fafc);background-size:300px 100%;border-radius:6px;height:16px;margin-bottom:10px;width:120px}.shimmer-input,.shimmer-select{border-radius:16px;height:48px}.shimmer-file-upload,.shimmer-input,.shimmer-select{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#f8fafc,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%,#f8fafc);background-size:300px 100%;width:100%}.shimmer-file-upload{border-radius:12px;height:60px}.shimmer-form-actions{border-top:3px solid #f1f5f9;display:flex;gap:16px;justify-content:flex-end;padding-top:28px}.shimmer-details{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;direction:rtl;padding:24px}.shimmer-details-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;gap:16px;margin-bottom:32px;padding-bottom:20px}.shimmer-details-content{display:flex;flex-direction:column;gap:32px}.shimmer-profile{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:20px;padding:24px}.shimmer-profile-image{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#f8fafc,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%,#f8fafc);background-size:300px 100%;border-radius:50%;height:80px;width:80px}.shimmer-profile-info{display:flex;flex:1 1;flex-direction:column;gap:12px}.shimmer-name{height:24px;width:200px}.shimmer-name,.shimmer-username{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#f8fafc,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%,#f8fafc);background-size:300px 100%;border-radius:6px}.shimmer-username{height:16px;width:150px}.shimmer-contact-info{display:flex;flex-direction:column;gap:16px}.shimmer-contact-item{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#f8fafc,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%,#f8fafc);background-size:300px 100%;border-radius:6px;height:20px;width:100%}.shimmer-statistics{display:flex;flex-direction:column;gap:20px}.shimmer-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.shimmer-stat-card{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#f8fafc,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%,#f8fafc);background-size:300px 100%;border-radius:12px;height:80px}.shimmer-recent-data{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.shimmer-recent-section{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px}.shimmer-recent-items{display:flex;flex-direction:column;gap:16px;margin-top:20px}.shimmer-recent-item{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#f8fafc,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%,#f8fafc);background-size:300px 100%;border-radius:6px;height:16px;width:100%}.shimmer-card{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:16px;padding:24px;transition:all .3s ease}.shimmer-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.shimmer-avatar{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#f8fafc,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%,#f8fafc);background-size:300px 100%;border-radius:12px;height:60px;width:60px}.shimmer-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.shimmer-content .shimmer-title{height:20px;width:80%}.shimmer-content .shimmer-title,.shimmer-subtitle{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#f8fafc,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%,#f8fafc);background-size:300px 100%;border-radius:6px}.shimmer-subtitle{height:16px;width:60%}.shimmer-text{border-radius:6px;height:14px;width:40%}.shimmer-chart,.shimmer-text{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#f8fafc,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%,#f8fafc);background-size:300px 100%}.shimmer-chart{border-radius:12px;height:260px;width:100%}.shimmer-activity-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:12px 0}.shimmer-activity-icon{border-radius:50%;height:24px;width:24px}.shimmer-activity-icon,.shimmer-activity-text{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#f8fafc,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%,#f8fafc);background-size:300px 100%}.shimmer-activity-text{border-radius:6px;height:14px;width:100%}.shimmer-simple-block{background:#e2e8f0;border-radius:12px;min-height:16px;min-width:60px}@media (max-width:1024px){.shimmer-table-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr}.shimmer-recent-data{grid-template-columns:1fr}.shimmer-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.shimmer-form,.shimmer-form-section{padding:20px}.shimmer-details{padding:16px}.shimmer-profile{flex-direction:column;text-align:center}.shimmer-stats-grid{grid-template-columns:1fr}.shimmer-card{padding:16px}.shimmer-avatar{height:50px;width:50px}}.provider-form{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #1fc1de1a;border-radius:24px;box-shadow:0 12px 40px #00000026;direction:rtl;overflow:hidden;padding:32px;position:relative}.provider-form:before{background:linear-gradient(135deg,#1fc1de,#00a6c9,#001062);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.provider-form-header{align-items:center;border-bottom:3px solid #f1f5f9;display:flex;gap:20px;margin-bottom:36px;padding-bottom:24px;position:relative}.provider-form-header:after{background:linear-gradient(135deg,#1fc1de,#00a6c9);border-radius:2px;bottom:-3px;content:"";height:3px;position:absolute;right:0;width:80px}.btn-back{background:linear-gradient(135deg,#f8fafc,#e2e8f0);box-shadow:0 2px 8px #0000000d;gap:10px}.btn-back:hover{color:#1e293b}.provider-form-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1fc1de,#00a6c9,#001062);-webkit-background-clip:text;background-clip:text;font-size:1.875rem;font-weight:800;margin:0;position:relative;text-shadow:0 2px 4px #1fc1de1a}.provider-form-content{display:flex;flex-direction:column;gap:36px}.form-section{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 6px 20px #00000014;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}.form-section:before{background:linear-gradient(135deg,#1fc1de,#00a6c9);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.form-section:hover{border-color:#1fc1de33;box-shadow:0 10px 30px #0000001f;transform:translateY(-2px)}.form-section:hover:before{opacity:1}.form-section h3{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:1.4rem;font-weight:700;margin:0 0 24px;padding-bottom:16px;position:relative}.form-section h3:after{background:linear-gradient(135deg,#1fc1de,#00a6c9);border-radius:1px;bottom:-2px;content:"";height:2px;position:absolute;right:0;width:60px}.form-group{margin-bottom:24px}.form-group label{color:#374151;font-size:.95rem;gap:12px;margin-bottom:10px}.form-group label svg{background:#1fc1de1a;border-radius:10px;font-size:.85rem;font-weight:600;padding:8px;transition:all .3s ease}.form-group:hover label svg{background:#1fc1de26;transform:scale(1.05)}.form-group input,.form-group select{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 4px #00000005;color:#374151;font-size:.95rem;font-weight:500;padding:16px 20px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#1fc1de;box-shadow:0 0 0 4px #1fc1de1a;outline:none;transform:translateY(-2px)}.form-group input.error,.form-group select.error{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.error-text{animation:fadeIn .3s ease;color:#dc2626;display:block;font-size:.8rem;margin-top:4px}.file-upload{margin-top:8px}.file-upload input[type=file]{cursor:pointer;height:100%;width:100%}.file-upload-label{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;color:#64748b;font-size:.85rem;justify-content:flex-start;min-height:60px;overflow:hidden;padding:12px 16px;position:relative}.file-upload-label,label.file-upload-label{place-content:start}.file-upload-label:before{background:linear-gradient(135deg,#1fc1de05,#1fc1de03);bottom:0;content:"";left:0;opacity:0;place-content:start;position:absolute;right:0;top:0;transition:opacity .3s ease}.file-upload-label:hover{background:linear-gradient(135deg,#1fc1de14,#1fc1de0a);box-shadow:0 4px 12px #1fc1de26;transform:translateY(-1px)}.file-upload-label:hover:before{opacity:1}.file-upload-label svg{background:#1fc1de1a;border-radius:8px;color:#1fc1de;font-size:1.2rem;padding:6px;position:relative;transition:all .3s ease;z-index:1}.file-upload-label:hover svg{background:#1fc1de33;transform:scale(1.05)}.file-preview{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;transition:all .3s ease}.file-preview:hover{border-color:#1fc1de;box-shadow:0 6px 20px #1fc1de33;transform:translateY(-1px)}.file-preview img{border-radius:10px;display:block;transition:all .3s ease}.file-preview img:hover{transform:scale(1.05)}.remove-file{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;box-shadow:0 2px 8px #0003;font-size:.7rem;right:-6px;top:-6px;transition:all .3s ease;z-index:10}.remove-file:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #0000004d}.form-actions{border-top:3px solid #f1f5f9;padding-top:28px;position:relative}.form-actions:before{background:linear-gradient(135deg,#1fc1de,#00a6c9);border-radius:2px;content:"";height:3px;position:absolute;right:0;top:-3px;width:100px}.btn{border-radius:14px;box-shadow:0 4px 12px #0000001a;font-size:.95rem;gap:12px;overflow:hidden;padding:16px 32px;position:relative}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn:hover:before{left:100%}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#00a6c9,#1fc1de);box-shadow:0 8px 25px #1fc1de66;transform:translateY(-3px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;color:#374151}.btn-secondary:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);box-shadow:0 8px 25px #0003;transform:translateY(-3px)}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:14px;border-right:4px solid #dc2626;box-shadow:0 4px 12px #dc26261a;overflow:hidden;padding:18px 24px;position:relative}.error-message:before{background:linear-gradient(135deg,#dc2626,#b91c1c);content:"";height:2px;left:0;position:absolute;right:0;top:0}@media (max-width:1024px){.form-grid{gap:24px;grid-template-columns:1fr}.file-upload-grid{gap:20px;grid-template-columns:1fr}}@media (max-width:768px){.provider-form{padding:16px}.provider-form-header{align-items:flex-start;flex-direction:column;gap:12px}.form-section{padding:20px}.form-actions{flex-direction:column}.btn{justify-content:center;width:100%}.file-preview img{height:100px;width:100px}.file-upload-label{padding:24px}}.form-city-search-container{width:100%}.form-city-search-input{align-items:center;display:flex}.form-city-search-input input{background:#fff;border:2px solid #e2e8f0;border-radius:16px;color:#1e293b;font-family:inherit;font-size:.95rem;padding:14px 40px 14px 16px}.form-city-search-input input:focus{box-shadow:0 0 0 4px #1fc1de1a}.form-city-search-input input.error{border-color:#dc2626;box-shadow:0 0 0 4px #dc26261a}.form-city-clear-btn{background:#9ca3af;color:#fff;font-size:14px;font-weight:700;height:20px;right:12px;width:20px}.form-city-clear-btn:hover{background:#6b7280;transform:translateY(-50%) scale(1.1)}.form-city-dropdown{border:2px solid #e2e8f0;border-radius:0 0 16px 16px;box-shadow:0 8px 25px #00000026;margin-top:2px}.form-city-option{border-bottom:1px solid #f1f5f9;color:#1e293b;font-family:inherit;font-size:.95rem}.form-city-option:last-child{border-bottom:none}.form-city-option:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#1fc1de}.form-city-option.selected{background:linear-gradient(135deg,#1fc1de,#00a6c9);font-weight:600}.form-city-no-results{color:#64748b;font-family:inherit;font-size:.9rem}.form-city-dropdown::-webkit-scrollbar{width:6px}.form-city-dropdown::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.form-city-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.form-city-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}input::placeholder{text-align:right}.video-upload-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:24px}.video-upload-title{border-bottom:2px solid #31beb5;color:#333;font-size:1.5rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.video-upload-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#31beb5;height:40px;margin-bottom:16px;width:40px}.video-upload-error{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin-bottom:20px;padding:12px}.video-upload-error p{font-size:14px;margin:0}.video-display{margin-bottom:20px}.video-player{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;overflow:hidden}.video-player video{display:block;max-height:400px;object-fit:cover;width:100%}.video-info{background:#f8f9fa;border-radius:8px;margin-bottom:16px;padding:12px}.video-info p{color:#666;font-size:14px;margin:4px 0}.video-actions{flex-wrap:wrap;gap:12px}.video-upload-area{background:#fafafa;border:2px dashed #ddd;border-radius:12px;margin-bottom:20px;padding:40px;text-align:center;transition:all .3s ease}.video-upload-area:hover{background:#f0f9f8;border-color:#31beb5}.upload-placeholder{color:#666}.upload-icon{display:block}.upload-hint{color:#999;font-size:14px;margin-top:8px}.file-preview{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:16px}.file-preview h4{color:#333;font-size:16px;margin:0 0 12px}.file-info{margin-bottom:16px}.file-info p{color:#666;font-size:14px;margin:4px 0}.video-preview{border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:16px;overflow:hidden}.upload-actions{display:flex;flex-wrap:wrap;gap:12px}.upload-trigger{text-align:center}.btn{padding:10px 20px}.btn-primary:hover:not(:disabled){background:#2aa89f}.btn-danger:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}@media (max-width:768px){.video-upload-container{padding:16px}.video-upload-title{font-size:1.25rem}.video-upload-area{padding:24px}.upload-icon{font-size:2rem}.upload-actions,.video-actions{flex-direction:column}.btn{justify-content:center;width:100%}}@media (max-width:480px){.video-upload-container{padding:12px}.video-upload-area{padding:16px}.file-preview{padding:12px}}.video-player-container{background:#000;border-radius:12px;box-shadow:0 4px 20px #0000004d;margin:0 auto;max-width:800px;overflow:hidden;width:100%}.video-wrapper{background:#000;position:relative;width:100%}.video-element{cursor:pointer;display:block;height:auto;width:100%}.video-placeholder{align-items:center;background:#1a1a1a;color:#666;display:flex;flex-direction:column;height:300px;justify-content:center}.placeholder-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.video-controls{background:linear-gradient(#0000,#000c);bottom:0;left:0;opacity:0;padding:20px;position:absolute;right:0;transition:opacity .3s ease}.video-wrapper:hover .video-controls{opacity:1}.controls-top{margin-bottom:12px}.video-title{color:#fff;font-size:16px;font-weight:500;text-shadow:0 1px 2px #000c}.controls-bottom{display:flex;flex-direction:column;gap:12px}.progress-container{background:#ffffff4d;border-radius:2px;cursor:pointer;height:4px;position:relative;transition:height .2s ease}.progress-container:hover{height:6px}.progress-bar{background:#31beb5;border-radius:2px;height:100%;transition:width .1s ease}.progress-handle{background:#31beb5;border-radius:50%;height:12px;left:0;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:12px}.progress-container:hover .progress-handle{opacity:1}.controls-main{align-items:center;display:flex;gap:16px;justify-content:space-between}.controls-left,.controls-right{align-items:center;display:flex;gap:12px}.control-btn{background:none;border-radius:4px;font-size:18px;height:40px;justify-content:center;min-width:40px;padding:8px;transition:all .2s ease}.control-btn:hover{background:#ffffff1a;transform:scale(1.1)}.control-btn:active{transform:scale(.95)}.play-pause-btn{font-size:20px}.time-display{color:#fff;display:flex;font-family:monospace;font-size:14px;gap:4px;text-shadow:0 1px 2px #000c}.volume-control{align-items:center;display:flex;gap:8px}.volume-slider{background:#ffffff4d;border-radius:2px;cursor:pointer;height:4px;outline:none;transition:all .2s ease;width:60px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#31beb5;border-radius:50%;cursor:pointer;height:12px;-webkit-transition:transform .2s ease;transition:transform .2s ease;width:12px}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{background:#31beb5;border:none;border-radius:50%;cursor:pointer;height:12px;-moz-transition:transform .2s ease;transition:transform .2s ease;width:12px}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.video-player-container:fullscreen .video-element{height:100vh;object-fit:contain}.video-player-container:-webkit-full-screen .video-element{height:100vh;object-fit:contain}.video-player-container:-moz-full-screen .video-element{height:100vh;object-fit:contain}@media (max-width:768px){.video-player-container{border-radius:8px}.video-controls{padding:16px}.controls-main{gap:12px}.controls-left,.controls-right{gap:8px}.control-btn{font-size:16px;height:36px;min-width:36px}.play-pause-btn{font-size:18px}.time-display{font-size:12px}.volume-slider{width:50px}.video-title{font-size:14px}}@media (max-width:480px){.video-controls{padding:12px}.controls-main{align-items:stretch;flex-direction:column;gap:8px}.controls-left,.controls-right,.volume-control{justify-content:center}.volume-slider{width:80px}}.video-element:not([src]){color:#666}.video-element:not([src]),.video-element[data-error=true]{align-items:center;background:#1a1a1a;display:flex;justify-content:center;min-height:200px}.video-element[data-error=true]{color:#e74c3c}.video-manager-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.video-manager-header{align-items:center;background:linear-gradient(135deg,#31beb5,#2aa89f);color:#fff;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 24px}.video-manager-title{font-size:1.5rem;font-weight:600;margin:0}.video-manager-tabs{background:#ffffff1a;border-radius:8px;display:flex;gap:8px;padding:4px}.tab-btn{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.tab-btn:hover{background:#fff3}.tab-btn.active{background:#fff;color:#31beb5}.video-manager-error{background:#fee;border:1px solid #fcc;color:#c33;font-size:14px;margin:0;padding:12px 24px}.video-manager-content{padding:24px}.video-player-section{display:flex;flex-direction:column;gap:20px}.video-metadata{background:#f8f9fa;border-left:4px solid #31beb5;border-radius:8px;padding:16px}.metadata-item{align-items:center;color:#666;display:flex;font-size:14px;justify-content:space-between;margin:8px 0}.metadata-item strong{color:#333;font-weight:600}.no-video-message{color:#666;padding:60px 20px;text-align:center}.no-video-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.no-video-message h3{color:#333;font-size:1.25rem;margin:0 0 8px}.no-video-message p{font-size:14px;margin:0}.video-manager-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.video-manager-loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#31beb5;height:40px;margin-bottom:16px;width:40px}@media (max-width:768px){.video-manager-header{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.video-manager-title{font-size:1.25rem;text-align:center}.tab-btn,.video-manager-tabs{justify-content:center}.tab-btn{flex:1 1;font-size:13px;padding:6px 12px}.video-manager-content{padding:16px}.video-metadata{padding:12px}.metadata-item{align-items:flex-start;flex-direction:column;gap:4px}.no-video-message{padding:40px 16px}.no-video-icon{font-size:3rem}}@media (max-width:480px){.video-manager-header{padding:12px}.video-manager-title{font-size:1.125rem}.video-manager-tabs{flex-direction:column}.tab-btn{width:100%}.video-manager-content{padding:12px}.video-metadata{padding:8px}.metadata-item{font-size:13px}}.trip-details{background:#f8fafc;direction:rtl;min-height:100vh;padding:32px}.trip-details-header{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;justify-content:space-between;margin-bottom:32px;padding:24px}.btn-back{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:12px;color:#475569;font-size:.9rem;font-weight:600;padding:12px 20px;text-decoration:none;transition:all .3s ease}.btn-back:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#94a3b8;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.trip-details-actions{display:flex;gap:12px}.action-buttons-group{display:flex;flex-wrap:wrap;gap:8px}.btn-action{border-radius:16px;box-shadow:0 4px 16px #0000001a;font-size:1rem;font-weight:700;gap:12px;min-width:160px;overflow:hidden;padding:16px 24px;position:relative;text-decoration:none}.btn-action:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.btn-action:hover:before{left:100%}.btn-action:hover{box-shadow:0 8px 25px #0003;transform:translateY(-3px)}.btn-action:active{transform:translateY(-1px)}.btn-action svg{font-size:1.2rem;transition:transform .3s ease}.btn-action:hover svg{transform:scale(1.15) rotate(5deg)}.btn-edit{background:linear-gradient(135deg,#1fc1de,#00a6c9);border:2px solid #0000;box-shadow:0 6px 20px #1fc1de66;padding:initial}.btn-edit:hover{background:linear-gradient(135deg,#00a6c9,#1fc1de);border-color:#fff3;box-shadow:0 12px 30px #1fc1de80}.btn-duplicate{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d;color:#fff}.btn-duplicate:hover{background:linear-gradient(135deg,#7c3aed,#8b5cf6);box-shadow:0 8px 25px #8b5cf666}.btn-view{box-shadow:0 4px 12px #10b9814d}.btn-view:hover{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 8px 25px #10b98166}.btn-delete{box-shadow:0 4px 12px #ef44444d}.btn-delete:hover{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 8px 25px #ef444466}.btn-action span{font-weight:700;letter-spacing:.5px;text-shadow:0 1px 2px #0000001a}.trip-details-content{align-items:start;display:inline-table;gap:24px;grid-template-columns:1fr 1fr}.trip-details-header-section{grid-column:1/-1}.trip-details-images{grid-column:1/-1}.trip-details-description,.trip-details-images{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:32px}.trip-details-description{grid-column:1/2}.trip-details-grid{display:flex;flex-direction:column;gap:24px;grid-column:2/3}.trip-details-options{grid-column:1/2}.trip-details-options,.trip-details-packages{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;margin-top:2rem;padding:32px}.trip-details-packages{grid-column:2/3}.trip-details-comments{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;grid-column:1/-1;margin-top:2rem;padding:32px}@media (max-width:1024px){.trip-details-content{gap:20px;grid-template-columns:1fr}.trip-details-description,.trip-details-grid,.trip-details-options,.trip-details-packages{grid-column:1/-1}}@media (max-width:768px){.trip-details-content{gap:16px}.trip-details-comments,.trip-details-description,.trip-details-grid,.trip-details-header-section,.trip-details-images,.trip-details-options,.trip-details-packages{padding:24px}}.trip-details-header-section{grid-gap:32px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;display:grid;gap:32px;grid-template-columns:1fr auto;padding:32px}.trip-details-main-info{display:flex;flex-direction:column;gap:20px}.trip-details-title h1{color:#1e293b;font-size:2rem;font-weight:800;line-height:1.2;margin:0 0 12px}.trip-details-title p{color:#64748b;font-size:1.1rem;font-weight:500;margin:0}.trip-details-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.trip-details-category,.trip-details-location{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;color:#374151;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 18px;transition:all .3s ease}.trip-details-category:hover,.trip-details-location:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#1fc1de;transform:translateY(-1px)}.trip-details-category svg,.trip-details-location svg{color:#1fc1de;font-size:1rem}.trip-details-price{background:linear-gradient(135deg,#1fc1de,#00a6c9);border:2px solid #fff3;border-radius:20px;box-shadow:0 8px 30px #1fc1de4d;color:#fff;padding:10px;text-align:center}.price-main{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.price-amount{color:#fff;font-size:1.5rem;font-weight:900;text-shadow:0 2px 4px #0000001a}.price-original{color:#fffc;font-size:1rem;text-decoration:line-through}.price-per-person{color:#ffffffe6;font-size:.9rem;font-weight:500}.trip-details-images h3{align-items:center;color:#1e293b;display:flex;font-size:1.4rem;font-weight:700;gap:12px;margin:0 0 24px}.trip-details-images h3 svg{color:#1fc1de;font-size:1.2rem}.trip-vertical-gallery{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:120px 1fr}.vertical-thumbnails{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding:8px 0;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.vertical-thumbnails::-webkit-scrollbar{width:6px}.vertical-thumbnails::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.vertical-thumbnails::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.vertical-thumbnails::-webkit-scrollbar-thumb:hover{background:#94a3b8}.vertical-thumb-item{background:#f8fafc;border:3px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;height:100px;overflow:hidden;position:relative;transition:all .3s ease;width:100px}.vertical-thumb-item:hover{border-color:#1fc1de;box-shadow:0 6px 20px #00000026;transform:translateX(-4px)}.vertical-thumb-item.active{border-color:#1fc1de;box-shadow:0 4px 15px #1fc1de4d;transform:translateX(-4px)}.vertical-thumb-image{height:100%;object-fit:cover;transition:all .3s ease;width:100%}.vertical-thumb-item:hover .vertical-thumb-image{transform:scale(1.05)}.thumb-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease}.vertical-thumb-item:hover .thumb-overlay{opacity:1}.thumb-number{color:#fff;font-size:1.2rem;font-weight:700;text-shadow:0 2px 4px #00000080}.main-image-viewer{background:#f8fafc;border-radius:16px;box-shadow:0 4px 20px #0000001a;min-height:400px;overflow:hidden;position:relative}.main-image{cursor:pointer;height:400px;transition:all .3s ease;width:100%}.main-image:hover{transform:scale(1.02)}.nav-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:48px;z-index:10}.nav-btn:hover{background:#fff;box-shadow:0 6px 20px #0003;transform:translateY(-50%) scale(1.1)}.prev-btn{right:16px}.next-btn{left:16px}.image-counter{border-radius:20px;bottom:16px;font-size:.9rem;font-weight:600;left:16px;padding:8px 16px}.fullscreen-btn,.image-counter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;color:#fff;position:absolute}.fullscreen-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;right:16px;top:16px;transition:all .3s ease;width:40px}.fullscreen-btn:hover{background:#000000e6;transform:scale(1.1)}.thumbnail-nav{display:flex;justify-content:space-between;padding:0 8px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:100%}.thumb-nav-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#1e293b;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;pointer-events:auto;transition:all .3s ease;width:32px}.thumb-nav-btn:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.carousel-controls{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;display:flex;justify-content:space-between;padding:20px}.control-info{display:flex;flex-direction:column;gap:4px}.control-counter{color:#1e293b;font-size:1rem;font-weight:700}.control-title{color:#64748b;font-size:.9rem;font-weight:500}.control-actions{gap:12px}.control-actions,.control-btn{align-items:center;display:flex}.control-btn{background:linear-gradient(135deg,#1fc1de,#00a6c9);border:none;border-radius:12px;box-shadow:0 4px 12px #1fc1de4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.control-btn:hover:not(:disabled){box-shadow:0 6px 20px #1fc1de66;transform:translateY(-2px)}.control-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.control-fullscreen{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.control-fullscreen:hover{box-shadow:0 6px 20px #10b98166}.trip-details-description h3{color:#1e293b;font-size:1.4rem;font-weight:700;margin:0 0 24px}.description-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.description-arabic,.description-english{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s ease}.description-arabic:hover,.description-english:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#1fc1de;box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.description-arabic h4,.description-english h4{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0 0 16px}.description-arabic p,.description-english p{color:#475569;font-size:.95rem;line-height:1.6;margin:0}.trip-details-video{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;margin:32px 0;overflow:hidden}.trip-details-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:32px;transition:all .3s ease}.trip-details-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.trip-details-card h3{align-items:center;color:#1e293b;display:flex;font-size:1.3rem;font-weight:700;gap:10px;margin:0 0 24px}.details-list{display:flex;flex-direction:column;gap:16px}.detail-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .3s ease}.detail-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#1fc1de;transform:translateX(-4px)}.detail-item svg{color:#1fc1de;font-size:1.1rem;min-width:20px}.detail-item span{color:#374151;font-size:.95rem;font-weight:500}.provider-info:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#1fc1de;transform:translateY(-2px)}.provider-avatar{flex-shrink:0}.provider-image{border:3px solid #1fc1de;border-radius:50%;box-shadow:0 4px 15px #1fc1de4d;height:80px;object-fit:cover;transition:all .3s ease;width:80px}.provider-image:hover{box-shadow:0 6px 20px #1fc1de66;transform:scale(1.05)}.provider-details{display:flex;flex:1 1;flex-direction:column;gap:16px}.provider-name-section{display:flex;flex-direction:column;gap:4px}.provider-name-section h4{color:#1e293b;font-size:1.2rem;font-weight:700;margin:0}.provider-company{color:#64748b;font-size:.9rem;font-weight:500}.provider-contact{display:flex;flex-direction:column;gap:12px}.contact-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:12px;transition:all .3s ease}.contact-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#1fc1de;box-shadow:0 4px 12px #1fc1de1a;transform:translateY(-1px)}.contact-icon{align-items:center;background:linear-gradient(135deg,#1fc1de,#00a6c9);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;width:36px}.contact-info{display:flex;flex-direction:column;gap:2px}.contact-label{color:#64748b;font-size:.8rem;font-weight:500}.contact-value{color:#1e293b;font-size:.95rem;font-weight:600}.trip-details-options h3{align-items:center;color:#1e293b;display:flex;font-size:1.4rem;font-weight:700;gap:12px;margin:0 0 24px}.trip-details-options h3:before{background:linear-gradient(135deg,#1fc1de,#00a6c9);border-radius:2px;content:"";height:24px;width:4px}.options-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.option-card{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.option-card:before{background:linear-gradient(90deg,#1fc1de,#00a6c9);content:"";height:3px;left:0;position:absolute;right:0;top:0}.option-card:hover{border-color:#1fc1de;box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.option-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.option-header h4{color:#1e293b;font-size:1.2rem;font-weight:700;line-height:1.3;margin:0}.option-price{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#1fc1de,#00a6c9);border-radius:20px;box-shadow:0 2px 8px #1fc1de4d;color:#fff;display:inline-flex;font-size:1rem;font-weight:700;gap:6px;padding:8px 16px}.option-price:before{content:"💰";font-size:.9rem}.option-name-en{color:#64748b;font-size:.9rem;font-style:italic;line-height:1.4;margin:0 0 12px}.option-stock{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.option-stock span{color:#475569;font-size:.85rem;font-weight:600}.option-stock:before{content:"📦";font-size:.9rem}.trip-details-comments h3{color:#1e293b;font-size:1.4rem;font-weight:700;margin:0 0 28px}.comments-list{display:flex;flex-direction:column;gap:20px}.comment-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s ease}.comment-card:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#1fc1de;box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.comment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.comment-user{align-items:center;display:flex;gap:12px}.user-avatar{border:2px solid #1fc1de;border-radius:50%;box-shadow:0 2px 8px #1fc1de33;height:50px;object-fit:cover;width:50px}.user-info h4{color:#1e293b;font-size:1rem;font-weight:700;margin:0 0 4px}.comment-date{color:#64748b;font-size:.85rem;font-weight:500}.comment-rating{display:flex;gap:2px}.star-filled{color:#fbbf24;font-size:1rem}.star-empty{color:#d1d5db;font-size:1rem}.comment-content p{color:#475569;font-size:.95rem;line-height:1.6;margin:0}.trip-details-availability{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:32px}.trip-details-availability h3{color:#1e293b;font-size:1.4rem;font-weight:700;margin:0 0 28px}.availability-dates{display:flex;flex-wrap:wrap;gap:12px}.date-item{background:linear-gradient(135deg,#1fc1de,#00a6c9);border-radius:12px;box-shadow:0 2px 8px #1fc1de4d;color:#fff;font-size:.9rem;font-weight:600;padding:12px 18px;transition:all .3s ease}.date-item:hover{box-shadow:0 4px 12px #1fc1de66;transform:translateY(-2px)}.more-dates{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;color:#64748b;font-size:.9rem;font-weight:600;padding:12px 18px}.status-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px}.status-badge svg{font-size:.8rem}.status-active{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e66;color:#fff}.status-pending{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d;color:#fff}.status-inactive{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff}.status-deleted{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 8px #6b72804d;color:#fff}@media (max-width:1024px){.trip-details-header-section{gap:revert-layer;grid-template-columns:1fr}.description-content,.trip-details-grid{grid-template-columns:1fr}.options-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.packages-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.trip-details{padding:20px}.trip-details-header{align-items:stretch;flex-direction:column;gap:16px}.trip-details-actions{justify-content:center}.action-buttons-group{flex-direction:column;gap:8px;width:100%}.btn-action{justify-content:center;padding:initial;width:100%}.trip-details-meta{flex-direction:column;gap:8px}.provider-info,.provider-item{flex-direction:column;text-align:center}.provider-item{gap:12px}.provider-image-simple{height:50px;width:50px}.contact-item{flex-direction:column;gap:8px;text-align:center}.contact-icon{align-self:center}.options-grid{gap:16px;grid-template-columns:1fr}.option-card{padding:20px}.option-header{gap:10px;margin-bottom:14px}.option-header h4{font-size:1.1rem}.option-price{font-size:.9rem;padding:6px 12px}.comment-header{align-items:flex-start;flex-direction:column;gap:12px}.availability-dates{justify-content:center}.trip-vertical-gallery{gap:16px;grid-template-columns:1fr}.vertical-thumbnails{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;padding:4px 0}.vertical-thumb-item{flex-shrink:0;height:80px;width:80px}.main-image{height:300px}.nav-btn{font-size:.9rem;height:40px;width:40px}.prev-btn{right:12px}.next-btn{left:12px}.fullscreen-btn{height:36px;right:12px;top:12px;width:36px}}@media (max-width:480px){.main-image{height:250px}.nav-btn{font-size:.8rem;height:36px;width:36px}.prev-btn{right:8px}.next-btn{left:8px}.fullscreen-btn{height:32px;right:8px;top:8px;width:32px}.vertical-thumb-item{height:70px;width:70px}.image-counter{font-size:.8rem;padding:4px 8px}.action-buttons-group{gap:6px}.btn-action{padding:12px 14px}.btn-action,.btn-action span{font-size:.85rem}}.modal-nav-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.modal-nav-btn:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.modal-prev{left:-70px}.modal-next{right:-70px}.modal-counter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;bottom:-50px;color:#fff;font-size:.9rem;font-weight:600;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%)}@media (max-width:768px){.image-modal-content{max-height:95vh;max-width:95vw}.modal-nav-btn{font-size:1rem;height:40px;width:40px}.modal-prev{left:-60px}.modal-next{right:-60px}.modal-counter{bottom:-40px;font-size:.8rem}.image-modal-close_{font-size:1rem;height:36px;top:-40px;width:36px}.zoom-controls_{gap:6px;left:12px;top:12px}.zoom-btn{font-size:.9rem;height:36px;width:36px}}@media (max-width:480px){.modal-nav-btn{font-size:.9rem;height:36px;width:36px}.modal-prev{left:-50px}.modal-next{right:-50px}.modal-counter{bottom:-35px;font-size:.75rem}.image-modal-close{font-size:.9rem;height:32px;top:-35px;width:32px}.zoom-controls{gap:4px;left:8px;top:8px}.zoom-btn{font-size:.8rem;height:32px;width:32px}.provider-info{gap:16px}.provider-image-simple{height:45px;width:45px}.option-card{padding:16px}.option-header h4{font-size:1rem}.option-price{font-size:.85rem;padding:5px 10px}.option-stock{padding:6px 10px}}.provider-simple-list{display:flex;flex-direction:column;gap:20px}.provider-item{align-items:center;display:flex;gap:16px}.provider-avatar-simple{flex-shrink:0}.provider-image-simple{border:2px solid #e2e8f0;border-radius:50%;height:60px;object-fit:cover;transition:all .3s ease;width:60px}.provider-image-placeholder{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px solid #cbd5e1;border-radius:50%;color:#64748b;display:flex;font-size:1.5rem;height:60px;justify-content:center;transition:all .3s ease;width:60px}.provider-image-placeholder:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#1fc1de;color:#1fc1de;transform:scale(1.05)}.provider-info-simple h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 4px}.provider-company-simple{color:#64748b;font-size:.9rem;margin:0}.provider-contact-simple{display:flex;flex-direction:column;gap:8px}.contact-item-simple{align-items:center;color:#475569;display:flex;font-size:.9rem;gap:8px}.contact-item-simple svg{color:#1fc1de;margin-left:8px}.trip-details-packages h3{align-items:center;color:#1e293b;display:flex;font-size:1.2rem;font-weight:600;gap:10px;margin:0 0 20px}.trip-details-packages h3 svg{color:#1fc1de;font-size:1rem}.packages-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.package-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;padding:16px;position:relative;transition:all .2s ease}.package-card:before{background:linear-gradient(135deg,#1fc1de,#00a6c9);border-radius:12px 12px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.package-card:hover{border-color:#1fc1de;box-shadow:0 8px 25px #1fc1de1f;transform:translateY(-2px)}.package-header{gap:12px;margin-bottom:12px}.package-header,.package-icon{align-items:center;display:flex}.package-icon{background:linear-gradient(135deg,#1fc1de,#00a6c9);border-radius:8px;color:#fff;flex-shrink:0;font-size:.9rem;height:36px;justify-content:center;width:36px}.package-title{flex:1 1;min-width:0}.package-title h4{color:#1e293b;font-size:1rem;font-weight:600;line-height:1.2;margin:0 0 2px}.package-name-en{color:#94a3b8;font-size:.75rem;font-weight:500;margin:0}.package-price{align-items:flex-end;flex-direction:column;gap:2px;text-align:left}.package-price .price-amount{color:#1fc1de;font-size:1.1rem;font-weight:700}.package-price .price-unit{color:#94a3b8;font-size:.7rem;font-weight:500}.package-description{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;padding:10px}.package-description p{color:#475569;font-size:.85rem;font-weight:500;line-height:1.4;margin:0}.package-features{margin-bottom:12px}.features-list h5{color:#374151;font-size:.85rem;font-weight:600;margin:0 0 8px}.features-list ul{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0}.features-list li{align-items:center;background:#1fc1de0d;border-radius:6px;color:#374151;display:flex;font-size:.75rem;font-weight:500;gap:6px;padding:4px 8px}.feature-icon{color:#1fc1de;flex-shrink:0;font-size:.7rem}.package-meta{align-items:center;border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding-top:10px}.package-duration,.package-persons{align-items:center;background:#f8fafc;border-radius:6px;color:#64748b;display:flex;font-size:.7rem;font-weight:500;gap:4px;padding:4px 8px}.package-duration svg,.package-persons svg{color:#1fc1de;font-size:.6rem}.package-badge{align-items:center;border-radius:12px;display:flex;font-size:.65rem;font-weight:600;gap:4px;letter-spacing:.3px;padding:4px 8px;text-transform:uppercase}.package-badge.popular{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.package-badge.recommended{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.package-badge svg{font-size:.6rem}.image-modal_{align-items:center;background:#000000e6;inset:0;justify-content:center;position:fixed;z-index:9999}.image-modal-content_{z-index:1000}.image-modal-content_,.modal-image-container{align-items:center;display:flex;justify-content:center;position:relative}.modal-image-container{height:100vh;width:100vw;z-index:1001}.modal-image{border-radius:12px;max-height:30vh;max-width:90vw;object-fit:contain;position:relative;transition:transform .3s ease;z-index:1002}@media (max-width:1024px){.packages-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.trip-details-packages{padding:20px}.packages-grid{gap:12px;grid-template-columns:1fr}.package-card{padding:14px}.package-header{gap:10px;margin-bottom:10px}.package-icon{font-size:.8rem;height:32px;width:32px}.package-title h4{font-size:.95rem}.package-price .price-amount{font-size:1rem}.features-list ul{gap:4px;grid-template-columns:1fr}.package-meta{align-items:flex-start;flex-direction:column;gap:6px}}@media (max-width:480px){.trip-details-packages{padding:16px}.package-card{padding:12px}.package-title h4{font-size:.9rem}.package-price .price-amount{font-size:.95rem}.features-list li{font-size:.7rem;padding:3px 6px}.package-duration,.package-persons{font-size:.65rem;padding:3px 6px}.package-badge{font-size:.6rem;padding:3px 6px}}.trip-details-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.trip-details-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#1fc1de;height:40px;width:40px}.trip-details-loading .loading-text{color:#64748b;font-size:1.1rem;font-weight:500}.mini-summary{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;margin-top:20px;padding:15px}.mini-summary h4{font-size:18px;margin-bottom:10px;text-align:right}.mini-line{color:#475569;display:flex;font-size:15px;justify-content:space-between;padding:5px 0}.cost-grid{grid-gap:18px;gap:18px;margin:25px 0}.cost-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:18px;text-align:right}.cost-card.small{background:#fff9e6;border:1px solid #fcd34d;padding:25px 5px;text-align:center}.cost-card.small .cost-card-title{color:#92400e;font-size:16px;font-weight:600}.cost-card.small .cost-card-value{color:#1e293b;font-size:22px;font-weight:800}.cost-card-title.main{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:18px;font-weight:700;margin-bottom:5px;padding-bottom:8px;text-align:center}.cost-line{color:#475569;display:flex;font-size:15px;justify-content:space-between;padding:6px 2px}.cost-line span:last-child{color:#0f172a;font-weight:700}@media (max-width:768px){.cost-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.cost-grid{grid-template-columns:1fr}}.cost-item.combined{padding:20px}.cost-sub{display:flex;font-size:15px;justify-content:space-between;margin-top:8px}.trip-image-wrapper{border-radius:8px;height:330px;justify-items:center;overflow:hidden;width:100%}.trip-images{border-radius:42px 5px;height:100%;object-fit:cover;object-position:center;width:85%}.booking-details{background-color:#fff;color:#1e293b;font-family:Cairo,Tajawal,Noto Kufi Arabic,Arial,sans-serif;line-height:1.5;margin:0 auto;max-width:1200px;padding:20px}.booking-details-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.btn-back{background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#b3b7bd;transition:all .2s}.btn-back:hover{background-color:#e2e8f0;color:#fff}.booking-details-title{align-items:center;color:#1e293b;display:flex;font-size:28px;font-weight:700;margin:0}.booking-details-actions{display:flex;gap:10px}.booking-details-actions button{border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:10px;transition:all .2s}.btn-pdf{background-color:#10b981;color:#fff}.btn-pdf:hover{background-color:#059669}.btn-print{background-color:#3b82f6}.btn-print:hover{background-color:#2563eb}.btn-edit{background-color:#f59e0b}.btn-edit:hover{background-color:#d97706}.btn-delete{background-color:#ef4444}.btn-delete:hover{background-color:#dc2626}.booking-details-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.invoice-header{grid-gap:40px;background-color:#f8fafc;border-bottom:3px solid #31beb5;display:grid;gap:40px;grid-template-columns:1fr 1fr;padding:30px}.company-info{text-align:right}.company-title{color:#31beb5;font-size:36px;font-weight:700;margin:0 0 15px}.company-subtitle{color:#64748b;font-size:20px;margin:0 0 20px}.invoice-meta{color:#64748b;font-size:18px}.invoice-meta>div{margin-bottom:5px}.booking-info{text-align:left}.booking-title{color:#1e293b;font-size:24px;font-weight:600;margin:0 0 20px}.booking-meta{color:#64748b;font-size:18px}.booking-meta>div{margin-bottom:8px}.centered-header{background-color:#f8fafc;border-bottom:2px solid #e2e8f0;margin-bottom:10px;padding:20px;text-align:center}.centered-title{color:#10b981;font-size:28px;font-weight:700;margin:0}.cost-breakdown-section{margin-bottom:30px;padding:25px}.section-title{color:#1e293b;font-size:22px;font-weight:600;margin:0 0 20px;text-align:right}.cost-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.cost-item{background-color:#f1f5f9;border-radius:6px;padding:15px;text-align:center}.cost-item.commission{background-color:#fef3c7}.cost-label{color:#64748b;font-size:16px;margin-bottom:8px}.cost-value{color:#1e293b;font-size:20px;font-weight:600}.total-cost{background-color:#31beb5;border-radius:8px;color:#fff;font-size:24px;font-weight:700;padding:25px;text-align:center}.user-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;padding:0 30px 30px}.user-card{background-color:#f8fafc;border-radius:8px;border-right:4px solid #31beb5;padding:20px}.user-card-title{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 20px;text-align:right}.user-details{color:#64748b;font-size:16px}.user-detail{margin-bottom:8px;text-align:right}.no-data{font-style:italic}.bank-section{background-color:#f1f5f9;border:2px solid #31beb5;border-radius:8px;margin:0 30px 30px;padding:20px}.bank-details{color:#64748b;font-size:16px;text-align:right}.bank-info{margin-bottom:10px}.bank-value{color:#1e293b;font-weight:600}.trip-addons-row{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:0 30px 30px}.trip-section{display:flex;flex-direction:column;justify-content:space-between;padding:20px}.addons-section,.trip-section{background-color:#f8fafc;border:1px solid #31beb5;border-radius:8px}.addons-section{padding:15px}.trip-info{justify-content:space-between;text-align:right}.trip-name{color:#1e293b;font-size:18px;font-weight:700;line-height:1.3;margin-bottom:12px}.trip-details{color:#64748b;font-size:14px;gap:8px;margin-bottom:15px}.trip-details span{border-radius:4px;display:block;font-weight:500;padding:6px 12px}.trip-price{background-color:#31beb5;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:700;margin-top:auto;padding:12px 16px;text-align:center}.addons-list{color:#64748b;font-size:14px}.addon-item,.addons-list{word-wrap:break-word;overflow-wrap:break-word}.addon-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:8px;padding:8px 12px;text-align:right}.addon-name{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:4px}.addon-details{word-wrap:break-word;color:#64748b;font-size:12px;overflow-wrap:break-word}.addon-details span{display:inline-block;margin-left:10px}.invoice-footer{background-color:#f8fafc;border-top:2px solid #e2e8f0;color:#64748b;font-size:16px;margin-top:40px;padding:20px 30px;text-align:center}.footer-text{margin-bottom:10px}.trip-info-card{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:12px 16px}.trip-item{color:#374151;display:flex;font-size:15px;justify-content:space-between}.trip-label{color:#1f2937;font-weight:600}.trip-value{color:#111827;font-weight:500}.trip-item.total{border-top:1px solid #d1d5db;color:#0d9488;font-weight:700;margin-top:6px;padding-top:6px}@media (max-width:768px){.booking-details{padding:10px}.booking-details-header{align-items:stretch;flex-direction:column;gap:15px}.booking-details-actions{justify-content:center}.invoice-header{gap:20px;grid-template-columns:1fr}.cost-grid{grid-template-columns:repeat(2,1fr)}.trip-addons-row,.user-grid{grid-template-columns:1fr}.company-title{font-size:28px}.centered-title{font-size:24px}}@media (max-width:480px){.cost-grid{grid-template-columns:1fr}.cost-breakdown-section,.invoice-header{padding:20px}.trip-addons-row,.user-grid{padding:0 20px 20px}.bank-section{margin:0 20px 20px}}@media print{.booking-details-header{display:none}.booking-details{box-shadow:none;max-width:none;padding:0}.booking-details-content{box-shadow:none}.centered-header,.invoice-header{background-color:#fff}.addons-section,.bank-section,.trip-section,.user-card{background-color:#fff;border:1px solid #e2e8f0}.total-cost{background-color:#31beb5!important;color:#fff!important}}.user-detail.phone{direction:ltr;unicode-bidi:embed}.providers-dashboard{height:100%;width:100%}.trip-form{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:20px;overflow:hidden}.trip-form-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 2px 8px #0000001a;color:#000;display:flex;justify-content:space-between;padding:24px 32px}.trip-form-btn-back{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.trip-form-btn-back:hover{background:#e9ecef;box-shadow:0 2px 8px #0000001a;color:#212529;transform:translateX(-2px)}.trip-form-header h2{color:#212529;font-size:24px;font-weight:700;margin:0}.trip-form-content{padding:32px}.trip-form-container{margin:0 auto;max-width:1200px}.trip-form-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:32px;padding:24px}.trip-form-section h3{align-items:center;color:#212529;display:flex;font-size:18px;gap:8px;margin:0 0 20px}.trip-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.trip-form-group{display:flex;flex-direction:column;gap:8px}.trip-form-group label{color:#495057;font-size:14px;font-weight:600}.trip-form-group input,.trip-form-group select,.trip-form-group textarea{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .3s ease}.trip-form-group input:focus,.trip-form-group select:focus,.trip-form-group textarea:focus{border-color:#1fc1de;box-shadow:0 0 0 3px #1fc1de1a;outline:none}.trip-form-group textarea{min-height:100px;resize:vertical}.price-input-group{align-items:center;display:flex;position:relative}.price-input-group input{padding-right:60px}.price-currency{color:#6c757d;font-weight:500;pointer-events:none;position:absolute;right:16px}.category-search-input input,.city-search-input input{background:#fff;border-radius:8px;cursor:pointer}.category-search-input input:focus,.city-search-input input:focus{box-shadow:0 0 0 3px #1fc1de1a}.trip-images-upload{position:relative}.trip-images-preview{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:16px}.trip-image-preview-item{border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative}.trip-preview-image{height:120px;object-fit:cover;width:100%}.trip-remove-image-btn{align-items:center;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:24px}.trip-remove-image-btn:hover{background:#dc3545;transform:scale(1.1)}.trip-upload-placeholder{align-items:center;border:2px dashed #e9ecef;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;flex-direction:column;height:120px;justify-content:center;padding:20px;text-align:center;transition:all .3s ease;-webkit-user-select:none;user-select:none}.trip-upload-placeholder:hover{background-color:#1fc1de0d;border-color:#1fc1de;color:#1fc1de;transform:translateY(-1px)}.trip-upload-placeholder:active{background-color:#1fc1de1a;transform:translateY(0)}.trip-upload-placeholder svg{font-size:24px;margin-bottom:8px}.trip-upload-placeholder p{font-weight:500;margin:0 0 4px}.trip-upload-placeholder span{font-size:12px;opacity:.8}.trip-file-input{display:none}.trip-options{display:flex;flex-direction:column;gap:16px}.trip-option-item{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:20px 20px 4rem;transition:all .3s ease}.trip-option-item:hover{border-color:#1fc1de;box-shadow:0 4px 12px #1fc1de1a}.trip-option-grid{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:2fr 2fr 1fr 1fr auto}.trip-remove-option-btn{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#dc3545;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.trip-remove-option-btn:hover{background:#dc3545;color:#fff}.trip-add-option-btn{align-items:center;background:#e3f2fd;border:2px dashed #1976d2;border-radius:8px;color:#1976d2;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;margin-top:16px;padding:16px;transition:all .3s ease}.trip-add-option-btn:hover{background:#1976d2;border-color:#1976d2;color:#fff}.trip-checkbox-label{align-items:center;color:#495057;cursor:pointer;display:flex;font-weight:500;gap:12px}.trip-checkbox-label input[type=checkbox]{display:none}.trip-checkmark{border:2px solid #e9ecef;border-radius:4px;height:20px;position:relative;transition:all .3s ease;width:20px}.trip-checkbox-label input[type=checkbox]:checked+.trip-checkmark{background:#1fc1de;border-color:#1fc1de}.trip-checkbox-label input[type=checkbox]:checked+.trip-checkmark:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.trip-form-actions{align-items:center;border-top:2px solid #f8f9fa;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.trip-form-btn-cancel,.trip-form-btn-submit{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.trip-form-btn-cancel{background:#f8f9fa;border:2px solid #e9ecef;color:#6c757d}.trip-form-btn-cancel:hover{background:#e9ecef;color:#495057}.trip-form-btn-submit{background:linear-gradient(135deg,#1fc1de,#001062);color:#fff}.trip-form-btn-submit:hover{box-shadow:0 4px 12px #1fc1de4d;transform:translateY(-2px)}.trip-form-btn-cancel:disabled,.trip-form-btn-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.trip-form-error-message{background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;font-size:14px;margin-bottom:24px;padding:16px 20px}@media (max-width:768px){.trip-form-header{flex-direction:column;gap:16px;text-align:center}.trip-option-item,.trip-options{display:table-column}.trip-form-content{padding:20px}.trip-form-grid{gap:16px;grid-template-columns:1fr}.trip-option-grid{align-items:end;gap:12px;grid-template-columns:1fr}.trip-images-preview{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.trip-form-actions{flex-direction:column}.trip-form-btn-cancel,.trip-form-btn-submit{justify-content:center;width:100%}}.trip-packages{margin-top:20px}.trip-package-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:20px;position:relative}.trip-package-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.trip-package-item .trip-form-group{margin-bottom:0}.trip-package-item .trip-form-group label{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:6px}.trip-package-item .trip-form-group input,.trip-package-item .trip-form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;padding:10px 12px;transition:all .2s ease;width:100%}.trip-package-item .trip-form-group input:focus,.trip-package-item .trip-form-group textarea:focus{border-color:#1fc1de;box-shadow:0 0 0 3px #1fc1de1a;outline:none}.trip-package-item .trip-form-group textarea{min-height:60px;resize:vertical}.trip-remove-package-btn{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;height:32px;justify-content:center;left:12px;position:absolute;top:12px;transition:all .2s ease;width:32px}.trip-remove-package-btn:hover{background:#dc2626;transform:scale(1.05)}.trip-add-package-btn{align-items:center;background:linear-gradient(135deg,#1fc1de,#00a6c9);border:none;border-radius:12px;box-shadow:0 4px 12px #1fc1de33;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;margin-top:16px;padding:12px 24px;transition:all .3s ease}.trip-add-package-btn:hover{box-shadow:0 6px 16px #1fc1de4d;transform:translateY(-2px)}.trip-add-package-btn:active{transform:translateY(0)}.trip-add-package-btn svg{font-size:.75rem}.trip-package-item .trip-checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:8px;margin-top:8px}.trip-package-item .trip-checkbox-label input[type=checkbox]{display:none}.trip-package-item .trip-checkmark{background:#fff;border:2px solid #d1d5db;border-radius:4px;height:18px;position:relative;transition:all .2s ease;width:18px}.trip-package-item .trip-checkbox-label input[type=checkbox]:checked+.trip-checkmark{background:#1fc1de;border-color:#1fc1de}.trip-package-item .trip-checkbox-label input[type=checkbox]:checked+.trip-checkmark:after{color:#fff;content:"✓";font-size:.75rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.trip-package-grid{gap:12px;grid-template-columns:1fr}.trip-package-item{padding:16px}.trip-remove-package-btn{height:28px;left:8px;top:8px;width:28px}.trip-add-package-btn{font-size:.8rem;padding:10px 20px}}@media (max-width:480px){.trip-package-item{padding:12px}.trip-package-grid{gap:10px}.trip-package-item .trip-form-group input,.trip-package-item .trip-form-group textarea{font-size:.8rem;padding:8px 10px}}.cost-without-commission{color:#666;display:block;font-size:.8em;margin-top:4px}.trip-form-error-inline{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:14px;font-weight:500;padding:8px 14px;white-space:nowrap}.customers-list{background:#f8f9fa;direction:rtl;min-height:100vh;padding:24px}.customers-header{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.customers-title h2{color:#1fc1de;font-size:24px;font-weight:600;margin:0 0 8px}.customers-title p{color:#6b7280;font-size:.875rem;margin:0}.customers-actions{display:flex;gap:12px}.customers-filters{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:20px}.search-box svg{color:#666;font-size:16px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.filters-panel{align-items:end;background:#f4f2f2;border-radius:16px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;padding:20px}.filter-group .select-wrap{display:inline-block;position:relative}.filter-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;background:#fff;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;height:48px;line-height:1;padding:8px 10px;padding-inline-end:36px}.filter-group .select-wrap:after{border-top:6px solid #e9ecef}.filter-group .select-wrap:focus{border:none;box-shadow:0 0 0 3px #1fc1de1a;outline:none}[dir=rtl] .filter-group select{padding-inline-end:12px;padding-inline-start:36px}.filter-group .select-wrap:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid #374151;content:"";height:0;inset-inline-end:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:0}.city-search-container{min-width:250px;position:relative}.city-search-input{position:relative}.city-search-input input{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;font-size:14px;min-width:250px;padding:12px 40px 12px 16px;transition:all .3s ease;width:100%}.city-search-input input:focus{background:#fff;border-color:#1fc1de;outline:none}.city-clear-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;left:8px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px}.city-clear-btn:hover{background:#f0f0f0;color:#333}.city-dropdown{background:#fff;border:2px solid #e9ecef;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.city-option{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px 16px;transition:all .2s ease}.city-option:hover{background:#f8f9fa}.city-option.selected{background:#1fc1de;color:#fff}.city-no-results{color:#666;font-style:italic;padding:12px;text-align:center}.customer-info{align-items:center;gap:12px;place-self:center}.customer-avatar{object-fit:cover}.customer-avatar-placeholder{background:linear-gradient(135deg,#1fc1de,#001062);border:2px solid #e9ecef;border-radius:50%;box-shadow:0 2px 8px #1fc1de4d;color:#fff;height:50px;transition:all .2s ease;width:50px}.customer-avatar-placeholder:hover{box-shadow:0 4px 12px #1fc1de66;transform:scale(1.05)}.status-toggle-slider{border-radius:12px;height:24px;width:44px}.status-toggle-slider:before{height:20px;width:20px}.status-toggle-input:checked+.status-toggle-label .status-toggle-slider{background:linear-gradient(135deg,#10b981,#059669)}.status-toggle-text{color:#666;font-weight:500}.status-toggle-input:checked+.status-toggle-label .status-toggle-text{color:#10b981}.no-data{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;color:#666}@media (max-width:768px){.customers-list{padding:16px}.customers-header{align-items:stretch;flex-direction:column;gap:16px}.customers-actions{justify-content:center}.customers-filters{align-items:stretch;flex-direction:column}.search-box{max-width:none}.filters-panel{align-items:stretch;flex-direction:column}.city-search-container,.filter-group{min-width:auto}.customers-table{font-size:12px}.customers-table td,.customers-table th{padding:8px 6px}.customer-avatar{height:32px;width:32px}.action-buttons{flex-direction:column;gap:4px}.btn-action{font-size:10px;height:28px;width:28px}}.customers-list-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.customers-list-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#1fc1de;height:40px;width:40px}.customers-list-loading .loading-text{color:#64748b;font-size:1.1rem;font-weight:500}@media (max-width:768px){.customers-table td:nth-child(3),.customers-table td:nth-child(4),.customers-table td:nth-child(5),.customers-table td:nth-child(6),.customers-table th:nth-child(3),.customers-table th:nth-child(4),.customers-table th:nth-child(5),.customers-table th:nth-child(6){display:none}.customers-table{font-size:12px}.customers-table td,.customers-table th{padding:8px 6px;white-space:nowrap}.banners-table,.customers-table{background:#fff;border-collapse:collapse;font-size:.875rem;min-width:800px;width:100%}.customers-actions{display:block}.customers-filters{display:table-caption}.filter-group{margin-bottom:12px;margin-top:12px}}.customers-details{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;direction:rtl;padding:24px}.customers-details-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 32px}.customers-header-left{align-items:center;display:flex;gap:20px}.customers-header-title h2{color:#212529;font-size:24px;font-weight:700;margin:0 0 4px}.customers-header-title p{color:#6c757d;font-size:14px;font-weight:500;margin:0}.customers-header-actions{display:flex;gap:12px}.customers-btn-back{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;text-decoration:none;transition:all .3s ease}.customers-btn-back:hover{background:#e9ecef;box-shadow:0 2px 8px #0000001a;color:#212529;transform:translateX(-2px)}.customers-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.customers-btn-primary{background:linear-gradient(135deg,#1fc1de,#00a6c9);box-shadow:0 4px 12px #1fc1de4d;color:#fff}.customers-btn-primary:hover{background:linear-gradient(135deg,#00a6c9,#1fc1de);box-shadow:0 8px 25px #1fc1de66;transform:translateY(-2px)}.customers-details-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.customers-details-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#1fc1de;height:40px;width:40px}.customers-details-loading .loading-text{color:#64748b;font-size:1.1rem;font-weight:500}.customers-profile-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;padding:28px}.customers-profile-header{align-items:center;display:flex;gap:20px}.customers-profile-avatar{border:4px solid #1fc1de;border-radius:50%;box-shadow:0 8px 25px #1fc1de4d;height:100px;overflow:hidden;transition:all .3s ease;width:100px}.customers-profile-avatar:hover{box-shadow:0 12px 35px #1fc1de66;transform:scale(1.05)}.customers-profile-avatar img{height:100%;object-fit:cover;width:100%}.customers-profile-info h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 6px}.customers-role{background:linear-gradient(135deg,#1fc1de,#00a6c9);border-radius:25px;color:#64748b;color:#fff;display:inline-block;font-size:1rem;font-weight:600;margin:0 0 12px;padding:6px 16px}.customers-details-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.customers-details-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;padding:28px;transition:all .3s ease}.customers-details-card:hover{border-color:#1fc1de;box-shadow:0 8px 25px #1fc1de26;transform:translateY(-2px)}.customers-details-card h4{align-items:center;color:#1e293b;display:flex;font-size:1.25rem;font-weight:700;gap:12px;margin:0 0 24px}.customers-details-card h4:before{background:linear-gradient(135deg,#1fc1de,#00a6c9);border-radius:2px;content:"";height:24px;width:4px}.customers-info-list{display:flex;flex-direction:column;gap:16px}.customers-info-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.customers-info-item:hover{border-color:#1fc1de;box-shadow:0 4px 12px #1fc1de1a;transform:translateX(-4px)}.customers-info-item svg{color:#1fc1de;font-size:1rem;min-width:20px}.customers-info-label{color:#64748b;font-size:.9rem;font-weight:600;min-width:120px}.customers-info-value{color:#1e293b;font-size:.95rem;font-weight:600}.customers-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.customers-stat-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.customers-stat-item:hover{border-color:#1fc1de;box-shadow:0 8px 25px #1fc1de26;transform:translateY(-2px)}.customers-stat-icon{align-items:center;background:linear-gradient(135deg,#1fc1de,#00a6c9);border-radius:12px;color:#fff;display:flex;font-size:1.25rem;height:48px;justify-content:center;transition:all .3s ease;width:48px}.customers-stat-item:hover .customers-stat-icon{transform:scale(1.1)}.customers-stat-content{display:flex;flex-direction:column;gap:4px}.customers-stat-value{color:#1e293b;font-size:1.25rem;font-weight:700}.customers-stat-label{color:#64748b;font-size:.875rem;font-weight:500}.customers-bookings-list{display:flex;flex-direction:column;gap:16px}.customers-booking-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.customers-booking-item:hover{border-color:#1fc1de;box-shadow:0 8px 25px #1fc1de26;transform:translateY(-2px)}.customers-booking-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.customers-booking-header h5{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0}.customers-booking-status{font-size:.8rem}.customers-booking-status-pending{border:1px solid #f59e0b}.customers-booking-status-confirmed{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #60a5fa;color:#1e40af}.customers-booking-status-completed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;color:#166534}.customers-booking-status-canceled{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171}.customers-booking-status-paid{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #60a5fa;color:#1e40af}.customers-booking-details{display:flex;flex-direction:column;gap:8px}.customers-booking-info{display:flex;flex-wrap:wrap;gap:16px}.customers-booking-cost,.customers-booking-date{align-items:center;color:#64748b;display:flex;font-size:.9rem;font-weight:500;gap:8px}.customers-booking-cost svg,.customers-booking-date svg{color:#1fc1de;font-size:.9rem}.customers-booking-date-created{color:#9ca3af;font-size:.8rem;font-style:italic}.customers-status-badge{align-items:center;border-radius:25px;box-shadow:0 2px 8px #0000001a;display:inline-flex;font-size:.8rem;font-weight:600;gap:8px;padding:8px 16px;white-space:nowrap}.customers-status-badge svg{font-size:.75rem}.customers-status-active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;color:#166534;margin-right:.5rem}.customers-status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#92400e}.customers-status-suspended{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#991b1b}.customers-status-deleted{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;color:#374151}.customers-no-data{color:#64748b;padding:40px 20px;text-align:center}.customers-no-data p{font-size:1rem;font-weight:500;margin:0}.customers-error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;border-radius:12px;color:#991b1b;font-size:.95rem;font-weight:500;padding:16px 20px;text-align:center}.customers-bookings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.customers-booking-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;padding:20px;transition:all .3s ease}.customers-booking-card:hover{border-color:#1fc1de;box-shadow:0 4px 12px #1fc1de1a;transform:translateY(-2px)}.customers-booking-card.clickable{transition:all .3s ease}.customers-booking-card.clickable:hover{box-shadow:0 6px 20px #1fc1de26;transform:translateY(-3px)}.customers-booking-card.clickable:active{box-shadow:0 2px 8px #1fc1de33;transform:translateY(-1px)}.customers-booking-card.clickable{cursor:pointer}.customers-booking-card.clickable:hover{border-color:#1fc1de;box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.customers-booking-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.customers-booking-card-header h5{color:#1e293b;flex:1 1;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0}.customers-booking-status{border-radius:20px;flex-shrink:0;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.customers-booking-status-pending,.customers-booking-status-pending-payment{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.customers-booking-status-completed{background:linear-gradient(135deg,#d1fae5,#6ee7b7);color:#065f46}.customers-booking-status-canceled{background:linear-gradient(135deg,#fee2e2,#fca5a5);color:#991b1b}.customers-booking-status-paid{background:linear-gradient(135deg,#e0e7ff,#a5b4fc);color:#3730a3}.customers-booking-card-content{display:flex;flex:1 1;flex-direction:column;gap:12px}.customers-booking-card-info{display:flex;flex-direction:column;gap:8px}.customers-booking-info-item{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:8px}.customers-booking-info-item svg{color:#1fc1de;font-size:.875rem;width:14px}.customers-booking-card-footer{border-top:1px solid #e2e8f0;margin-top:auto;padding-top:12px}.customers-booking-card-footer small{color:#94a3b8;font-size:.75rem;font-style:italic}.customers-booking-card-footer{align-items:center;border-top:1px solid #f1f3f4;display:flex;justify-content:space-between;margin-top:8px;padding-top:8px}.customers-booking-card-footer small{color:#9ca3af;font-size:12px}.customers-booking-card-footer .click-hint{color:#1fc1de!important;font-weight:500}.customers-trips-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:16px}.customers-trip-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;cursor:default;padding:16px;transition:all .3s ease}.customers-trip-card.clickable{cursor:pointer}.customers-trip-card.clickable:hover{border-color:#1fc1de;box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.customers-trip-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.customers-trip-card-header h5{color:#212529;font-size:16px;font-weight:600;line-height:1.3;margin:0}.customers-trip-status{border-radius:6px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.customers-trip-status.active{background:#d1fae5;color:#065f46}.customers-trip-status.pending{background:#fef3c7;color:#92400e}.customers-trip-status.inactive{background:#fee2e2;color:#991b1b}.customers-trip-card-content{display:flex;flex-direction:column;gap:8px}.customers-trip-card-info{display:flex;flex-direction:column;gap:6px}.customers-trip-info-item{align-items:center;color:#6c757d;display:flex;font-size:14px;gap:8px}.customers-trip-info-item svg{color:#1fc1de;font-size:12px}.customers-trip-card-footer{align-items:center;border-top:1px solid #f1f3f4;display:flex;justify-content:space-between;margin-top:8px;padding-top:8px}.customers-trip-card-footer small{color:#9ca3af;font-size:12px}.click-hint{color:#1fc1de!important;font-weight:500}@media (max-width:1024px){.customers-details-grid{gap:24px;grid-template-columns:1fr}.customers-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.customers-bookings-grid{gap:16px;grid-template-columns:1fr}}@media (max-width:768px){.customers-details{padding:16px}.customers-details-header{align-items:flex-start;flex-direction:column;gap:12px}.customers-profile-header{flex-direction:column;gap:16px;text-align:center}.customers-profile-avatar{height:80px;width:80px}.customers-stats-grid{grid-template-columns:1fr}.customers-booking-info,.customers-info-item{flex-direction:column;gap:8px}.customers-info-item{align-items:flex-start}.customers-info-label{min-width:auto}}.customer-form{background:#f8f9fa;direction:rtl;min-height:100vh;padding:24px}.customer-form-header{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.customer-form-header h2{color:#1fc1de;font-size:24px;font-weight:600;margin:0}.btn-back{background:linear-gradient(135deg,#6b7280,#4b5563);border-radius:8px;color:#fff;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.btn-back:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px)}.customer-form-content{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;padding:32px}.form-grid{grid-gap:32px;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:32px}.form-section{display:flex;flex-direction:column;gap:24px}.form-section h3{border-bottom:2px solid #f0f0f0;color:#1fc1de;margin:0 0 16px;padding-bottom:12px}.form-group{gap:8px}.form-group label{align-items:center;display:flex;font-weight:500;gap:8px}.form-group label svg{color:#1fc1de;font-size:14px}.form-group input{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .3s ease}.form-group input:focus{background:#fff;border-color:#1fc1de;box-shadow:0 0 0 3px #1fc1de1a;outline:none}.form-group input.error{background:#fef2f2;border-color:#ef4444}.error-text{color:#ef4444;font-size:12px;font-weight:500}.form-city-search-container,.form-city-search-input{position:relative}.form-city-search-input input{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px 40px 12px 16px;transition:all .3s ease;width:100%}.form-city-search-input input:focus{background:#fff;border-color:#1fc1de;outline:none}.form-city-clear-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;left:8px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px}.form-city-clear-btn:hover{background:#f0f0f0;color:#333}.form-city-dropdown{background:#fff;border:2px solid #e9ecef;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.form-city-option{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px 16px;transition:all .2s ease}.form-city-option:hover{background:#f8f9fa}.form-city-option.selected{background:#1fc1de;color:#fff}.form-city-no-results{color:#666;font-style:italic;padding:16px;text-align:center}.file-upload{cursor:pointer;display:inline-block;position:relative}.file-upload input[type=file]{height:0;opacity:0;position:absolute;width:0}.file-upload-label{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #d1d5db;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.file-upload-label:hover{background:linear-gradient(135deg,#e0f7fa,#b2ebf2);border-color:#1fc1de;color:#1fc1de}.file-upload-label svg{font-size:16px}.file-preview{display:inline-block;margin-top:12px;position:relative}.file-preview img{border:2px solid #e9ecef;border-radius:8px;height:80px;object-fit:cover;width:80px}.remove-file{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:24px}.remove-file:hover{background:#dc2626;transform:scale(1.1)}.form-actions{border-top:2px solid #f0f0f0;gap:16px;padding-top:24px}.btn{display:flex;min-width:100px}.btn-primary{background:linear-gradient(135deg,#1fc1de,#001062);box-shadow:0 4px 12px #1fc1de4d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#001062,#1fc1de);box-shadow:0 6px 16px #1fc1de66}.btn-secondary{background:#f8f9fa;border:2px solid #e9ecef;color:#666}.btn-secondary:hover:not(:disabled){background:#e9ecef;color:#495057}.btn:disabled{transform:none}.error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;font-weight:500}@media (max-width:768px){.customer-form{padding:16px}.customer-form-header{align-items:stretch;flex-direction:column;gap:16px}.customer-form-content{padding:20px}.form-grid{gap:24px;grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column}.btn{width:100%}}.modern-image-picker{width:100%}.hidden-input{display:none}.image-upload-area{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;display:block;min-height:200px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.image-upload-area:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#1fc1de;box-shadow:0 4px 12px #1fc1de1a;transform:translateY(-2px)}.image-upload-area:active{transform:translateY(0)}.upload-content{flex-direction:column;height:100%;padding:40px 20px;text-align:center}.upload-content,.upload-icon{align-items:center;display:flex;justify-content:center}.upload-icon{background:linear-gradient(135deg,#1fc1de,#00a6c9);border-radius:50%;box-shadow:0 4px 12px #1fc1de4d;color:#fff;font-size:24px;height:60px;width:60px}.upload-text{display:flex;flex-direction:column;gap:8px}.upload-title{color:#1e293b;font-size:16px;font-weight:600}.upload-subtitle{color:#64748b;font-size:14px;line-height:1.4}.image-preview{border-radius:12px;box-shadow:0 4px 12px #0000001a;height:200px;transition:all .3s ease;width:100%}.image-preview:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.preview-image{height:100%;object-fit:cover;transition:all .3s ease;width:100%}.image-overlay{align-items:center;background:#00000080;bottom:0;display:flex;gap:16px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease}.image-preview:hover .image-overlay{opacity:1}.change-image-btn,.remove-image-btn{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.remove-image-btn{background:linear-gradient(135deg,#ef4444,#dc2626)}.remove-image-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.1)}.change-image-btn{background:linear-gradient(135deg,#1fc1de,#00a6c9)}.change-image-btn:hover{background:linear-gradient(135deg,#00a6c9,#1fc1de);transform:scale(1.1)}@media (max-width:768px){.image-upload-area{min-height:150px}.upload-content{padding:30px 16px}.upload-icon{font-size:20px;height:50px;width:50px}.upload-title{font-size:14px}.upload-subtitle{font-size:12px}.image-preview{height:150px}}.categories-list{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;direction:rtl;min-height:100vh;overflow:hidden;padding:32px}.categories-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.categories-title h2{color:#1fc1de;font-size:1.5rem;font-weight:700;margin:0 0 4px}.categories-title p{color:#6b7280;font-size:.875rem;margin:0}.categories-actions{display:flex;gap:12px}.categories-actions .categories-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.categories-btn-print{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #059669;color:#fff}.categories-btn-print:hover{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.categories-btn-export{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.categories-btn-export:hover{background:#e5e7eb;border-color:#9ca3af}.categories-btn-primary{background:linear-gradient(135deg,#1fc1de,#00a6c9);color:#fff}.categories-btn-primary:hover{background:linear-gradient(135deg,#00a6c9,#1fc1de);box-shadow:0 4px 12px #1fc1de4d;transform:translateY(-1px)}.categories-filters{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding:.5rem}.categories-search-box{flex:1 1;max-width:400px;position:relative}.categories-search-box svg{color:#9ca3af;font-size:.875rem;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.categories-search-box input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:.875rem;padding:12px 48px 12px 16px;transition:all .3s ease;width:100%}.categories-search-box input:focus{border-color:#1fc1de;box-shadow:0 0 0 3px #1fc1de1a;outline:none}.categories-filter-toggle{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000f;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.categories-filter-toggle:before{background:linear-gradient(90deg,#0000,#1fc1de1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.categories-filter-toggle:hover:before{left:100%}.categories-filter-toggle:hover{background:linear-gradient(135deg,#fff,#f0fdfd);border-color:#1fc1de;box-shadow:0 4px 16px #1fc1de26;color:#1fc1de;transform:translateY(-1px)}.categories-filter-toggle.active{background:linear-gradient(135deg,#1fc1de,#001062);border-color:#1fc1de;box-shadow:0 4px 20px #1fc1de4d;color:#fff;transform:translateY(-1px)}.categories-filter-toggle.active:hover{background:linear-gradient(135deg,#1fc1de,#001062);box-shadow:0 6px 24px #1fc1de66;color:#fff;transform:translateY(-2px)}.categories-filter-toggle svg{transition:transform .3s ease}.categories-filter-toggle:hover svg{transform:scale(1.1)}.categories-filter-toggle.active svg{transform:rotate(180deg) scale(1.1)}.categories-filters-panel{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px;padding:24px 0}.categories-filter-group{display:flex;flex-direction:column;gap:8px;min-width:200px}.categories-filter-group label{color:#374151;font-size:.875rem;font-weight:600}.categories-filter-group select{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:.875rem;padding:10px 12px;transition:all .3s ease}.categories-filter-group select:focus{border-color:#1fc1de;box-shadow:0 0 0 3px #1fc1de1a;outline:none}.categories-table{border-collapse:collapse;font-size:14px;width:100%}.categories-table th{background:#fff;border-bottom:2px solid #e9ecef;color:#333;cursor:pointer;font-weight:600;padding:20px 16px;position:relative;text-align:right;transition:all .2s ease}.categories-table th:hover{background:#f8f9fa;color:#1fc1de}.categories-table th svg{font-size:12px;margin-right:8px}.categories-table td{border-bottom:1px solid #f0f0f0;padding:20px 16px;vertical-align:middle}.categories-table tr:hover{background:#f8f9fa}.category-info{align-items:center;display:block;gap:12px}.category-avatar{border:2px solid #e9ecef;height:40px;width:40px}.categories-status-toggle{display:inline-block;position:relative}.categories-status-toggle-input{height:0;opacity:0;width:0}.categories-status-toggle-label{align-items:center;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px}.categories-status-toggle-slider{background:#e9ecef;border-radius:12px;height:24px;position:relative;transition:all .3s ease;width:44px}.categories-status-toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;position:absolute;right:2px;top:2px;transition:all .3s ease;width:20px}.categories-status-toggle-input:checked+.categories-status-toggle-label .categories-status-toggle-slider{background:linear-gradient(135deg,#10b981,#059669)}.categories-status-toggle-input:checked+.categories-status-toggle-label .categories-status-toggle-slider:before{transform:translateX(-20px)}.categories-status-toggle-text{color:#666;font-weight:500}.categories-status-toggle-input:checked+.categories-status-toggle-label .categories-status-toggle-text{color:#10b981}.categories-btn-action{align-items:center;border-radius:8px;display:flex;font-size:12px;height:32px;justify-content:center;width:32px}.categories-btn-view{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.categories-btn-view:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.categories-btn-edit{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.categories-btn-edit:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}.categories-btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.categories-btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.categories-no-data{color:#6b7280;padding:60px 20px;text-align:center}.categories-no-data p{font-size:1rem;margin:0}.categories-pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:24px}.categories-btn-page{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .2s ease}.categories-btn-page:hover:not(:disabled){background:#1fc1de0d;border-color:#1fc1de;color:#1fc1de}.categories-btn-page.active{background:#1fc1de;border-color:#1fc1de;color:#fff}.categories-btn-page:disabled{cursor:not-allowed;opacity:.5}.categories-error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:.875rem;margin-bottom:16px;padding:12px 16px}.categories-table tbody .shimmer-table-row{background:#0000}.categories-table tbody .shimmer-table-row .shimmer-cell{padding:16px 12px}.categories-table tbody .shimmer-table-row .shimmer-cell:first-child{width:200px}.categories-table tbody .shimmer-table-row .shimmer-cell:last-child{width:120px}@media (max-width:1024px){.categories-header{align-items:stretch;flex-direction:column;gap:16px}.categories-actions{justify-content:center}.categories-search-box{max-width:none}}@media (max-width:768px){.categories-list{padding:16px}.categories-filters{align-items:stretch;flex-direction:column}.categories-search-box{max-width:none}.categories-filters-panel{grid-template-columns:1fr}.categories-table{font-size:12px}.categories-table td,.categories-table th{padding:12px 8px}.category-avatar{height:32px;width:32px}.categories-action-buttons{flex-direction:column;gap:4px}.categories-btn-action{font-size:10px;height:28px;width:28px}}.categories-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.categories-search-box input:disabled{background:#f9fafb;cursor:not-allowed}.categories-filter-toggle:disabled{cursor:not-allowed;opacity:.6}.category-id{background:#1fc1de1a;border-radius:6px;color:#1fc1de;font-family:Courier New,monospace;font-size:12px;font-weight:600;padding:4px 8px}@media (max-width:768px){.categories-actions{display:contents}}.category-details{background:linear-gradient(135deg,#f8fafc,#e2e8f0);direction:rtl;min-height:100vh;padding:24px}.category-details-header{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.category-details-btn-back{align-items:center;background:linear-gradient(135deg,#6b7280,#4b5563);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.category-details-btn-back:hover{box-shadow:0 4px 12px #6b72804d;transform:translateY(-1px)}.category-details-btn-edit{align-items:center;background:linear-gradient(135deg,#1fc1de,#001062);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.category-details-btn-edit:hover{box-shadow:0 6px 20px #1fc1de66;transform:translateY(-2px)}.category-details-content{grid-gap:24px;display:grid;gap:24px}.category-profile{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;display:flex;gap:24px;padding:32px}.category-avatar-section{position:relative}.category-avatar{border:4px solid #e5e7eb;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:120px;object-fit:cover;width:120px}.category-status{bottom:0;position:absolute;right:0}.category-status-badge{border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:6px 12px}.category-status-badge.active{background:linear-gradient(135deg,#10b981,#059669)}.category-status-badge.inactive{background:linear-gradient(135deg,#ef4444,#dc2626)}.category-info{flex:1 1;gap:inherit}.category-info h2{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 8px}.category-name-en{color:#64748b;font-size:1.125rem;margin:0 0 16px}.category-meta{color:#6b7280;display:flex;font-size:.875rem;gap:16px}.category-meta span{align-items:center;display:flex;gap:6px}.category-stats{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;padding:32px}.category-stats h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 24px}.category-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.category-stat-card{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #0000;border-radius:16px;display:flex;gap:16px;padding:24px;transition:all .3s ease}.category-stat-card:hover{border-color:#1fc1de;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.category-stat-icon{align-items:center;border-radius:16px;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.category-stat-icon.trips{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.category-stat-icon.bookings{background:linear-gradient(135deg,#10b981,#059669)}.category-stat-icon.revenue{background:linear-gradient(135deg,#f59e0b,#d97706)}.category-stat-icon.rating{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.category-stat-content h4{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.category-stat-content p{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 4px}.category-stat-subtitle{color:#9ca3af;font-size:.75rem;font-weight:500}.category-recent{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.category-recent-bookings,.category-recent-trips{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;padding:24px}.category-recent-bookings h3,.category-recent-trips h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 20px}.category-recent-list{display:flex;flex-direction:column;gap:16px}.category-recent-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #0000;border-radius:12px;display:flex;justify-content:space-between;padding:16px;transition:all .3s ease}.category-recent-item:hover{border-color:#1fc1de;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.category-item-info h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 8px}.category-item-meta{color:#6b7280;display:flex;font-size:.875rem;gap:16px;margin:0}.category-item-meta span{align-items:center;display:flex;gap:6px}.category-item-status .category-status-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px}.category-error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:12px;color:#991b1b;font-size:.875rem;padding:16px 20px;text-align:center}.category-no-data{color:#6b7280;padding:60px 20px;text-align:center}.category-no-data p{font-size:1rem;margin:0}@media (max-width:1024px){.category-recent{grid-template-columns:1fr}.category-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.category-details{padding:16px}.category-details-header{align-items:stretch;flex-direction:column;gap:16px}.category-profile{flex-direction:column;gap:16px;text-align:center}.category-avatar{height:100px;width:100px}.category-info h2{font-size:1.5rem}.category-stats-grid{grid-template-columns:1fr}.category-stat-card{padding:20px}.category-stat-icon{font-size:1.25rem;height:50px;width:50px}.category-stat-content p{font-size:1.5rem}.category-recent-item{align-items:flex-start;flex-direction:column;gap:12px}.category-item-meta{flex-direction:column;gap:8px}}@media (max-width:480px){.category-profile,.category-recent-bookings,.category-recent-trips,.category-stats{padding:20px}.category-stat-card{padding:16px}.category-stat-icon{font-size:1rem;height:40px;width:40px}}.category-form{background:linear-gradient(135deg,#f8fafc,#e2e8f0);direction:rtl;min-height:100vh;padding:24px}.category-form-header{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.category-form-header h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.category-form-btn-back{align-items:center;background:linear-gradient(135deg,#6b7280,#4b5563);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.category-form-btn-back:hover{box-shadow:0 4px 12px #6b72804d;transform:translateY(-1px)}.category-form-content{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;padding:32px}.category-form-container{margin:0 auto;max-width:800px}.category-form-section{border-bottom:2px solid #f1f5f9;margin-bottom:32px;padding-bottom:24px}.category-form-section:last-of-type{border-bottom:none;margin-bottom:0}.category-form-section h3{align-items:center;color:#1e293b;display:flex;font-size:1.25rem;font-weight:700;gap:8px;margin:0 0 20px}.category-form-section h3:before{background:linear-gradient(135deg,#1fc1de,#001062);border-radius:2px;content:"";height:20px;width:4px}.category-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.category-form-group{display:flex;flex-direction:column;gap:8px}.category-form-group label{color:#374151;font-size:.875rem;font-weight:600}.category-form-group input[type=email],.category-form-group input[type=tel],.category-form-group input[type=text],.category-form-group select{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:.875rem;padding:12px 16px;transition:all .3s ease}.category-form-group input:focus,.category-form-group select:focus{border-color:#1fc1de;box-shadow:0 0 0 3px #1fc1de1a;outline:none}.category-form-group input::placeholder{color:#9ca3af}.category-image-upload-container{position:relative}.category-image-preview{align-items:center;border:3px dashed #e5e7eb;border-radius:16px;cursor:pointer;display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:200px}.category-image-preview:hover{background:#1fc1de0d;border-color:#1fc1de}.category-upload-placeholder{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:8px;text-align:center}.category-upload-placeholder svg{color:#9ca3af;font-size:2rem}.category-upload-placeholder p{font-weight:600;margin:0}.category-upload-placeholder span{color:#9ca3af;font-size:.75rem}.category-image-preview-wrapper{height:100%;position:relative;width:100%}.category-preview-image{border-radius:12px;height:100%;object-fit:cover;width:100%}.category-remove-image-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.875rem;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:32px}.category-remove-image-btn:hover{background:#ef4444;transform:scale(1.1)}.category-file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.category-checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:12px}.category-checkbox-label input[type=checkbox]{display:none}.category-checkmark{background:#fff;border:2px solid #d1d5db;border-radius:6px;height:24px;position:relative;transition:all .3s ease;width:24px}.category-checkbox-label input[type=checkbox]:checked+.category-checkmark{background:linear-gradient(135deg,#1fc1de,#001062);border-color:#1fc1de}.category-checkbox-label input[type=checkbox]:checked+.category-checkmark:after{color:#fff;content:"✓";font-size:.875rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.category-help-text{color:#6b7280;font-size:.75rem;line-height:1.4;margin:8px 0 0 36px}.category-form-actions{border-top:2px solid #f1f5f9;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.category-form-btn-cancel{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.category-form-btn-cancel:hover{background:#f9fafb;border-color:#d1d5db}.category-form-btn-submit{align-items:center;background:linear-gradient(135deg,#1fc1de,#001062);border:none;border-radius:12px;box-shadow:0 4px 12px #1fc1de4d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.category-form-btn-submit:hover:not(:disabled){box-shadow:0 6px 20px #1fc1de66;transform:translateY(-2px)}.category-form-btn-submit:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.category-form-error-message{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;color:#991b1b;display:flex;font-size:.875rem;gap:8px;margin-bottom:24px;padding:16px 20px}@media (max-width:768px){.category-form{padding:16px}.category-form-header{align-items:stretch;flex-direction:column;gap:16px;text-align:center}.category-form-content{padding:20px}.category-form-grid{grid-template-columns:1fr}.category-form-actions{flex-direction:column}.category-form-btn-cancel,.category-form-btn-submit{justify-content:center;width:100%}.category-image-preview{height:150px;width:150px}}@media (max-width:480px){.category-form-content{padding:16px}.category-form-section{margin-bottom:24px;padding-bottom:20px}.category-image-preview{height:120px;width:120px}.category-upload-placeholder svg{font-size:1.5rem}.category-upload-placeholder p{font-size:.875rem}}.trips-list{background:#f8f9fa;direction:rtl;min-height:100vh;padding:24px}.trips-header{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.trips-title h2{color:#1fc1de;font-size:24px;font-weight:600;margin:0 0 8px}.trips-title p{color:#666;font-size:14px;margin:0}.trips-actions{display:flex;flex-wrap:wrap;gap:12px}.trips-actions .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.btn-print{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #059669;color:#fff}.btn-print:hover{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.btn-export{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn-export:hover{background:#e5e7eb;border-color:#9ca3af}.btn-primary{background:linear-gradient(135deg,#1fc1de,#00a6c9)}.btn-primary:hover{background:linear-gradient(135deg,#00a6c9,#1fc1de);box-shadow:0 4px 12px #1fc1de4d}.trips-filters{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:20px}.search-box{min-width:250px}.search-clear-btn{color:#6c757d;font-size:18px;padding:4px;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:2}.search-clear-btn:hover{background:#e9ecef;color:#495057}.search-loading{left:36px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.loading-spinner-small{animation:spin .8s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#1fc1de;height:18px;width:18px}.search-box input{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;font-size:14px;padding:14px 20px;transition:all .3s ease;width:100%}.search-box input:focus{background:#fff;border-color:#1fc1de;box-shadow:0 0 0 3px #1fc1de1a;outline:none}.filter-group{flex-shrink:0;min-width:200px}.filter-group label{color:#333;font-size:14px;font-weight:500}.category-search-input input,.city-search-input input{padding-inline-end:32px;padding-inline-start:36px}.category-search-input:after,.city-search-input:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:7px solid #9ca3af;content:"";height:0;inset-block-start:50%;inset-inline-end:10px;pointer-events:none;position:absolute;transform:translateY(-50%);transition:transform .2s ease,border-top-color .2s ease;width:0}.category-search-container.open .category-search-input:after,.city-search-container.open .city-search-input:after{border-top-color:#374151;cursor:pointer;transform:translateY(-50%) rotate(180deg)}.category-clear-btn,.city-clear-btn{background:#0000;border:0;border-radius:6px;color:#9ca3af;height:28px;inset-block-start:50%;inset-inline-start:8px;width:28px}.category-clear-btn:hover,.city-clear-btn:hover{background:#f3f4f6;color:#374151}.filter-group select{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;font-size:14px;min-width:200px;padding:12px 16px;transition:all .3s ease}.filter-group select:focus{background:#fff;border-color:#1fc1de;outline:none}.category-search-container,.city-search-container{min-width:200px;position:relative}.category-search-input,.city-search-input{position:relative}.category-search-input input,.city-search-input input{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;font-size:14px;padding:12px 40px 12px 16px;transition:all .3s ease;width:100%}.category-search-input input:focus,.city-search-input input:focus{background:#fff;border-color:#1fc1de;outline:none}.category-clear-btn,.city-clear-btn{background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;font-size:18px;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .3s ease}.category-clear-btn:hover,.city-clear-btn:hover{background:#e9ecef;color:#495057}.category-dropdown,.city-dropdown{background:#fff;border:2px solid #e9ecef;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.category-option,.city-option{border-bottom:1px solid #f8f9fa;cursor:pointer;padding:12px 16px;transition:all .3s ease}.category-option:hover,.city-option:hover{background:#f8f9fa}.category-option.selected,.city-option.selected{background:#1fc1de;color:#fff}.category-no-results,.city-no-results{color:#6c757d;font-style:italic;padding:12px 16px;text-align:center}.trip-info{align-items:center;gap:12px}.trip-avatar{object-fit:cover}.trip-avatar,.trip-avatar-placeholder{border:2px solid #e5e7eb;border-radius:12px;height:48px;transition:all .3s ease;width:48px}.trip-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#9ca3af;display:flex;font-size:18px;justify-content:center}.trip-details{flex:1 1;gap:4px}.trip-title{color:#1f2937}.trip-description{color:#6b7280;font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trip-capacity,.trip-category,.trip-date,.trip-location{align-items:center;color:#495057;display:flex;gap:8px}.trip-capacity svg,.trip-category svg,.trip-date svg,.trip-location svg{color:#1fc1de;font-size:14px}.status-toggle{display:inline-block;position:relative}.status-toggle-input{height:0;opacity:0;width:0}.status-toggle-label{align-items:center;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px}.status-toggle-slider{background:#e9ecef;border-radius:20px;height:20px;position:relative;transition:all .3s ease;width:40px}.status-toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:16px;position:absolute;right:2px;top:2px;transition:all .3s ease;width:16px}.status-toggle-input:checked+.status-toggle-label .status-toggle-slider{background:#10b981}.status-toggle-input:checked+.status-toggle-label .status-toggle-slider:before{transform:translateX(-20px)}.status-toggle-text{min-width:40px;text-align:center}.btn-action{font-size:12px;height:32px;transition:all .2s ease;width:32px}.btn-view{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.btn-view:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.btn-edit{background:linear-gradient(135deg,#f59e0b,#d97706)}.btn-edit:hover{background:linear-gradient(135deg,#d97706,#b45309)}.btn-delete:hover,.btn-edit:hover{transform:translateY(-1px)}.btn-page{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#666;cursor:pointer;font-size:14px;min-width:40px;padding:8px 12px;transition:all .2s ease}.btn-page:hover:not(:disabled){border-color:#1fc1de;color:#1fc1de}.btn-page.active{background:linear-gradient(135deg,#1fc1de,#001062);border-color:#1fc1de;color:#fff}.btn-page:disabled{cursor:not-allowed;opacity:.5}.pagination-ellipsis{align-items:center;color:#666;display:flex;font-size:14px;justify-content:center;min-width:40px;padding:8px 12px}.no-data{color:#6c757d;padding:60px 20px}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;margin-bottom:24px}.trips-loading{background:#f8f9fa;border-radius:12px;flex-direction:column;margin:20px 0;padding:60px 20px}.loading-spinner{border:4px solid #e5e7eb}.loading-text{color:#6b7280;font-size:14px;font-weight:500}.trip-id{background:#1fc1de1a;border-radius:6px;color:#1fc1de;font-family:Courier New,monospace;font-size:12px;font-weight:600;padding:4px 8px}.trip-image-cell{align-items:center;display:flex;justify-content:center}.trip-table-avatar{background:#f3f4f6;object-fit:cover}.trip-table-avatar,.trip-table-avatar-placeholder{border:2px solid #e5e7eb;border-radius:8px;height:40px;width:40px}.trip-table-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#9ca3af;display:flex;font-size:16px;justify-content:center}@media (max-width:768px){.trips-header{flex-direction:column;gap:16px;text-align:center}.trips-actions{flex-wrap:wrap;justify-content:center}.trips-filters{flex-direction:column;gap:16px}.search-box{max-width:100%}.category-search-container,.city-search-container,.filter-group{min-width:100%}.trips-table{font-size:12px}.trip-info{align-items:flex-start;flex-direction:column;gap:8px}.trip-avatar{height:40px;width:40px}.action-buttons{flex-direction:column;gap:4px}.btn-action{font-size:10px;height:28px;width:28px}}.reorder-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.reorder-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:100%}.reorder-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 30px}.reorder-modal-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0}.reorder-modal-close{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:8px;transition:all .3s ease}.reorder-modal-close:hover{background:#f3f4f6;color:#ef4444}.reorder-modal-search{border-bottom:1px solid #e5e7eb;padding:20px 30px}.reorder-search-input{align-items:center;display:flex;position:relative}.reorder-search-icon{color:#6b7280;left:15px;position:absolute;z-index:2}.reorder-search-input input{border:2px solid #e5e7eb;border-radius:8px;font-size:16px;padding:12px 45px;transition:all .3s ease;width:100%}.reorder-search-input input:focus{border-color:#1fc1de;box-shadow:0 0 0 3px #1fc1de1a;outline:none}.reorder-search-clear{background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;padding:5px;position:absolute;right:15px;transition:all .3s ease}.reorder-search-clear:hover{background:#f3f4f6;color:#ef4444}.reorder-modal-content{flex:1 1;overflow-y:auto;padding:20px 30px;scroll-behavior:smooth}.reorder-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px}.reorder-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#1fc1de;height:40px;margin-bottom:15px;width:40px}.reorder-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.reorder-grid,.reorder-trip-card{-webkit-user-select:none;user-select:none}.reorder-trip-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:grab;display:flex;gap:15px;padding:20px;position:relative;transition:all .3s ease}.reorder-trip-card:hover{border-color:#1fc1de;box-shadow:0 4px 12px #1fc1de1a;transform:translateY(-2px)}.reorder-trip-card.dragging{cursor:grabbing;opacity:.5;transform:rotate(5deg);z-index:1000}.reorder-trip-card:active{cursor:grabbing}.reorder-trip-card:focus{outline:none}.reorder-trip-drag-handle{border-radius:6px;color:#9ca3af;cursor:grab;font-size:18px;padding:8px;pointer-events:auto;transition:all .3s ease}.reorder-trip-drag-handle:hover{background:#f0f9ff;color:#1fc1de}.reorder-trip-card:active .reorder-trip-drag-handle{cursor:grabbing}.reorder-trip-card.search-match{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#10b981;box-shadow:0 4px 20px #10b98126;transform:translateY(-2px)}.reorder-trip-card.search-match:before{animation:searchPulse 2s ease-in-out infinite;background:linear-gradient(45deg,#10b981,#34d399,#10b981);border-radius:14px;bottom:-2px;content:"";left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px;z-index:-1}.reorder-trip-card.search-match:hover{border-color:#059669;box-shadow:0 6px 25px #10b98140;transform:translateY(-3px)}.reorder-trip-card.search-no-match{filter:grayscale(.5);opacity:.4;transform:scale(.95);transition:all .3s ease}.reorder-trip-card.search-no-match:hover{opacity:.6;transform:scale(.98)}.reorder-trip-order{align-items:center;background:#1fc1de;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:30px;justify-content:center;position:absolute;right:-10px;top:-10px;width:30px;z-index:2}.reorder-trip-card.search-match .reorder-trip-order{animation:searchPulse 2s ease-in-out infinite;background:#10b981}.reorder-trip-image{border-radius:8px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.reorder-trip-image img{height:100%;object-fit:cover;width:100%}.reorder-trip-placeholder{align-items:center;background:#f3f4f6;color:#6b7280;display:flex;font-size:24px;height:100%;justify-content:center;width:100%}.reorder-trip-info{flex:1 1;min-width:0}.reorder-trip-info h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reorder-trip-info p{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:6px;margin:4px 0}.reorder-trip-info p svg{color:#1fc1de;font-size:12px}.reorder-trip-status{margin-top:8px}.reorder-no-results{color:#6b7280;padding:40px;text-align:center}.reorder-modal-actions{background:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;gap:15px;justify-content:flex-end;padding:20px 30px}.btn-reorder{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-reorder:hover{box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-2px)}.btn-reorder:active{transform:translateY(0)}@keyframes searchPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.reorder-modal-content.dragging{overflow:hidden}@media (max-width:768px){.reorder-modal-overlay{padding:10px}.reorder-modal{max-height:95vh}.reorder-modal-actions,.reorder-modal-content,.reorder-modal-header,.reorder-modal-search{padding:15px 20px}.reorder-grid{gap:15px;grid-template-columns:1fr}.reorder-trip-card{gap:12px;padding:15px}.reorder-trip-image{height:60px;width:60px}.reorder-trip-info h4{font-size:14px}.reorder-trip-info p{font-size:12px}.reorder-modal-actions{flex-direction:column}}.reorder-trip-card[draggable=true]:hover{transform:translateY(-2px) scale(1.02)}.reorder-trip-card.drag-over{background:#f0f9ff;border-color:#1fc1de;transform:scale(1.05)}.videos-dashboard{background:#f8fafc;direction:rtl;min-height:100vh;padding:32px}.videos-header{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px;padding:24px}.header-content{flex:1 1}.header-title{margin-bottom:8px}.header-subtitle{color:#64748b;font-size:1rem;margin:0}.header-actions{display:flex;gap:12px}.videos-filters{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:20px}.filters-row{align-items:center;display:flex;display:inline-flex;flex-wrap:wrap;gap:16px}.search-box{flex:1 1;min-width:300px}.search-icon{font-size:1rem;inset-inline-end:16px;pointer-events:none}.search-input{border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;padding:12px 16px;padding-inline-end:100px;text-align:start;transition:all .3s ease}.search-input:focus{box-shadow:0 0 0 3px #31beb51a}.filter-group{align-items:center;gap:8px;position:relative}.filter-icon{color:#94a3b8;font-size:1rem}.filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;min-width:200px;padding:12px 16px}.filter-select:focus{border-color:#31beb5;box-shadow:0 0 0 3px #31beb51a}.videos-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;padding:24px;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.stat-icon{background:linear-gradient(135deg,#31beb5,#2aa89f);border-radius:12px;font-size:1.5rem;height:60px;width:60px}.stat-content h3{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 4px}.stat-content p{color:#64748b;font-size:.9rem;margin:0}.videos-content{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.no-videos{color:#64748b;padding:80px 20px;text-align:center}.no-videos-icon{color:#cbd5e1;font-size:4rem;margin-bottom:16px}.no-videos h3{color:#475569;font-size:1.5rem;margin:0 0 8px}.no-videos p{font-size:1rem;margin:0 0 24px}.videos-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:24px}.video-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease}.video-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.video-thumbnail{background:#1a1a1a;height:200px;overflow:hidden;position:relative}.video-preview{cursor:pointer;height:100%;object-fit:cover;width:100%}.video-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.video-card:hover .video-overlay{opacity:1}.play-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#31beb5;cursor:pointer;display:flex;font-size:1.2rem;height:60px;justify-content:center;transition:all .3s ease;width:60px}.play-btn:hover{background:#fff;transform:scale(1.1)}.video-duration{background:#000c;border-radius:4px;bottom:8px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 8px;position:absolute;right:8px}.video-info{padding:16px}.video-title{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.video-title h3{color:#1e293b;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0}.video-id{background:#f1f5f9;border-radius:6px;color:#64748b;font-size:.8rem;font-weight:500;padding:2px 8px}.video-meta{margin-bottom:16px}.meta-item{font-size:.9rem;gap:8px}.meta-item svg{font-size:.8rem}.video-actions{display:flex;gap:8px}.btn{font-size:.9rem;padding:8px 16px}.btn-secondary:hover{transform:translateY(-1px)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333;transform:translateY(-1px)}.btn-sm{font-size:.8rem;padding:6px 12px}.videos-loading{color:#64748b;flex-direction:column;padding:80px 20px}.upload-modal-overlay,.videos-loading{align-items:center;display:flex;justify-content:center}.upload-modal-overlay{background:#00000080;bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.upload-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000004d;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:1.5rem;padding:4px;transition:all .2s ease}.modal-close:hover{background:#e2e8f0;color:#1e293b}.modal-content{max-height:60vh;overflow-y:auto;padding:24px}.trip-selection{display:flex;flex-direction:column;gap:12px}.trip-option{border:2px solid #e2e8f0;border-radius:12px;color:inherit;justify-content:space-between;padding:16px;text-decoration:none}.trip-option:hover{background:#f0f9f8;border-color:#31beb5;box-shadow:0 4px 16px #31beb51a;transform:translateY(-2px)}.trip-option-info h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 4px}.trip-option-info p{color:#64748b;font-size:.9rem;margin:0 0 4px}.trip-price{color:#31beb5;font-size:.9rem}.trip-option-action{color:#31beb5;font-size:1.2rem}.no-trips-message{color:#64748b;padding:40px 20px;text-align:center}.no-trips-message p{font-size:1rem;margin:0}@media (max-width:1024px){.videos-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.videos-dashboard{padding:16px}.videos-header{align-items:stretch;flex-direction:column;padding:16px}.header-title h1{font-size:1.5rem}.filters-row{align-items:stretch;flex-direction:column}.filter-select,.search-box{min-width:auto}.videos-grid,.videos-stats{grid-template-columns:1fr}.videos-grid{padding:16px}.video-card{margin:0 auto;max-width:400px}}@media (max-width:480px){.videos-dashboard,.videos-header{padding:12px}.header-title h1{font-size:1.25rem}.stat-card,.videos-filters{padding:16px}.stat-icon{font-size:1.25rem;height:50px;width:50px}.stat-content h3{font-size:1.5rem}.video-info,.videos-grid{padding:12px}.video-title h3{font-size:1rem}}.video-upload-page{background:#f8fafc;direction:rtl;min-height:100vh;padding:32px}.upload-header{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.header-content{gap:20px}.back-btn{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:12px;color:#475569;font-weight:600;padding:12px 20px;transition:all .3s ease}.back-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#94a3b8;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.header-icon{font-size:2rem}.header-title h1{font-size:1.8rem;font-weight:700}.trip-info-card{background:#fff;border-left:4px solid #31beb5;border-radius:16px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.trip-header h2{font-size:1.4rem}.trip-id{border-radius:8px;font-size:.9rem;padding:4px 12px}.trip-details{gap:16px}.trip-meta{grid-gap:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.meta-item{color:#475569;font-size:.95rem}.meta-item strong{color:#1e293b;font-weight:600}.trip-description{padding-top:16px}.trip-description strong{margin-bottom:8px}.trip-description p{line-height:1.6}.upload-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.upload-info{margin-bottom:24px;text-align:center}.upload-icon{color:#31beb5;font-size:3rem;margin-bottom:16px}.upload-info h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 8px}.upload-info p{color:#64748b;font-size:1rem;margin:0}.upload-requirements{background:#f8fafc;border-radius:12px;margin-bottom:24px}.upload-requirements h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 16px}.upload-requirements li{font-size:.95rem;gap:12px;margin-bottom:12px}.check-icon{font-size:1rem}.tips-section{border-radius:16px;box-shadow:0 2px 8px #0000001a;padding:24px}.tips-section h4{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0 0 20px;text-align:center}.tips-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tip-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:20px;transition:all .3s ease}.tip-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.tip-card h5{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 12px}.tip-card p{font-size:.9rem;line-height:1.5}.upload-error,.upload-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.error-icon,.upload-error{color:#dc3545}.error-icon{font-size:3rem;margin-bottom:16px}.upload-error h3{color:#dc3545;font-size:1.5rem;margin:0 0 8px}.upload-error p{color:#64748b;margin:0 0 24px}.btn{font-size:1rem;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{background:#2aa89f;transform:translateY(-1px)}@media (max-width:1024px){.tips-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.upload-header,.video-upload-page{padding:16px}.header-content{align-items:stretch;flex-direction:column;gap:16px}.header-title h1{font-size:1.5rem}.trip-info-card{padding:16px}.trip-header{align-items:flex-start;flex-direction:column;gap:8px}.trip-meta{grid-template-columns:1fr}.upload-section{padding:16px}.upload-info h3{font-size:1.25rem}.tips-section{padding:16px}.tips-grid{grid-template-columns:1fr}}@media (max-width:480px){.upload-header,.video-upload-page{padding:12px}.header-title h1{font-size:1.25rem}.trip-info-card,.upload-section{padding:12px}.upload-requirements{padding:16px}.tips-section{padding:12px}.tip-card{padding:16px}.tip-card h5{font-size:1rem}.tip-card p{font-size:.85rem}}.add-video-page{background:#fff;direction:rtl;min-height:100vh;padding:24px}.page-header{background:#0000;border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding:0 0 32px}.header-content{gap:24px}.back-btn,.header-content{align-items:center;display:flex}.back-btn{background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:.9rem;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.back-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.header-title{align-items:center;display:flex;gap:12px}.header-icon{color:#31beb5;font-size:1.5rem}.header-title h1{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.loading-container{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.loading-spinner{border-top-color:#31beb5;height:40px;margin-bottom:16px;width:40px}.trip-selection-section{background:#0000;border-radius:0;box-shadow:none;overflow:visible}.selection-info{background:#0000;border-bottom:none;padding:0 0 32px;text-align:center}.info-icon{color:#31beb5;font-size:2rem;margin-bottom:12px}.selection-info h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 8px}.selection-info p{color:#64748b;font-size:.95rem;margin:0}.search-section{border-bottom:none;padding:0 0 24px}.search-box{margin:0 auto;max-width:400px;position:relative}.search-icon{color:#94a3b8;font-size:.9rem;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;padding:12px 40px 12px 16px;transition:all .2s ease;width:100%}.search-input:focus{border-color:#31beb5;box-shadow:0 0 0 2px #31beb51a;outline:none}.trips-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:0}.no-trips{color:#64748b;grid-column:1/-1}.no-trips-icon{color:#cbd5e1;font-size:2rem;margin-bottom:12px}.no-trips h3{color:#475569;font-size:1.25rem;margin:0 0 8px}.no-trips p{font-size:.9rem}.trip-card{border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;overflow:hidden;transition:all .2s ease}.trip-card:hover{border-color:#31beb5;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.trip-image{background:#f8fafc;height:160px;position:relative}.trip-image-placeholder{align-items:center;background:#f8fafc;color:#94a3b8;display:flex;font-size:2rem;height:100%;justify-content:center;width:100%}.trip-info{padding:16px}.trip-title{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.trip-title h3{color:#1e293b;font-size:1rem;font-weight:600;line-height:1.3;margin:0}.trip-id{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:.75rem;font-weight:500;padding:2px 6px}.trip-meta{margin-bottom:16px}.meta-item{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:6px;margin-bottom:6px}.meta-item svg{color:#94a3b8;font-size:.75rem;min-width:14px}.trip-actions{display:flex;justify-content:center}.select-trip-btn{align-items:center;background:#31beb5;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.select-trip-btn:hover{background:#2aa89f}.upload-section{display:flex;flex-direction:column;gap:24px}.selected-trip-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.trip-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.trip-header h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.change-trip-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s ease}.change-trip-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.trip-details{display:flex;flex-direction:column;gap:12px}.trip-meta-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.trip-meta-grid .meta-item{color:#475569;font-size:.9rem}.trip-meta-grid .meta-item strong{color:#1e293b;font-weight:600}.trip-description{border-top:1px solid #e2e8f0;padding-top:12px}.trip-description strong{color:#1e293b;display:block;font-weight:600;margin-bottom:6px}.trip-description p{color:#475569;font-size:.9rem;line-height:1.5;margin:0}.status-badge{border-radius:6px;font-size:.8rem;font-weight:500;padding:4px 8px;text-transform:uppercase}.status-active{background:#dcfce7;color:#166534}.status-pending{background:#fef3c7;color:#92400e}.status-disabled{background:#fee2e2;color:#991b1b}.upload-requirements{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.upload-requirements h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 12px}.upload-requirements ul{list-style:none;margin:0;padding-left:0}.upload-requirements li{align-items:center;color:#475569;display:flex;font-size:.9rem;gap:8px;margin-bottom:8px}.check-icon{color:#10b981;font-size:.9rem}.tips-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.tips-section h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 16px;text-align:center}.tips-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tip-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .2s ease}.tip-card:hover{background:#f1f5f9}.tip-card h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 8px}.tip-card p{color:#64748b;font-size:.85rem;line-height:1.4;margin:0}@media (max-width:768px){.add-video-page{padding:16px}.header-content{align-items:stretch;flex-direction:column;gap:16px}.trips-grid{grid-template-columns:1fr}.trip-header{align-items:flex-start;flex-direction:column;gap:12px}.tips-grid,.trip-meta-grid{grid-template-columns:1fr}}@media (max-width:480px){.add-video-page,.trip-info{padding:12px}.selected-trip-info,.tips-section,.upload-requirements{padding:16px}}:root{--primary-color:#1fc1de;--secondary-color:#1fc1de;--white:#fff;--text-dark:#001062;--text-light:#1fc1de;--error-color:#e74c3c;--success-color:#2ecc71;--shadow-light:#1fc1de26;--shadow-dark:#00106226}.bookings-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;min-height:100vh;padding:20px}.trip-info{gap:4px}.trip-title{color:#1e293b;font-size:14px;font-weight:600}.trip-location{color:#64748b;font-size:12px;gap:4px}.provider-info,.user-info{display:flex;flex-direction:column;gap:4px}.provider-name,.user-name{color:#1e293b;font-size:14px;font-weight:600}.provider-phone,.user-phone{color:#64748b;font-size:12px}.cost-amount{background:#0000;border-radius:0;color:#059669;display:inline;font-size:14px;font-weight:700;padding:0}.time-info{display:flex;flex-direction:column;gap:2px;justify-content:center;min-height:40px}.time-value{color:#1e293b;font-size:14px;font-weight:600}.date-value{background:#f1f5f9;border-radius:4px;color:#64748b;display:inline-block;font-size:11px;font-weight:500;padding:2px 6px;width:fit-content}.booking-id{background:#f0f9ff;border-radius:6px;color:#1fc1de;font-size:13px;font-weight:700;padding:6px 10px}.action-buttons{gap:8px}.btn-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.btn-view{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-view:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-edit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-edit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.loading-row{padding:40px 20px;text-align:center}.loading-row .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#1fc1de;height:30px;margin:0 auto 12px;width:30px}.loading-row p{color:#64748b;font-size:14px;margin:0}.no-data{color:#64748b}.status-dropdown{border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:13px;font-weight:500;outline:none;padding:6px 10px;transition:.2s ease}.status-dropdown:hover{border-color:#1fc1de}.status-dropdown.status-provider-pending{background:#facc1526;border:none;color:#854d0e}.status-dropdown.status-pending-payment{background:#22c55e26;border:none;color:#92400e}.status-dropdown.status-paid{background:#3b82f626;border:none;color:#1e40af}.status-dropdown.status-completed{background:#0d948826;border:none;color:#065f46}.status-dropdown.status-canceled{background:#ef444426;border:none;color:#991b1b}@media (max-width:1200px){.status-dropdown{font-size:12px;min-width:120px}}@media (max-width:768px){.action-buttons{flex-direction:column;gap:4px}.btn-action{font-size:12px;height:32px;width:32px}}.booking-form-container{margin:0 auto;max-width:1200px;padding:20px}.booking-form-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.booking-form-header{background:linear-gradient(135deg,#1fc1de,#0ea5e9);color:#fff;padding:30px;text-align:center}.booking-form-header h2{font-size:28px;font-weight:600;margin:0 0 10px}.booking-form-header p{font-size:16px;margin:0;opacity:.9}.booking-form-content{padding:30px}.booking-form-section{margin-bottom:40px}.booking-form-section-title{align-items:center;border-bottom:2px solid #e5e7eb;color:#1f2937;display:flex;font-size:20px;font-weight:600;gap:10px;margin-bottom:20px;padding-bottom:10px}.booking-form-section-title svg{color:#1fc1de}.trip-search-container{margin-bottom:20px;position:relative}.trip-search-input{align-items:center;display:flex;position:relative}.trip-search-icon{color:#6b7280;left:15px;position:absolute;z-index:2}.trip-search-field{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;padding:15px 45px;transition:all .3s ease;width:100%}.trip-search-field:focus{border-color:#1fc1de;box-shadow:0 0 0 3px #1fc1de1a;outline:none}.trip-clear-btn{background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;padding:5px;position:absolute;right:15px;transition:all .3s ease}.trip-clear-btn:hover{background:#f3f4f6;color:#ef4444}.trip-dropdown{background:#fff;border:2px solid #e5e7eb;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.trip-loading,.trip-no-results{color:#6b7280;padding:20px;text-align:center}.trip-option{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;padding:15px;transition:all .3s ease}.trip-option:hover{background:#f8fafc}.trip-option.selected{background:#e0f2fe;border-left:4px solid #1fc1de}.trip-option:last-child{border-bottom:none}.trip-option-image{border-radius:8px;flex-shrink:0;height:60px;margin-left:15px;overflow:hidden;width:60px}.trip-option-image img{height:100%;object-fit:cover;width:100%}.trip-option-details{flex:1 1}.trip-option-title{color:#1f2937;font-weight:600;margin-bottom:5px}.trip-option-location,.trip-option-price{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:5px;margin-bottom:3px}.trip-option-location svg,.trip-option-price svg{color:#1fc1de}.selected-trip-card{align-items:center;background:#f8fafc;border:2px solid #e0f2fe;border-radius:8px;display:flex;margin-top:15px;padding:20px}.selected-trip-image{border-radius:8px;flex-shrink:0;height:80px;margin-left:20px;overflow:hidden;width:80px}.selected-trip-image img{height:100%;object-fit:cover;width:100%}.selected-trip-info h4{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 10px}.selected-trip-info p{align-items:center;color:#6b7280;display:flex;gap:8px;margin:5px 0}.selected-trip-info svg{color:#1fc1de}.package-selection{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:15px}.package-option{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:20px;transition:all .3s ease}.package-option:hover{border-color:#1fc1de;box-shadow:0 2px 8px #1fc1de1a}.package-option.selected{background:#e0f2fe;border-color:#1fc1de;box-shadow:0 4px 12px #1fc1de33}.package-info h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 10px}.package-info p{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 15px}.package-price{align-items:center;color:#1fc1de;display:flex;font-size:16px;font-weight:600;gap:8px}.customer-search-container{margin-bottom:20px;position:relative}.customer-search-input{align-items:center;display:flex;position:relative}.customer-search-icon{color:#6b7280;left:15px;position:absolute;z-index:2}.customer-search-field{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;padding:15px 45px;transition:all .3s ease;width:100%}.customer-search-field:focus{border-color:#1fc1de;box-shadow:0 0 0 3px #1fc1de1a;outline:none}.customer-clear-btn{background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;padding:5px;position:absolute;right:15px;transition:all .3s ease}.customer-clear-btn:hover{background:#f3f4f6;color:#ef4444}.customer-dropdown{background:#fff;border:2px solid #e5e7eb;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.customer-loading,.customer-no-results{color:#6b7280;padding:20px;text-align:center}.customer-option{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;padding:15px;transition:all .3s ease}.customer-option:hover{background:#f8fafc}.customer-option.selected{background:#e0f2fe;border-left:4px solid #1fc1de}.customer-option:last-child{border-bottom:none}.customer-option-image{align-items:center;background:#f3f4f6;border-radius:50%;display:flex;flex-shrink:0;height:50px;justify-content:center;margin-left:15px;overflow:hidden;width:50px}.customer-option-image img{height:100%;object-fit:cover;width:100%}.customer-avatar-placeholder{align-items:center;background:#e5e7eb;color:#6b7280;display:flex;font-size:18px;height:100%;justify-content:center;width:100%}.customer-option-details{flex:1 1}.customer-option-name{color:#1f2937;font-weight:600;margin-bottom:3px}.customer-option-email,.customer-option-phone{color:#6b7280;font-size:14px;margin-bottom:2px}.selected-customer-card{align-items:center;background:#f8fafc;border:2px solid #e0f2fe;border-radius:8px;display:flex;margin-top:15px;padding:20px}.selected-customer-image{align-items:center;background:#f3f4f6;border-radius:50%;display:flex;flex-shrink:0;height:70px;justify-content:center;margin-left:20px;overflow:hidden;width:70px}.selected-customer-image img{height:100%;object-fit:cover;width:100%}.selected-customer-info h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px}.selected-customer-info p{color:#6b7280;font-size:14px;margin:3px 0}.booking-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.booking-form-group{display:flex;flex-direction:column}.booking-form-group.booking-form-full-width{grid-column:1/-1}.booking-form-label{align-items:center;color:#374151;display:flex;font-weight:600;gap:8px;margin-bottom:8px}.booking-form-label svg{color:#1fc1de}.booking-form-input,.booking-form-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;padding:12px 15px;transition:all .3s ease}.booking-form-input:focus,.booking-form-select:focus{border-color:#1fc1de;box-shadow:0 0 0 3px #1fc1de1a;outline:none}.booking-form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:16px;min-height:100px;padding:15px;resize:vertical;transition:all .3s ease}.booking-form-textarea:focus{border-color:#1fc1de;box-shadow:0 0 0 3px #1fc1de1a;outline:none}.booking-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-weight:500;margin-bottom:20px;padding:15px}.booking-form-actions{border-top:1px solid #e5e7eb;display:flex;gap:15px;justify-content:flex-end;padding-top:20px}.booking-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.booking-btn:disabled{cursor:not-allowed;opacity:.6}.booking-btn-secondary{background:#f3f4f6;color:#374151}.booking-btn-secondary:hover:not(:disabled){background:#e5e7eb}.booking-btn-primary{background:linear-gradient(135deg,#1fc1de,#0ea5e9);color:#fff}.booking-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #1fc1de4d;transform:translateY(-2px)}.addons-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.addon-row{align-items:center;border:1px solid #ddd;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px;transition:all .2s ease}.addon-row.selected{background-color:#f5f9ff;border-color:#007bff}.addon-left{align-items:center;display:flex;font-size:14px;gap:8px}.addon-name{color:#333;font-weight:500}.addon-price{color:#666;font-size:13px}.addon-quantity{border:1px solid #ccc;border-radius:6px;padding:4px;text-align:center;width:60px}@media (max-width:768px){.booking-form-container{padding:10px}.booking-form-content{padding:20px}.booking-form-grid,.package-selection{grid-template-columns:1fr}.booking-form-actions{flex-direction:column}.selected-customer-card,.selected-trip-card{flex-direction:column;text-align:center}.selected-customer-image,.selected-trip-image{margin-bottom:15px;margin-left:0}.customer-option,.trip-option{flex-direction:column;text-align:center}.customer-option-image,.trip-option-image{margin-bottom:10px;margin-left:0}}.booking-form-input:disabled,.booking-form-select:disabled,.booking-form-textarea:disabled{background:#f9fafb;cursor:not-allowed}.booking-form-select option{padding:10px}.customer-dropdown::-webkit-scrollbar,.trip-dropdown::-webkit-scrollbar{width:6px}.customer-dropdown::-webkit-scrollbar-track,.trip-dropdown::-webkit-scrollbar-track{background:#f1f1f1}.customer-dropdown::-webkit-scrollbar-thumb,.trip-dropdown::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.customer-dropdown::-webkit-scrollbar-thumb:hover,.trip-dropdown::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.booking-form-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27gray%27 height=%2724%27 width=%2724%27 viewBox=%270 0 24 24%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;border:1.5px solid #ddd;border-radius:7px;color:#333;cursor:pointer;font-size:16px;margin-bottom:1.2rem;outline:none;padding:14px 16px;transition:all .3s ease;width:100%}.booking-form-select:hover{border-color:#aaa}.booking-form-select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff33}.conversations-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-right:1px solid #1fc1de1a;box-shadow:0 8px 32px #0010621a;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:380px}.sidebar-header-c{align-items:baseline;background:linear-gradient(135deg,#1fc1de0d,#00106205);border-bottom:1px solid #1fc1de1a;padding:16px 16px 12px}.sidebar-title-section{align-items:center;display:flex;gap:10px;margin-bottom:16px}.sidebar-title-icon{align-items:center;background:linear-gradient(135deg,#1fc1de,#001062);border-radius:10px;box-shadow:0 3px 10px #1fc1de4d;color:#fff;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.sidebar-title-section h2{color:#001062;flex:1 1;font-size:16px;font-weight:700;letter-spacing:-.02em;margin:0}.sidebar-title-badge{background:linear-gradient(135deg,#1fc1de,#001062);border-radius:12px;box-shadow:0 2px 6px #1fc1de4d;color:#fff;flex-shrink:0;font-size:11px;font-weight:600;min-width:20px;padding:3px 8px;text-align:center}.sidebar-search-section{margin-bottom:12px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#6b7280;font-size:12px;z-index:2}.sidebar-search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1.5px solid #1fc1de33;border-radius:10px;font-size:13px;padding:8px 36px 8px 12px;transition:all .3s ease;width:100%}.sidebar-search-input:focus{background:#fffffff2;border-color:#1fc1de;box-shadow:0 0 0 3px #1fc1de1a;outline:none}.search-clear-btn{background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;font-size:10px;left:8px;padding:3px;position:absolute;transition:all .2s ease}.search-clear-btn:hover{background:#6b72801a;color:#374151}.sidebar-filters-section{align-items:flex-end;display:flex;gap:8px}.filter-group{display:flex;flex:1 1;flex-direction:column;gap:4px}.filter-label{align-items:center;color:#374151;display:flex;font-size:10px;font-weight:600;gap:4px;letter-spacing:.5px;text-transform:uppercase}.filter-label i{color:#1fc1de;font-size:8px}.filter-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #1fc1de33;border-radius:6px;cursor:pointer;font-size:11px;padding:6px 10px;transition:all .3s ease}.filter-select:focus{background:#fffffff2;border-color:#1fc1de;outline:none}.sort-toggle-btn{align-items:center;background:linear-gradient(135deg,#1fc1de,#001062);border:none;border-radius:6px;box-shadow:0 2px 6px #1fc1de4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:10px;height:28px;justify-content:center;transition:all .3s ease;width:28px}.sort-toggle-btn:hover{box-shadow:0 3px 8px #1fc1de66;transform:translateY(-1px)}.sort-toggle-btn:active{transform:translateY(0)}.sidebar-content{flex:1 1;overflow-y:auto;padding:0}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:#1fc1de0d}.sidebar-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1fc1de,#001062);border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#001062,#1fc1de)}.sidebar-loading{color:#6b7280;padding:60px 20px}.sidebar-error,.sidebar-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center}.sidebar-error{color:#ef4444;padding:40px 20px;text-align:center}.sidebar-error i{color:#ef4444;font-size:24px}.sidebar-empty{color:#6b7280;flex-direction:column;padding:60px 20px;text-align:center}.empty-icon,.sidebar-empty{align-items:center;display:flex;justify-content:center}.empty-icon{background:#1fc1de1a;border-radius:50%;height:64px;margin-bottom:16px;width:64px}.empty-icon i{color:#1fc1de;font-size:24px}.sidebar-empty h3{color:#374151;font-size:16px;font-weight:600;margin:0 0 8px}.sidebar-empty p{font-size:13px;line-height:1.5;margin:0}.conversations-list{background-color:padding-box;padding:0}.conversation-item{align-items:center;border-bottom:1px solid #1fc1de0d;cursor:pointer;display:flex;gap:12px;padding:16px 20px;position:relative;transition:all .3s ease}.conversation-item:hover{background:#1fc1de0d;transform:translateX(-4px)}.conversation-item.selected{background:linear-gradient(135deg,#1fc1de1a,#0010620d);border-right:3px solid #1fc1de}.conversation-item.selected .conversation-name{color:#001062;font-weight:700}.conversation-avatar{flex-shrink:0;position:relative}.conversation-avatar img{border:2px solid #1fc1de33;border-radius:50%;height:48px;object-fit:cover;transition:all .3s ease;width:48px}.conversation-item:hover .conversation-avatar img{border-color:#1fc1de;transform:scale(1.05)}.status-indicator{align-items:center;border:2px solid #fff;border-radius:50%;bottom:-2px;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:8px;height:20px;justify-content:center;position:absolute;right:-2px;width:20px}.conversation-content{flex:1 1;min-width:0}.conversation-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:6px}.conversation-info{flex:1 1;min-width:0}.conversation-name{color:#374151;font-size:14px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-role{align-items:center;color:#6b7280;display:flex;font-size:11px;gap:4px}.conversation-role i{color:#1fc1de;font-size:10px}.conversation-meta{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.conversation-time{color:#6b7280;font-size:11px;white-space:nowrap}.unread-badge{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;box-shadow:0 2px 4px #ef44444d;color:#fff;font-size:10px;font-weight:600;min-width:16px;padding:2px 6px;text-align:center}.conversation-preview{margin-top:4px}.message-preview{color:#6b7280;display:flex;font-size:12px;gap:4px;line-height:1.4}.sender-name{color:#1fc1de;font-weight:500;white-space:nowrap}.message-content{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-message{color:#9ca3af;font-size:12px;font-style:italic}.selection-indicator{background:linear-gradient(135deg,#1fc1de,#001062);border-radius:2px 0 0 2px;bottom:0;position:absolute;right:0;top:0;width:3px}.sidebar-pagination{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-top:1px solid #1fc1de1a;gap:16px;padding:16px 20px}.pagination-btn,.sidebar-pagination{align-items:center;display:flex;justify-content:center}.pagination-btn{background:linear-gradient(135deg,#1fc1de,#001062);border:none;border-radius:8px;box-shadow:0 2px 8px #1fc1de4d;color:#fff;cursor:pointer;height:32px;transition:all .3s ease;width:32px}.pagination-btn:hover:not(:disabled){box-shadow:0 4px 12px #1fc1de66;transform:translateY(-1px)}.pagination-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.pagination-info{align-items:center;color:#374151;display:flex;font-size:13px;gap:4px}.page-number{color:#1fc1de;font-weight:600}.page-separator,.total-pages{color:#6b7280}@media (max-width:768px){.conversations-sidebar{height:100vh;width:100%}.sidebar-filters-section{flex-direction:column;gap:8px}.filter-group{align-items:center;flex-direction:row;gap:8px}.filter-label{min-width:80px}}.chat-window{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#ffffffd9);direction:rtl;display:flex;flex:1 1;flex-direction:column;height:100vh;position:relative}.chat-window-empty{color:#6b7280;flex-direction:column;height:100%;padding:40px;text-align:center}.chat-window-empty,.empty-chat-icon{align-items:center;display:flex;justify-content:center}.empty-chat-icon{background:#1fc1de1a;border-radius:50%;height:80px;margin-bottom:24px;width:80px}.empty-chat-icon i{color:#1fc1de;font-size:32px}.chat-window-empty h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 12px}.chat-window-empty p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.chat-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1fc1de0d,#00106205);border-bottom:1px solid #1fc1de1a;justify-content:space-between;padding:16px 24px}.chat-header,.chat-user-info{align-items:center;display:flex}.chat-user-info{gap:12px}.chat-user-avatar{flex-shrink:0;position:relative}.chat-user-avatar img{border:2px solid #1fc1de33;border-radius:50%;height:40px;object-fit:cover;width:40px}.user-status-indicator{border:2px solid #fff;border-radius:50%;bottom:-2px;box-shadow:0 2px 4px #0000001a;height:12px;position:absolute;right:-2px;width:12px}.user-status-indicator.online{background:#10b981}.chat-user-details{display:flex;flex-direction:column;gap:2px}.chat-user-name{color:#001062;font-size:16px;font-weight:600;margin:0}.chat-user-role{color:#6b7280;font-size:12px}.chat-action-btn{align-items:center;background:#1fc1de1a;border:none;border-radius:8px;color:#1fc1de;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.chat-action-btn:hover{background:#1fc1de33;transform:translateY(-1px)}.messages-container{background:linear-gradient(135deg,#1fc1de05,#00106203);background-color:#c2fff2;flex:1 1;overflow-y:auto;padding:20px}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#1fc1de0d}.messages-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1fc1de,#001062);border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#001062,#1fc1de)}.messages-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.loading-spinner{border:3px solid #1fc1de33;border-top-color:#1fc1de;height:32px;width:32px}.messages-error{align-items:center;color:#ef4444;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px 20px;text-align:center}.messages-error i{color:#ef4444;font-size:24px}.retry-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .3s ease}.retry-btn:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.messages-empty{color:#6b7280;flex-direction:column;padding:60px 20px;text-align:center}.empty-messages-icon,.messages-empty{align-items:center;display:flex;justify-content:center}.empty-messages-icon{background:#1fc1de1a;border-radius:50%;height:64px;margin-bottom:16px;width:64px}.empty-messages-icon i{color:#1fc1de;font-size:24px}.messages-empty h3{color:#374151;font-size:16px;font-weight:600;margin:0 0 8px}.messages-empty p{font-size:13px;line-height:1.5;margin:0}.messages-list{display:flex;flex-direction:column-reverse;gap:12px}.message-item{margin-bottom:8px}.message-item .message-bubble img,.message-item .message-image-container{margin-bottom:16px!important;margin-right:0}.message-item.sent{justify-content:flex-start}.message-item.received{justify-content:flex-end}.message-bubble{word-wrap:break-word;animation:messageSlideIn .3s ease-out;border-radius:18px;box-shadow:0 1px 2px #0000001a;display:inline-block;max-width:70%;position:relative;vertical-align:top;white-space:pre-wrap}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-item.sent .message-bubble{background:linear-gradient(135deg,#1fc1de,#001062);border-bottom-left-radius:4px;color:#fff;margin-left:auto}.message-item.received .message-bubble{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #1fc1de33;border-bottom-right-radius:4px;color:#374151;margin-right:auto}.message-item.provider .message-bubble{margin-right:auto}.message-content{word-wrap:break-word;color:inherit;font-size:14px;line-height:1.5;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.message-image-container{border-radius:12px;display:block;margin:6px 0;max-height:280px;max-width:180px;overflow:hidden;position:relative}.message-image-container:hover{transform:scale(1.02)}.message-image{border-radius:12px;display:block;height:auto;margin:0;object-fit:cover;position:relative;width:100%}.message-image-caption{background:#0000000d;color:inherit;font-size:14px;line-height:1.4;margin-top:4px;padding:8px 12px}.message-item.provider .message-image-caption,.message-item.sent .message-image-caption{background:#ffffff1a}.message-location-container{align-items:stretch;background:#fffffff2;border:1px solid #1fc1de33;border-radius:18px;box-shadow:0 2px 8px #1fc1de12;cursor:pointer;display:flex;flex-direction:column;margin:-8px -12px 4px;overflow:hidden;padding:0;transition:all .2s ease}.message-item.provider .message-location-container,.message-item.sent .message-location-container{background:#ffffff1a;border-color:#fff3}.message-location-container:hover{box-shadow:0 6px 18px #1fc1de21;transform:translateY(-1px) scale(1.01)}.location-map-preview{overflow:hidden;position:relative}.location-map-img,.location-map-preview{border-top-left-radius:18px;border-top-right-radius:18px;height:120px;width:100%}.location-map-img{display:block;filter:grayscale(10%) contrast(1.1);object-fit:cover}.location-marker-icon{color:#e53935;font-size:32px;left:50%;pointer-events:none;position:absolute;text-shadow:0 2px 8px #0000002e;top:50%;transform:translate(-50%,-100%)}.location-info-row{display:flex;flex-direction:column;gap:2px;padding:12px 16px 4px}.location-name{color:#374151;font-size:15px;font-weight:700;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-item.provider .location-name,.message-item.sent .location-name{color:#fff}.location-coordinates{color:#6b7280;font-family:Courier New,monospace;font-size:12px}.message-item.provider .location-coordinates,.message-item.sent .location-coordinates{color:#fffc}.location-action-btn{align-items:center;background:linear-gradient(135deg,#1fc1de,#001062);border:none;border-radius:8px;box-shadow:0 2px 8px #1fc1de21;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:7px;margin:8px 16px 12px;padding:7px 14px;transition:background .2s,box-shadow .2s,transform .2s}.location-action-btn:hover{background:linear-gradient(135deg,#001062,#1fc1de);box-shadow:0 6px 18px #1fc1de2e;transform:translateY(-2px) scale(1.03)}.location-action-btn i{font-size:12px}.image-modal{position:fixed;z-index:9999}.image-modal,.image-modal-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;right:0;top:0}.image-modal-overlay{background:#000000e6;padding:20px;position:absolute}.image-modal-content{max-height:90vh;max-width:90vw;position:relative}.image-modal-close,.image-modal-content{align-items:center;display:flex;justify-content:center}.image-modal-close{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;height:32px;position:absolute;right:0;top:-40px;transition:background-color .2s ease;width:32px;z-index:1}.image-modal-close:hover{background:#ffffff4d}.image-modal-image{border-radius:8px;box-shadow:0 8px 32px #0000004d;max-height:90vh;max-width:100%;object-fit:contain}.message-meta{align-items:center;display:flex;font-size:11px;gap:8px;justify-content:space-between;margin-top:4px;opacity:.8}.message-time{white-space:nowrap}.message-status{align-items:center;display:flex}.message-status i{color:#10b981;font-size:10px}.message-status i.read{color:#1fc1de}.message-item.sent .message-status i{color:#fffc}.message-item.sent .message-status i.read{color:#ffffffe6}.message-input-container{background:#ffffffe6;border-top:1px solid #1fc1de1a;padding:16px 24px}.message-input-container,.message-input-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message-input-wrapper{align-items:flex-end;background:#fffc;border:2px solid #1fc1de33;border-radius:24px;display:flex;gap:12px;padding:8px 16px;transition:all .3s ease}.message-input-wrapper:focus-within{background:#fffffff2;border-color:#1fc1de;box-shadow:0 0 0 4px #1fc1de1a}.attachment-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.attachment-btn:hover{background:#6b72801a;color:#374151}.input-field-wrapper{flex:1 1;min-width:0}.message-input{background:none;border:none;color:#374151;font-family:inherit;font-size:14px;line-height:1.4;max-height:120px;min-height:20px;outline:none;padding:0;resize:none;width:100%}.message-input::placeholder{color:#9ca3af}.message-input:disabled{cursor:not-allowed;opacity:.6}.send-btn{background:linear-gradient(135deg,#1fc1de,#001062);border-radius:50%;box-shadow:0 2px 8px #1fc1de4d;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s ease;width:36px}.send-btn:hover:not(:disabled){box-shadow:0 4px 12px #1fc1de66;transform:translateY(-1px)}.send-btn:disabled{opacity:.5;transform:none}.sending-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.chat-header{padding:12px 16px}.messages-container{padding:16px}.message-input-container{padding:12px 16px}.message-bubble{max-width:85%}.message-image{max-width:250px}.location-preview{gap:10px;padding:10px}.location-icon{font-size:14px;height:36px;width:36px}.location-name{font-size:13px}.location-coordinates{font-size:11px}}.chat-header.two-sided{align-items:center;display:flex;gap:12px;justify-content:space-between}.chat-user-info.clickable{cursor:pointer}.chat-user-info.left{align-items:center;display:flex;flex-direction:row;gap:10px}.chat-user-info.right{align-items:center;display:flex;flex-direction:row-reverse;gap:10px;text-align:right}.chat-actions{align-items:center;display:flex;gap:8px}.message-item{display:flex}.message-item.customer{justify-content:flex-start}.message-item.provider{display:ruby;justify-content:flex-end;margin-bottom:1.5rem}.message-bubble{padding:10px 12px 8px}.message-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.msg-avatar{border:1px solid #0000000f;border-radius:50%;height:20px;object-fit:cover;width:20px}.msg-sender{align-items:center;display:flex;gap:6px;min-width:0}.msg-name{color:#0f172a;font-size:12px;font-weight:700;white-space:nowrap}.msg-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:10px;font-weight:700;gap:4px;line-height:1;padding:2px 6px}.msg-badge i{font-size:9px}.msg-badge.provider{background:#d1fae5;border-color:#a7f3d0;color:#065f46}.msg-badge.customer{background:#dbeafe;border-color:#bfdbfe;color:#1e3a8a}.msg-badge.admin{background:#ede9fe;border-color:#ddd6fe;color:#5b21b6}.message-header.provider .msg-badge,.message-header.provider .msg-name{color:#fff}.message-header.provider .msg-badge{background:#ffffff2e;border-color:#ffffff47}.message-item.customer .message-bubble{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #1fc1de33;border-bottom-right-radius:4px;color:#374151;margin-right:auto}.message-item.provider .message-bubble{background:#1fc1decc;border-bottom-right-radius:4px;box-shadow:0 2px 8px #1fc1de33;color:#fff;margin-left:auto}.chat-page-root{background:#f0f2f5;direction:rtl;display:flex;flex-direction:row-reverse;height:100vh;min-height:0;min-width:0;width:100vw}@media (max-width:900px){.chat-page-root{flex-direction:column}}.chat-page{background:linear-gradient(135deg,#1fc1de05,#00106203);height:100vh;overflow:hidden}.chat-main-area,.chat-page{display:flex;position:relative}.chat-main-area{flex:1 1;flex-direction:column}@media (max-width:768px){.chat-page{flex-direction:column}}.banners-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;min-height:100vh;padding:20px}.banners-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.banners-title h2{color:#2c3e50;font-size:24px;font-weight:600;margin:0 0 4px}.banners-title p{color:#7f8c8d;font-size:14px;margin:0}.banners-filters{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.search-form{flex:1 1;max-width:400px}.search-input{align-items:center;display:flex;position:relative}.search-input input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 40px 10px 12px;transition:border-color .3s ease;width:100%}.search-input input:focus{border-color:#31beb5;box-shadow:0 0 0 2px #31beb51a;outline:none}.search-btn{background:none;border:none;color:#7f8c8d;cursor:pointer;padding:4px;position:absolute;right:8px}.search-btn:hover{color:#31beb5}.filters-controls{align-items:center;display:flex;gap:12px}.page-size-select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.error-message{padding:12px 16px}.banner-image{align-items:center;background:#f8f9fa;border-radius:4px;display:flex;height:40px;justify-content:center;overflow:hidden;width:60px}.banner-image img{height:100%;object-fit:cover;width:100%}.no-image{color:#7f8c8d;font-size:12px;text-align:center}.trip-count{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:12px;font-weight:500;padding:4px 8px}.action-buttons{gap:6px;justify-content:center}.action-buttons .btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 8px;transition:all .2s ease}.action-buttons .btn-info{background:#17a2b8;color:#fff}.action-buttons .btn-warning{background:#ffc107;color:#212529}.action-buttons .btn-danger{background:#dc3545;color:#fff}.action-buttons .btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.pagination{align-items:center;margin-top:24px;padding:16px 0}.page-numbers{display:flex;gap:4px}.page-numbers .btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#2c3e50;cursor:pointer;display:flex;height:36px;justify-content:center;min-width:36px;padding:0;transition:all .2s ease}.page-numbers .btn:hover{background:#f8f9fa;border-color:#31beb5}.page-numbers .btn.active{background:#31beb5;border-color:#31beb5;color:#fff}.pagination .btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#2c3e50;cursor:pointer;display:flex;gap:6px;padding:8px 12px;transition:all .2s ease}.pagination .btn:hover:not(:disabled){background:#f8f9fa;border-color:#31beb5}.pagination .btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#7f8c8d;font-size:14px;margin-top:12px;text-align:center}@media (max-width:768px){.banners-list{padding:16px}.banners-header{gap:16px}.banners-filters,.banners-header{align-items:stretch;flex-direction:column}.search-form{max-width:none}.action-buttons{flex-direction:column;gap:4px}.action-buttons .btn{justify-content:center;width:100%}.pagination{flex-wrap:wrap;gap:4px}.page-numbers{justify-content:center;margin-top:8px;order:2;width:100%}}@media (max-width:480px){.banner-image{height:35px;width:50px}}.banner-details{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.banner-details-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.banner-details-title h2{color:#2c3e50;font-size:24px;font-weight:600;margin:0 0 4px}.banner-details-title p{color:#7f8c8d;font-size:14px;margin:0}.banner-details-actions{display:flex;gap:12px}.banner-details-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 300px}.banner-details-main{display:flex;flex-direction:column;gap:24px}.banner-image-section,.banner-info-section,.banner-trips-section{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;padding:20px}.banner-image-section h3,.banner-info-section h3,.banner-trips-section h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 16px}.banner-image-container{align-items:center;background:#fff;border:2px dashed #ddd;border-radius:6px;display:flex;justify-content:center;min-height:200px;overflow:hidden}.banner-detail-image{border-radius:4px;max-height:300px;max-width:100%;object-fit:contain}.no-image-placeholder{color:#7f8c8d;text-align:center}.no-image-placeholder .fa{font-size:48px;margin-bottom:12px;opacity:.5}.no-image-placeholder p{font-size:16px;margin:0}.info-grid{grid-gap:16px;display:grid;gap:16px}.info-item{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:6px;display:flex;justify-content:space-between;padding:12px 16px}.info-item label{color:#2c3e50;font-weight:600;min-width:120px}.info-item span{color:#34495e;flex:1 1;text-align:left}.info-item a{align-items:center;color:#31beb5;display:flex;gap:6px;text-decoration:none}.info-item a:hover{text-decoration:underline}.banner-id{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:12px;font-weight:600;padding:4px 8px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header h3{margin:0}.trips-info{display:flex;flex-direction:column;gap:16px}.trip-count-badge{align-items:center;background:#e8f5e8;border-radius:20px;color:#2e7d32;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;width:fit-content}.trips-list{background:#fff;border:1px solid #e1e5e9;border-radius:6px;overflow:hidden}.loading-trips{align-items:center;color:#7f8c8d;display:flex;gap:8px;justify-content:center;padding:40px 20px;text-align:center}.trip-card,.trips-grid{padding:16px}.trip-card{background:#fff;border:1px solid #e1e5e9;border-radius:6px;display:inline-table;gap:16px;transition:box-shadow .2s ease}.trip-card:hover{box-shadow:0 2px 8px #0000001a}.trip-image{border-radius:4px;flex-shrink:0;overflow:hidden}.trip-image img{height:100%;object-fit:cover;width:100%}.no-trip-image{align-items:center;background:#f8f9fa;color:#7f8c8d;display:flex;height:100%;justify-content:center;width:100%}.trip-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.trip-info h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0}.trip-description{color:#7f8c8d;font-size:14px;line-height:1.4;margin:0}.trip-meta{align-items:center;display:flex;gap:12px}.trip-price{color:#2e7d32;display:flex;flex-direction:row-reverse}.trip-discount,.trip-price{font-size:14px;font-weight:600}.trip-discount{color:#d32f2f;text-decoration:line-through}.trip-location{align-items:center;color:#7f8c8d;display:flex;font-size:13px;gap:6px}.no-trips,.no-trips-info{color:#7f8c8d;padding:40px 20px;text-align:center}.no-trips .fa,.no-trips-info .fa{font-size:32px;margin-bottom:12px;opacity:.5}.no-trips p,.no-trips-info p{font-size:14px;margin:0}.banner-details-sidebar{display:flex;flex-direction:column;gap:20px}.banner-actions,.banner-stats{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;padding:20px}.banner-actions h3,.banner-stats h3{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 16px}.stats-grid{display:flex;flex-direction:column;gap:12px}.stat-item{background:#fff;border:1px solid #e1e5e9;border-radius:6px;gap:12px;padding:12px}.stat-icon,.stat-item{align-items:center;display:flex}.stat-icon{background:#31beb5;border-radius:50%;color:#fff;flex-shrink:0;height:40px;justify-content:center;width:40px}.stat-info{flex:1 1}.stat-value{color:#2c3e50;font-size:14px;font-weight:600}.stat-label{color:#7f8c8d;font-size:12px;margin-top:2px}.action-buttons{display:flex;flex-direction:column;gap:12px}.btn-block{justify-content:center;width:100%}.error-message{margin-bottom:16px}.no-data{color:#7f8c8d;padding:40px 20px}.no-data .fa{font-size:48px;margin-bottom:16px;opacity:.5}.no-data p{font-size:16px;margin:0}@media (max-width:1024px){.banner-details-content{grid-template-columns:1fr}.banner-details-sidebar{order:-1}}@media (max-width:768px){.banner-details{padding:16px}.banner-details-header{align-items:stretch;flex-direction:column;gap:16px}.banner-details-actions{justify-content:center}.info-item{align-items:flex-start;flex-direction:column;gap:8px}.info-item label{min-width:auto}.trip-card{flex-direction:column;gap:12px}.trip-image{height:120px;width:100%}.trip-meta{flex-wrap:wrap}}@media (max-width:480px){.banner-image-container{min-height:150px}.banner-detail-image{max-height:200px}.trip-card,.trips-grid{padding:12px}}.banner-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.banner-form-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.banner-form-title h2{color:#2c3e50;font-size:24px;font-weight:600;margin:0 0 4px}.banner-form-title p{color:#7f8c8d;font-size:14px;margin:0}.banner-form-content{display:flex;flex-direction:column;gap:24px}.form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 350px}.form-main{display:flex;flex-direction:column;gap:24px}.form-section{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;padding:20px}.form-section h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{color:#2c3e50;display:block;font-size:14px;margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;padding:12px 16px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#31beb5;box-shadow:0 0 0 2px #31beb51a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-group small{color:#7f8c8d;display:block;font-size:12px;margin-top:6px}.trips-select-container{position:relative;width:100%}.trips-select-input{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;min-height:48px;padding:12px 16px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.trips-select-input:hover{border-color:#31beb5}.trips-select-input:focus-within{border-color:#31beb5;box-shadow:0 0 0 2px #31beb51a}.selected-trips{display:flex;flex:1 1;flex-wrap:wrap;gap:6px;min-height:24px}.selected-trip-tag{align-items:center;background:#e3f2fd;border-radius:12px;color:#1976d2;display:inline-flex;font-size:12px;font-weight:500;gap:6px;max-width:200px;padding:4px 8px}.selected-trip-tag .trip-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-trip-btn{align-items:center;background:none;border:none;border-radius:50%;color:#1976d2;cursor:pointer;display:flex;font-size:10px;height:16px;justify-content:center;padding:0;transition:background-color .2s ease;width:16px}.remove-trip-btn:hover{background:#1976d21a}.placeholder-text{color:#7f8c8d;font-style:italic}.select-arrow{color:#7f8c8d;font-size:12px;transition:transform .2s ease}.trips-select-input:hover .select-arrow{transform:translateX(2px)}.trips-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.trips-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.trips-modal-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:20px 24px}.trips-modal-header h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#7f8c8d;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.modal-close-btn:hover{background:#f8f9fa;color:#2c3e50}.trips-modal-search{border-bottom:1px solid #e1e5e9;padding:16px 24px}.search-input-container{align-items:center;display:flex;position:relative}.search-icon{color:#7f8c8d;font-size:14px;position:absolute;right:12px}.trips-modal-search-input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px 40px 12px 16px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.trips-modal-search-input:focus{border-color:#31beb5;box-shadow:0 0 0 2px #31beb51a;outline:none}.trips-modal-content{flex:1 1;overflow-y:auto;padding:20px 24px}.trips-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.trip-grid-item{background:#fff;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.trip-grid-item:hover{border-color:#31beb5;box-shadow:0 4px 12px #31beb526;transform:translateY(-2px)}.trip-grid-item.selected{background:#f0fdfa;border-color:#31beb5}.trip-grid-image{height:160px;overflow:hidden;position:relative}.trip-grid-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.trip-grid-item:hover .trip-grid-image img{transform:scale(1.05)}.trip-selection-overlay{align-items:center;background:#ffffffe6;border-radius:50%;color:#31beb5;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:24px}.trip-grid-item.selected .trip-selection-overlay{background:#31beb5;color:#fff}.trip-grid-info{padding:16px}.trip-grid-title{color:#2c3e50;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trip-grid-meta{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.trip-grid-category,.trip-grid-city{align-items:center;color:#7f8c8d;display:flex;font-size:13px;gap:6px}.trip-grid-category .fa,.trip-grid-city .fa{color:#31beb5;font-size:12px}.trip-grid-price{align-items:center;border-top:1px solid #f1f3f4;display:flex;justify-content:space-between;padding-top:8px}.price-label{color:#7f8c8d;font-size:13px}.price-value{color:#2e7d32;font-size:14px;font-weight:600}.trips-modal-footer{align-items:center;background:#f8f9fa;border-top:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:16px 24px}.selected-count{color:#2c3e50;font-size:14px;font-weight:500}.modal-actions{display:flex;gap:12px}.trips-loading{gap:8px;justify-content:center}.no-trips,.trips-loading{align-items:center;color:#7f8c8d;display:flex;padding:40px 20px;text-align:center}.no-trips{flex-direction:column;gap:12px}.no-trips .fa{font-size:32px;opacity:.5}.no-trips p{font-size:16px;margin:0}.form-sidebar{display:flex;flex-direction:column;gap:20px}.image-upload-section{display:flex;flex-direction:column;gap:16px}.image-preview{align-items:center;background:#fff;border:2px dashed #ddd;border-radius:8px;display:flex;justify-content:center;min-height:200px;overflow:hidden}.image-preview-container{height:100%;min-height:200px;position:relative;width:100%}.image-preview-container img{border-radius:6px;height:100%;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#dc3545e6;display:flex;height:32px;justify-content:center;right:8px;top:8px;transition:background-color .2s ease;width:32px}.remove-image-btn:hover{background:#dc3545}.image-upload-placeholder{color:#7f8c8d;padding:40px 20px;text-align:center}.image-upload-placeholder .fa{font-size:48px;margin-bottom:16px;opacity:.5}.image-upload-placeholder p{font-size:16px;font-weight:500;margin:0 0 8px}.image-upload-placeholder small{font-size:12px;opacity:.7}.image-upload-controls{display:flex;flex-direction:column;gap:12px}.file-input{display:none}.file-input-label{align-items:center;background:#31beb5;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;text-align:center;transition:background-color .2s ease}.file-input-label:hover{background:#2aa8a0}.upload-progress{align-items:center;background:#e3f2fd;border-radius:6px;color:#1976d2;display:flex;font-size:14px;gap:8px;justify-content:center;padding:12px}.info-cards{display:flex;flex-direction:column;gap:16px}.info-card{background:#fff;border:1px solid #e1e5e9;border-radius:6px;display:flex;gap:12px;padding:16px}.info-icon{align-items:center;background:#e3f2fd;border-radius:50%;color:#1976d2;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.info-content h4{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 6px}.info-content p{color:#7f8c8d;font-size:12px;line-height:1.4;margin:0}.form-actions{border-top:1px solid #e1e5e9;gap:12px;padding-top:20px}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;padding:16px}.btn{align-items:center;border-radius:6px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#31beb5}.btn-primary:hover:not(:disabled){background:#2aa8a0;box-shadow:0 2px 4px #31beb533;transform:translateY(-1px)}.btn-secondary:hover:not(:disabled){background:#5a6268;box-shadow:0 2px 4px #6c757d33;transform:translateY(-1px)}.btn-sm{font-size:13px;padding:8px 16px}.btn-outline{background:#0000;border:1px solid #31beb5;color:#31beb5}.btn-outline:hover{background:#31beb5;color:#fff}@media (max-width:1024px){.form-grid{grid-template-columns:1fr}.form-sidebar{order:-1}}@media (max-width:768px){.banner-form{padding:16px}.banner-form-header{align-items:stretch;flex-direction:column;gap:16px}.form-section{padding:16px}.form-actions{flex-direction:column}.btn{width:100%}.image-preview,.image-preview-container{min-height:150px}}@media (max-width:480px){.form-group input,.form-group textarea{font-size:13px;padding:10px 12px}.image-upload-placeholder{padding:30px 16px}.image-upload-placeholder .fa{font-size:36px}.info-card{flex-direction:column;text-align:center}.info-icon{align-self:center}.trips-select-input{min-height:40px;padding:8px 12px}.selected-trip-tag{font-size:11px;padding:3px 6px}.trip-option{padding:10px 12px}.trip-meta{flex-direction:column;gap:4px}.trips-modal-overlay{padding:10px}.trips-modal{max-height:95vh}.trips-modal-header{padding:16px 20px}.trips-modal-header h3{font-size:18px}.trips-modal-search{padding:12px 20px}.trips-modal-content{padding:16px 20px}.trips-grid{gap:12px;grid-template-columns:1fr}.trip-grid-image{height:120px}.trip-grid-info{padding:12px}.trip-grid-title{font-size:14px}.trips-modal-footer{align-items:stretch;flex-direction:column;gap:12px;padding:12px 20px}.modal-actions{justify-content:center}}.notifications-list{background:#fff;background:#f4f7fb;background:var(--bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#161a2d;color:var(--text);min-height:100vh;padding:24px}.notif-header{gap:16px;justify-content:space-between;margin-bottom:18px}.notif-header,.notif-title{align-items:center;display:flex}.notif-title{gap:12px}.notif-title svg{font-size:24px}.notif-title h1,.notif-title svg{color:#1fc1de;color:var(--accent)}.notif-title h1{font-size:22px;font-weight:800;letter-spacing:.2px;margin:0}.notif-tabs{display:flex;gap:10px}.notif-tab{align-items:center;background:#fff;background:var(--card);border:1px solid #e6ebf2;border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 25px #161a2d0f;box-shadow:var(--shadow);color:#495361;color:var(--muted);display:inline-flex;font-weight:600;gap:8px;padding:10px 14px}.notif-tab.active{border-color:#1fc1de;border-color:var(--accent);color:#161a2d;color:var(--text);outline:2px solid #1fc1de26}.notif-tab:hover{transform:translateY(-1px)}.notif-controls{flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.notif-controls,.search{align-items:center;display:flex}.search{background:#fff;background:var(--card);border:1px solid #e6ebf2;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 25px #161a2d0f;box-shadow:var(--shadow);flex:1 1 420px;gap:10px;padding:10px 12px}.search svg{color:#495361;color:var(--muted)}.search input{background:#0000;border:none;color:#161a2d;color:var(--text);font-size:14px;outline:none;width:100%}.bulk{display:flex;gap:12px}.bulk,.select-all{align-items:center}.select-all{background:#fff;background:var(--card);border:1px solid #e6ebf2;border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 25px #161a2d0f;box-shadow:var(--shadow);color:#161a2d;color:var(--text);display:inline-flex;font-weight:600;gap:8px;padding:10px 12px}.select-all:disabled{cursor:not-allowed;opacity:.6}.selected-count{color:#495361;color:var(--muted)}.notif-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.2fr 1fr}@media (max-width:1100px){.notif-grid{grid-template-columns:1fr}}.notif-card{background:#fff;background:var(--card);border:1px solid #e6ebf2;border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 25px #161a2d0f;box-shadow:var(--shadow);overflow:clip}.notif-card .card-head{align-items:baseline;border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 16px}.notif-card .card-head h2{color:#1fc1de;color:var(--accent);font-size:16px;font-weight:800;margin:0}.notif-card .card-head .meta{color:#495361;color:var(--muted);font-size:12px}.user-list{list-style:none;margin:0;max-height:64vh;overflow:auto;padding:8px 0}.user-row{border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--border)}.user-row:last-child{border-bottom:none}.user-row .row-inner{grid-gap:12px;align-items:center;cursor:pointer;display:grid;gap:12px;grid-template-columns:36px 1fr;padding:12px 16px}.user-row input[type=checkbox]{accent-color:#1fc1de;accent-color:var(--accent);height:18px;width:18px}.user-row.checked{background:#1fc1de0f}.user-meta .u-name{font-size:14px;font-weight:700}.user-meta .u-sub{color:#495361;color:var(--muted);display:flex;font-size:12px;gap:8px;margin-top:2px}.compose .form{grid-gap:10px;display:grid;gap:10px;padding:16px}.lbl{color:#495361;color:var(--muted);font-size:12px}.input,.textarea{background:#fff;border:1px solid #e6ebf2;border:1px solid var(--border);border-radius:10px;color:#161a2d;color:var(--text);font-size:14px;padding:10px 12px}.input:focus,.textarea:focus{border-color:#1fc1de;border-color:var(--accent);outline:2px solid #1fc1de2e}.send-btn{align-items:center;background:#1fc1de;background:var(--accent);border:none;border-radius:12px;box-shadow:0 8px 18px #1fc1de59;color:#fff;display:inline-flex;font-weight:800;gap:10px;margin-top:6px;padding:12px 16px;width:auto}.send-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.hint{color:#495361;color:var(--muted);font-size:12px}.skeleton-wrap{grid-gap:10px;display:grid;gap:10px;padding:12px 16px}.sk-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:36px 1fr}.sk-check{background:#eaf1f7;border-radius:4px;height:18px;width:18px}.sk-lines{grid-gap:6px;display:grid;gap:6px}.sk-line{background:#edf3f8;border-radius:6px;height:10px}.sk-line.w1{width:40%}.sk-line.w2{width:75%}.state{color:#495361;color:var(--muted);padding:24px 16px;text-align:center}.state-error{color:#b94949}.state .small{font-size:12px;margin-top:4px}.toast{align-items:center;background:#fff;border:1px solid #e6ebf2;border-left:4px solid #1fc1de;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:10px;bottom:20px;box-shadow:0 10px 25px #161a2d0f;box-shadow:var(--shadow);display:flex;font-weight:600;gap:8px;max-width:360px;padding:10px 14px;position:fixed;right:20px}.toast.error{border-left-color:#dc5b5b}.city-filters{background:#fff;border-radius:10px;box-shadow:0 1px 4px #0000000d;display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 20px;padding:12px}.city-checkbox{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:5px 15px;transition:.2s}@media (max-width:768px){.notif-header{display:block}.notif-history-tabs{display:grid}.notif-tab{margin-top:1rem}.notif-wrap{padding:2%}}.notif-history-wrap{background:var(--bg);color:var(--text);padding:20px}.notif-history-header{align-items:center;color:var(--accent);display:flex;gap:10px;margin-bottom:15px}.notif-history-header h1{font-size:22px;font-weight:700}.notif-history-tabs{display:flex;gap:10px;margin-bottom:15px}.notif-history-tabs button{background:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--muted);cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.notif-history-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.notif-history-controls{margin:10px 0 15px}.notif-history-controls .search{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:6px;display:flex;gap:8px;padding:6px 10px;width:320px}.notif-history-controls input{background:#0000;border:none;color:var(--text);flex:1 1;outline:none}.notif-history-table table{background:var(--card);border-collapse:collapse;box-shadow:var(--shadow);width:100%}.notif-history-table td,.notif-history-table th{border:1px solid var(--border);font-size:14px;padding:10px;text-align:left}.notif-history-table th{background:var(--bg);color:var(--muted);font-weight:600}.body-preview,.title{cursor:pointer}.body-preview{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-sent{color:green;font-weight:600}.status-failed{color:red;font-weight:600}.empty{color:var(--muted);margin:20px 0;text-align:center}.notif-history-pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:15px}.notif-history-pagination button{background:var(--card);border:1px solid var(--border);border-radius:4px;cursor:pointer;padding:6px 12px;transition:background .2s ease}.notif-history-pagination button:hover:not(:disabled){background:var(--accent);color:#fff}.notif-history-pagination button:disabled{cursor:not-allowed;opacity:.5}.actions button{border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:13px;margin-right:5px;padding:4px 8px}.edit-btn{background:var(--accent);border-color:var(--accent);color:#fff}.delete-btn{background:#fbe9e9;border-color:#f5c2c2;color:red}.save-btn{background:#d1f7d6;border-color:#8ad48e;color:green}.cancel-btn{background:#eee;color:var(--muted)}.notif-history-table td input,.notif-history-table td textarea{box-sizing:border-box;max-width:400px;width:100%}@media (max-width:768px){.notif-history-tabs{display:grid}.notif-history-controls .search{width:280px}}.dashboard-container{display:flex;flex-direction:column;gap:40px;margin:0 auto;max-width:2800px;padding:7px}.settings-dashboard{background:var(--bg);border-radius:12px;box-shadow:var(--shadow);margin:0 auto;padding:20px}.settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.settings-header h2{color:var(--accent);font-size:22px;font-weight:600}.version-badge{background:var(--accent);border-radius:20px;color:#fff;font-size:14px;font-weight:700;padding:4px 12px}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.settings-card{background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:16px}.settings-card h3{color:var(--text);font-size:15px;font-weight:600;margin-bottom:10px}.settings-card input,.settings-card select{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:14px;padding:10px;width:100%}.settings-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-refresh,.btn-save{border:1px solid #0000;border-radius:6px;cursor:pointer;font-weight:500;padding:10px 16px;transition:all .2s ease}.btn-save{background:var(--accent);border-color:var(--accent);color:#fff}.btn-save:hover{opacity:.9}.btn-refresh{background:var(--success);border-color:var(--success);color:#fff}.btn-refresh:hover{opacity:.9}.settings-message{font-weight:600;margin-top:15px}.settings-footer,.settings-message{color:var(--muted);text-align:center}.settings-footer{font-size:14px;margin-top:20px}.order-dashboard{background:var(--bg);border-radius:12px;box-shadow:var(--shadow);margin:3rem auto;max-width:1700px;padding:20px}.order-dashboard .title{color:var(--accent);font-size:22px;font-weight:600;margin-bottom:5px}.order-dashboard .subtitle{color:var(--muted);font-size:14px;margin-bottom:20px}.order-table{background:var(--card);border-collapse:collapse;border-radius:8px;box-shadow:var(--shadow);overflow:hidden;width:100%}.order-table td,.order-table th{border-bottom:1px solid var(--border);font-size:14px;padding:12px;text-align:left}.order-table th{background:#f7f9fc;color:var(--text)}.order-table tr.dragging{background:#e6f7ff}.place-img{border-radius:6px;height:40px;object-fit:cover;width:60px}.dropdown-container{position:relative;z-index:10}.dropdown-container select{-webkit-appearance:none;appearance:none;background-color:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:15px;padding:10px 14px;transition:all .2s ease;width:100%}.dropdown-container select:focus{border-color:var(--accent);box-shadow:0 0 5px #00aeff4d;outline:none}.no-data{color:#777;margin-top:1rem;text-align:center}@media (max-width:768px){.dashboard-container{display:inline-grid}.header-icon-btn{display:none}}.transactions-container{font-family:Arial,sans-serif;padding:20px}.transactions-container h2{color:#1fc1de;color:var(--accent);font-size:22px;font-weight:600;margin-bottom:15px}.transactions-table{border-collapse:collapse;font-size:14px;margin-top:10px;width:100%}.transactions-table td,.transactions-table th{border:1px solid #ddd;padding:10px;text-align:left}.transactions-table th{background-color:#f5f5f5;font-weight:700}.transactions-table tr:nth-child(2n){background-color:#fafafa}.transactions-table tr:hover{background-color:#f0f8ff}.transactions-table .text-muted{color:#777;font-size:12px}.pagination{display:flex;gap:8px;justify-content:center;margin-top:20px}.pagination button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:6px 12px;transition:all .2s ease-in-out}.pagination button:hover{background:#f5f5f5}.pagination button.active{background:#007bff;border-color:#007bff;color:#fff}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.filters button,.filters input{border:1px solid #e6ebf2;border:1px solid var(--border);border-radius:5px;padding:8px 10px}.filters button{background:#1fc1de;background:var(--accent);color:#fff;cursor:pointer}.filters button:hover{background:#17a2b8}:root{--bg:#f4f7fb;--text:#161a2d;--muted:#495361;--accent:#1fc1de;--card:#fff;--border:#e6ebf2;--shadow:0 10px 25px #161a2d0f}.deleted-packages{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000001a;margin:20px 0;padding:20px}.deleted-packages h2{border-bottom:2px solid #eee;color:#1fc1de;color:var(--accent);font-size:1.5rem;font-weight:600;margin-bottom:15px;padding-bottom:5px}table{border-collapse:collapse;margin-top:10px;width:100%}table td,table th{border:1px solid #ddd;font-size:.95rem;padding:10px;text-align:left}table th{background:#f5f5f5;font-weight:700}table tr:nth-child(2n){background:#fafafa}.loading{color:#888}.error{font-weight:700}.empty{color:#666}.filter-container{flex-wrap:wrap;margin-bottom:15px}.filter-container input,.filter-container select{border:1px solid #ddd;border-radius:4px;padding:8px}.filter-container button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 14px;transition:.2s}.filter-container button:hover{background:#0056b3}.filter-container .reset-btn{background:#dc3545}.filter-container .reset-btn:hover{background:#a71d2a}.deleted-packages table{border-collapse:collapse;width:100%}.deleted-packages td,.deleted-packages th{border:1px solid #ddd;padding:10px;text-align:left;vertical-align:top}.deleted-packages th{background:#f4f4f4;font-weight:700}.pkg-data{list-style:none;margin:0;padding:0}.pkg-data li{font-size:14px;margin:2px 0}.loading{color:#007bff}.error{color:red}.empty{color:#555;font-style:italic}.cities-list{animation:fadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:24px}.cities-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.cities-header h2{color:#222;font-size:1.5rem;margin:0}.cities-header p{color:#777;font-size:.9rem;margin-top:4px}.cities-header .btn.btn-primary{align-items:center;border-radius:8px;display:flex;font-weight:600;gap:8px;padding:10px 16px}.city-image img{object-fit:cover}.city-image .no-image,.city-image img{border-radius:8px;height:64px;width:64px}.city-image .no-image{align-items:center;background:#f0f0f0;color:#999;display:flex;font-size:12px;justify-content:center}.categories-action-buttons{display:flex;gap:8px;justify-content:center}.categories-btn-action{background:#f8f9fa;border:none;border-radius:6px;cursor:pointer;padding:6px 10px;transition:all .2s ease}.categories-btn-action:hover{background:#e9ecef;transform:scale(1.05)}.categories-btn-view{color:#17a2b8}.categories-btn-edit{color:#ffc107}.categories-btn-delete{color:#dc3545}.status-toggle-btn{background:none;border:none;cursor:pointer;font-size:22px}.status-toggle-btn .active{color:#28a745}.status-toggle-btn .inactive{color:#aaa}.error-message{margin-bottom:15px}.city-form{animation:fadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:24px}.city-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.city-form-header h2{color:#222;font-size:1.5rem}.city-form-header .btn{align-items:center;display:flex;gap:6px}.form-group{display:flex;flex-direction:column;margin-bottom:16px}.form-group label{color:#333;font-weight:600;margin-bottom:6px}.form-group input,.form-group textarea{border:1px solid #ccc;border-radius:8px;font-size:14px;outline:none;padding:10px;transition:border .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:#007bff}.image-preview{display:inline-block;height:120px;margin-top:8px;position:relative;width:180px}.image-preview img{border:1px solid #ddd;border-radius:8px;height:100%;object-fit:cover;width:100%}.remove-image-btn{background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:12px;height:22px;position:absolute;right:-8px;top:-8px;width:22px}.remove-image-btn:hover{background:#c82333}.form-actions{display:flex;gap:10px;justify-content:flex-end}.btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 16px}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0069d9}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.error-message{align-items:center;background:#ffe8e8;border:1px solid #f5c6cb;color:#c0392b;display:flex;font-size:14px;gap:8px;margin-bottom:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn-admin-actions{background-color:#1fc1de;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:5px 10px;transition:background-color .3s ease,transform .2s ease}.btn-admin-actions:hover{background-color:#17a2b8;transform:scale(1.05)}.btn-admin-actions:active{transform:scale(.98)}.btn-admin-actions:focus{box-shadow:0 0 0 3px #1fc1de66;outline:none}.booking-actions-container{color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:40px auto;max-width:800px}.booking-actions-container h2{color:#1fc1de;margin-bottom:20px;text-align:center}.booking-info-card{background-color:#fafafa;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 8px #0000000d;line-height:1.6;margin-bottom:30px;padding:20px}.booking-info-card p{font-size:16px;margin:6px 0}.booking-actions-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:10px}.booking-actions-buttons button{background-color:#1fc1de;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:all .2s ease-in-out}.booking-actions-buttons button:hover{background-color:#0ea2c4;transform:translateY(-2px)}.booking-actions-buttons button.copy-btn{background-color:#10b981}.booking-actions-buttons button.copy-btn:hover{background-color:#0b8f66}.booking-actions-buttons button.update-btn{background-color:#f59e0b}.booking-actions-buttons button.update-btn:hover{background-color:#d98806}.booking-actions-buttons button.download-btn{background-color:#ef4444}.booking-actions-buttons button.download-btn:hover{background-color:#c81e1e}@media (max-width:600px){.booking-actions-buttons{flex-direction:column}.booking-actions-buttons button{width:100%}}.trip-manage-dashboard{background-color:#f9fafc;direction:rtl;font-family:Cairo,sans-serif;padding:25px}.dashboard-header{display:flex;gap:5px;margin-bottom:25px}.dashboard-header h2{color:#222;font-size:1.6rem;font-weight:700;margin:0}.dashboard-header p{color:#666;font-size:.95rem;margin:0}.dashboard-filters{background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #00000012;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:15px}.dashboard-filters .filter{align-items:center;display:flex;flex:1 1 220px;gap:8px}.dashboard-filters label{color:#333;font-size:.9rem;font-weight:600}.dashboard-filters input[type=date],.dashboard-filters input[type=text],.dashboard-filters select{background-color:#fff;border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:.9rem;outline:none;padding:8px 10px;transition:border-color .2s ease}.dashboard-filters input:focus,.dashboard-filters select:focus{border-color:#007bff}.dashboard-filters .search-box{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;display:flex;flex:2 1 300px;padding:6px 10px}.dashboard-filters .search-box svg{color:#666;margin-left:8px}.dashboard-filters .search-box input{background:none;border:none;flex:1 1;font-size:.9rem;outline:none}.provider-info{align-items:center;display:flex;gap:10px}.provider-avatar{border:1px solid #ddd;border-radius:50%;height:38px;object-fit:cover;width:38px}.provider-name{align-items:flex-start;display:flex;flex-direction:column}.provider-name strong{color:#222;font-weight:600}.provider-phone{color:#777;font-size:.8rem}.manage-trip-info{gap:10px;justify-items:center}.manage-trip-thumb{border:1px solid #ddd;border-radius:10px;height:48px;object-fit:cover;width:48px}.manage-trip-details{display:flex;flex-direction:column}.manage-trip-details strong{color:#333;font-size:.9rem;font-weight:600}.manage-trip-price{color:#007bff;font-size:.85rem;font-weight:500}.locked-dates{color:#d9534f}.booked-dates,.locked-dates{font-size:.85rem;font-weight:600}.booked-dates{color:#5cb85c}.no-book,.no-lock{color:#888;font-size:.85rem;font-style:italic}.table-actions{display:flex;gap:6px;justify-content:center}.table-actions button{background:none;border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:6px;transition:all .2s ease-in-out}.table-actions .btn-view{color:#007bff}.table-actions .btn-edit{color:#28a745}.table-actions button:hover{background-color:#f0f0f0;transform:scale(1.05)}.error-message{background-color:#fce4e4;border:1px solid #f5c2c2;border-radius:8px;color:#d93025;font-weight:600;margin:15px 0;padding:10px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:30px;margin:auto;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.dashboard-filters{flex-direction:column}.dashboard-filters .filter{flex:1 1 100%}.provider-info,.trip-info{align-items:flex-start;flex-direction:column}.trip-thumb{height:auto;width:100%}}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.calendar-section{text-align:center}.react-calendar{background-color:#fff;border:none!important;border-radius:12px;box-shadow:0 1px 5px #00000014;margin:0 auto;padding:10px}.react-calendar__tile{border-radius:8px}.react-calendar__tile--now{background:#e9f2ff!important;color:#007bff!important;font-weight:700}.calendar-locked{background:#ffe5e5!important;border-radius:50%;color:#d93025!important}.calendar-booked{background:#e5ffe5!important;border-radius:50%;color:#28a745!important}.calendar-hint{color:#555;font-size:.9rem;margin-bottom:10px}.lock-icon{color:#d93025}.booked-icon{color:#28a745}.trip-manage-form{background:#fff;border-radius:12px;box-shadow:0 4px 10px #00000014;direction:rtl;margin-bottom:30px;padding:24px}.trip-manage-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.trip-manage-form-header h2{font-size:20px;font-weight:600}.btn-back{background:none;border:none;color:#007bff;cursor:pointer;font-size:16px;gap:8px}.btn-back,.manage-trip-info{align-items:center;display:flex}.manage-trip-info{border:1px solid #eee;border-radius:10px;gap:16px;margin-bottom:24px;padding:16px}.manage-trip-image{border-radius:10px;height:100px;object-fit:cover;width:100px}.manage-trip-details h3{font-size:18px;font-weight:600;margin-bottom:4px}.manage-trip-details p{color:#555;margin:2px 0}.calendar-container{text-align:center}.booked-date{background:#007bff!important}.booked-date,.locked-date{border-radius:50%;color:#fff!important}.locked-date{background:#dc3545!important}.calendar-message{color:#28a745;font-weight:600;margin-top:12px;text-align:center}.user-activity-monitor{padding:20px}.user-activity-h{color:#1fc1de;font-size:large;font-weight:700;margin-bottom:20px}.filter-container{display:flex;gap:10px;margin-bottom:20px}.online-badge{background:green}.offline-badge,.online-badge{border-radius:6px;color:#fff;padding:3px 8px}.offline-badge{background:red}.refresh-btn{background-color:#3498db;color:#fff}.reset-btn{background-color:#e74c3c;color:#fff}
/*# sourceMappingURL=main.3d18cfef.css.map*/