:root{--bg-app: #f4f6fa;--bg-sidebar: rgba(255, 255, 255, .8);--bg-card: rgba(255, 255, 255, .7);--border-color: rgba(0, 0, 0, .08);--text-main: #1e293b;--text-muted: #64748b;--text-inverse: #ffffff;--primary: #3b82f6;--primary-glow: rgba(59, 130, 246, .15);--primary-hover: #2563eb;--success: #10b981;--success-glow: rgba(16, 185, 129, .15);--warning: #f59e0b;--warning-glow: rgba(245, 158, 11, .15);--danger: #ef4444;--danger-glow: rgba(239, 68, 68, .15);--purple: #8b5cf6;--purple-glow: rgba(139, 92, 246, .15);--teal: #14b8a6;--teal-glow: rgba(20, 184, 166, .15);--font-main: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--glass-blur: 16px;--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .05);--card-shadow: 0 4px 20px -2px rgba(0, 0, 0, .05);--border-radius-sm: 10px;--border-radius-md: 16px;--border-radius-lg: 24px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-app: #0b0f19;--bg-sidebar: rgba(17, 24, 39, .75);--bg-card: rgba(30, 41, 59, .5);--border-color: rgba(255, 255, 255, .08);--text-main: #f1f5f9;--text-muted: #94a3b8;--text-inverse: #0b0f19;--primary: #60a5fa;--primary-glow: rgba(96, 165, 250, .2);--primary-hover: #3b82f6;--success: #34d399;--success-glow: rgba(52, 211, 153, .2);--warning: #fbbf24;--warning-glow: rgba(251, 191, 36, .2);--danger: #f87171;--danger-glow: rgba(248, 113, 113, .2);--purple: #a78bfa;--purple-glow: rgba(167, 139, 250, .2);--teal: #2dd4bf;--teal-glow: rgba(45, 212, 191, .2);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--card-shadow: 0 4px 20px -2px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-app);color:var(--text-main);transition:background-color var(--transition-normal),color var(--transition-normal);height:100vh;overflow:hidden}body[data-page-title=hubPageTitle]{overflow:hidden}body[data-page-title=hubPageTitle] .hub-shell{height:100vh;width:100vw;display:grid;grid-template-rows:auto 1fr;background:radial-gradient(900px 600px at 10% 0%,var(--primary-glow),transparent 65%),radial-gradient(900px 600px at 90% 100%,var(--purple-glow),transparent 65%),var(--bg-app)}body[data-page-title=hubPageTitle] .hub-appbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--border-color);background:#1118278c;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}[data-theme=light] body[data-page-title=hubPageTitle] .hub-appbar{background:#ffffffa6}body[data-page-title=hubPageTitle] .hub-appbar-left{display:flex;align-items:center;gap:14px;min-width:0}body[data-page-title=hubPageTitle] .hub-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}body[data-page-title=hubPageTitle] .hub-brand-logo{height:42px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(0,0,0,.25))}body[data-page-title=hubPageTitle] .hub-title{min-width:0}body[data-page-title=hubPageTitle] .hub-title h1{font-size:1.15rem;font-weight:900;letter-spacing:-.02em;margin:0}body[data-page-title=hubPageTitle] .hub-title p{margin:2px 0 0;font-size:.82rem;color:var(--text-muted)}body[data-page-title=hubPageTitle] .hub-appbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}body[data-page-title=hubPageTitle] .hub-main{display:grid;grid-template-columns:420px 1fr;gap:16px;padding:16px;flex:1;min-height:0;overflow:hidden}.hub-announcements-view{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:12px 16px 16px;overflow:hidden}.announcements-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;flex-shrink:0}.announcements-toolbar-title h3{margin:0 0 4px;font-size:1.05rem}.announcements-toolbar-title p{margin:0;color:var(--text-muted);font-size:.85rem}.announcements-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.announcements-zoom-label{font-size:.85rem;color:var(--text-muted);margin-right:4px}.announcements-zoom-level{min-width:44px;text-align:center;font-size:.85rem;font-weight:600}.announcements-frame-wrap{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:0;border-radius:var(--border-radius-lg)}.announcements-scaler{width:100%;min-height:100%}.announcements-scaler iframe{display:block;width:100%;min-height:calc(100vh - 150px);height:calc(100vh - 150px);border:none;background:#fff}body[data-page-title=hubPageTitle] .hub-panel{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:#1e293b61;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow);overflow:hidden;min-height:0}[data-theme=light] body[data-page-title=hubPageTitle] .hub-panel{background:#fff9}body[data-page-title=hubPageTitle] .hub-panel-list{display:grid;grid-template-rows:auto auto auto 1fr}body[data-page-title=hubPageTitle] .hub-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 14px 10px}body[data-page-title=hubPageTitle] .hub-stat{border:1px solid var(--border-color);border-radius:14px;background:#00000014;padding:10px;text-align:left}[data-theme=light] body[data-page-title=hubPageTitle] .hub-stat{background:#00000008}body[data-page-title=hubPageTitle] .hub-stat-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:800}body[data-page-title=hubPageTitle] .hub-stat-value{display:block;margin-top:4px;font-size:1.25rem;font-weight:900}body[data-page-title=hubPageTitle] .hub-search-row{padding:0 14px 12px}body[data-page-title=hubPageTitle] .hub-search{display:grid;grid-template-columns:18px 1fr 34px;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border-color);border-radius:16px;background:#00000014}[data-theme=light] body[data-page-title=hubPageTitle] .hub-search{background:#00000008}body[data-page-title=hubPageTitle] .hub-search input{border:none;outline:none;background:transparent;color:var(--text-main);font-size:.95rem;font-weight:600}body[data-page-title=hubPageTitle] .hub-clear{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:#ffffff0a;color:var(--text-main);border-radius:12px;cursor:pointer}body[data-page-title=hubPageTitle] .hub-client-results{margin:0 14px 12px;border:1px solid var(--border-color);border-radius:16px;background:#0000000f;overflow:hidden;display:flex;flex-direction:column;max-height:45vh}body[data-page-title=hubPageTitle] .hub-client-results-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid var(--border-color)}body[data-page-title=hubPageTitle] .hub-client-results-head h4{font-size:.9rem;font-weight:900;display:flex;align-items:center;gap:8px;margin:0}body[data-page-title=hubPageTitle] .hub-driver-list{padding:0 14px 14px;overflow:auto}body[data-page-title=hubPageTitle] .hub-panel-details{display:grid;grid-template-rows:auto 1fr;overflow:hidden}body[data-page-title=hubPageTitle] .hub-details-top{padding:12px 12px 0;display:flex;align-items:center;justify-content:flex-start;gap:10px}body[data-page-title=hubPageTitle] .hub-back{display:none}body[data-page-title=hubPageTitle] .hub-panel-details #content-display,body[data-page-title=hubPageTitle] .hub-panel-details #empty-state{overflow:auto;padding:12px}@media(max-width:920px){body[data-page-title=hubPageTitle] .hub-main{grid-template-columns:1fr;grid-template-rows:1fr}body[data-page-title=hubPageTitle] .hub-panel-list{display:none}body[data-page-title=hubPageTitle].hub-list .hub-panel-list{display:grid}body[data-page-title=hubPageTitle].hub-list .hub-panel-details{display:none}body[data-page-title=hubPageTitle] .hub-back{display:inline-flex}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{display:grid;grid-template-columns:350px 1fr;height:100vh;width:100vw}.sidebar-overlay,.sidebar-toggle-btn{display:none}[dir=rtl] .app-container{grid-template-columns:1fr 350px}[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--border-color)}[dir=rtl] .search-icon{left:auto;right:14px}[dir=rtl] .search-input-wrapper input{padding:12px 42px 12px 14px}[dir=rtl] .clear-btn{right:auto;left:14px}[dir=rtl] .driver-item-card:after{left:auto;right:0}[dir=rtl] .timeline{padding-left:0;padding-right:30px}[dir=rtl] .timeline:after{left:auto;right:6px}[dir=rtl] .timeline-dot{left:auto;right:-30px}[dir=rtl] .main-header{flex-direction:row-reverse}[dir=rtl] .header-actions{margin-left:0;margin-right:auto}[dir=rtl] .profile-header-card{flex-direction:row-reverse}[dir=rtl] .profile-pills{justify-content:flex-end}[dir=rtl] .toast-container{right:auto;left:30px}[dir=rtl] .client-results-header,[dir=rtl] .schedule-section-header{flex-direction:row-reverse}.sidebar{background:var(--bg-sidebar);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;padding:24px;z-index:10;overflow:hidden}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.logo-area{display:flex;align-items:center;flex:1;min-width:0}.logo-img{height:52px;width:auto;max-width:200px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15));transition:filter var(--transition-fast)}[data-theme=dark] .logo-img{filter:brightness(1.05) drop-shadow(0 2px 10px rgba(0,0,0,.4))}.logo-icon,.logo-text{display:none}.icon-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);width:38px;height:38px;border-radius:var(--border-radius-sm);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast)}.icon-btn:hover{transform:translateY(-2px);background-color:var(--border-color)}.quick-stats-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;text-align:center;box-shadow:var(--card-shadow)}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600}.stat-value{font-size:1.2rem;font-weight:700}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.search-container{margin-bottom:20px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:var(--text-muted);font-size:.95rem}.search-input-wrapper input{width:100%;padding:12px 14px 12px 42px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-main);font-family:var(--font-main);font-size:.9rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.clear-btn{position:absolute;right:14px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem}.clear-btn:hover{color:var(--text-main)}.client-results-wrapper{margin-bottom:16px;max-height:55vh;overflow-y:auto;border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--bg-card);animation:fadeIn .25s ease-out}.client-results-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-card);z-index:2}.client-results-header h4{font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--primary)}.client-results-list{padding:10px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.client-trip-card{background:var(--border-color);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:14px 16px;display:flex;flex-direction:column;gap:10px;transition:transform var(--transition-fast),border-color var(--transition-fast);cursor:pointer}.client-trip-card:hover{transform:translateY(-2px);border-color:#3b82f64d}.client-trip-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.client-trip-client{font-weight:700;font-size:.95rem;color:var(--text-main)}.client-trip-shift-badge{padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase}.client-trip-shift-badge.send{background:var(--primary-glow);color:var(--primary)}.client-trip-shift-badge.bring{background:var(--purple-glow);color:var(--purple)}.client-trip-shift-badge.both{background:var(--teal-glow);color:var(--teal)}.client-trip-details{display:flex;flex-wrap:wrap;gap:10px}.client-trip-tag{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;color:var(--text-muted);font-weight:600}.client-trip-tag i{color:var(--primary);font-size:.75rem}.client-trip-tag strong{color:var(--text-main)}.client-no-results{padding:20px;text-align:center;color:var(--text-muted);font-size:.85rem}.client-no-results i{display:block;font-size:1.5rem;margin-bottom:10px;color:var(--border-color)}.driver-list-wrapper{flex:1;overflow-y:auto;margin-right:-10px;padding-right:10px}.driver-list{display:flex;flex-direction:column;gap:10px}.driver-item-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:16px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);position:relative;overflow:hidden}.driver-item-card:after{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:transparent;transition:background-color var(--transition-fast)}.driver-item-card:hover{transform:translateY(-2px);background-color:#3b82f608;border-color:#3b82f633;box-shadow:var(--card-shadow)}.driver-item-card.active{background-color:var(--primary-glow);border-color:var(--primary);box-shadow:var(--card-shadow)}.driver-item-card.active:after{background:var(--primary)}.driver-item-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);color:var(--primary);font-weight:700;display:flex;justify-content:center;align-items:center;font-size:.95rem;border:1px solid rgba(59,130,246,.2)}.driver-item-card.active .driver-item-avatar{background:var(--primary);color:var(--bg-app);border-color:var(--primary)}.driver-item-info{flex:1;display:flex;flex-direction:column;gap:4px}.driver-item-name{font-weight:600;font-size:.95rem}.driver-item-meta{font-size:.75rem;color:var(--text-muted);display:flex;gap:8px}.driver-item-status{margin-left:auto}.badge{padding:4px 8px;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:4px}.badge-success{background:var(--success-glow);color:var(--success)}.badge-warning{background:var(--warning-glow);color:var(--warning)}.badge-danger{background:var(--danger-glow);color:var(--danger)}.main-content{display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:40px;position:relative}.main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.header-title h1{font-size:2rem;font-weight:800;letter-spacing:-1px}.header-title p{color:var(--text-muted);font-size:.95rem;margin-top:4px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--border-radius-sm);font-family:var(--font-main);font-size:.9rem;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);border:none}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:var(--text-inverse)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 14px var(--primary-glow)}.btn-secondary{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color)}.glass-panel{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow)}.profile-header-card{padding:30px;display:flex;align-items:center;gap:30px;margin-bottom:30px;animation:fadeIn var(--transition-normal) ease-in-out}.profile-avatar-area{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px}.profile-avatar{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;font-size:2.2rem;font-weight:800;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 24px #3b82f640;border:4px solid var(--bg-card)}.profile-status-badge{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:6px;border:1px solid transparent}.profile-status-badge.active{background:var(--success-glow);color:var(--success);border-color:#10b98133}.profile-status-badge.resting{background:var(--warning-glow);color:var(--warning);border-color:#f59e0b33}.profile-meta h2{font-size:2.2rem;font-weight:800;letter-spacing:-1px;margin-bottom:12px}.pill{background:var(--border-color);padding:6px 14px;border-radius:30px;font-size:.8rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:6px}.pill i{color:var(--primary)}.pill strong{color:var(--text-main)}.details-grid-section{margin-bottom:40px}.details-grid-section h3,.schedule-section h3{font-size:1.15rem;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:10px}.details-grid-section h3 i,.schedule-section h3 i{color:var(--primary)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.detail-card{padding:20px;display:flex;align-items:center;gap:18px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.detail-card:hover{transform:translateY(-3px);box-shadow:var(--card-shadow)}.detail-icon{width:48px;height:48px;border-radius:var(--border-radius-sm);display:flex;justify-content:center;align-items:center;font-size:1.25rem;color:#fff}.bg-info{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.bg-success{background:linear-gradient(135deg,#10b981,#14b8a6)}.bg-warning{background:linear-gradient(135deg,#f59e0b,#ee730e)}.bg-purple{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.bg-danger{background:linear-gradient(135deg,#ef4444,#f43f5e)}.bg-teal{background:linear-gradient(135deg,#14b8a6,#06b6d4)}.detail-content{display:flex;flex-direction:column;gap:4px}.detail-content label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.detail-content .value{font-size:1.1rem;font-weight:700}.detail-content .value-sub{font-size:.85rem;color:var(--text-muted)}.detail-content .value-sub strong{color:var(--text-main)}.schedule-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.schedule-section-header h3{margin-bottom:0}.schedule-count-pill{background:var(--primary-glow);color:var(--primary);font-size:.8rem;font-weight:700;padding:6px 14px;border-radius:30px}.schedule-container{padding:30px}.timeline{position:relative;padding-left:30px}.timeline:after{content:"";position:absolute;top:0;bottom:0;left:6px;width:2px;background:var(--border-color)}.timeline-node{position:relative;margin-bottom:30px}.timeline-node:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:-30px;top:8px;width:14px;height:14px;border-radius:50%;background:var(--bg-app);border:3px solid var(--primary);z-index:2;transition:transform var(--transition-fast)}.timeline-node:hover .timeline-dot{transform:scale(1.3)}.timeline-time-badge{background:var(--primary-glow);color:var(--primary);padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:700;display:inline-block;margin-bottom:12px;border:1px solid rgba(59,130,246,.2)}.timeline-tasks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.task-card{background:var(--border-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:14px 18px;display:flex;flex-direction:column;gap:8px;transition:transform var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.task-card:hover{transform:translateY(-2px);border-color:#3b82f64d;background-color:var(--bg-card)}.task-client{font-weight:700;font-size:.95rem}.task-shift{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted);font-weight:600}.task-shift i{color:var(--primary)}.timeline-node.free-slot .timeline-dot{border-color:var(--success)}.timeline-node.free-slot .timeline-time-badge{background:var(--success-glow);color:var(--success);border-color:#10b98133}.task-card.free-task{border-style:dashed;background:#10b98105;border-color:#10b9814d}.task-card.free-task .task-client{color:var(--success);font-style:italic}.task-location{display:flex;align-items:flex-start;gap:8px;font-size:.82rem;color:var(--text-muted);line-height:1.4;padding:8px 10px;border-radius:8px;background:var(--bg-app);border:1px dashed var(--border-color)}.task-location i{color:var(--teal);margin-top:2px;flex-shrink:0}.task-card.task-needs-location{border-color:#f59e0b59}.task-location-missing{border-style:solid;border-color:#f59e0b66;color:var(--warning);background:var(--warning-glow)}.task-location-missing i{color:var(--warning)}.trip-route-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin-top:4px}.trip-route-row .task-card{flex:1 1 200px;min-width:180px;max-width:320px}.route-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--primary);font-size:1rem;flex-shrink:0;padding:0 6px;min-width:56px}.route-arrow .leg-stats{font-size:.68rem;font-weight:700;color:var(--teal);text-align:center;line-height:1.3;max-width:90px;padding:4px 6px;border-radius:8px;background:var(--teal-glow);border:1px solid rgba(20,184,166,.25)}.route-arrow .leg-stats i{display:block;margin-bottom:2px;font-size:.75rem}.task-leg-metrics{font-size:.75rem;font-weight:600;color:var(--teal);display:flex;align-items:center;gap:6px}.leg-live-badge{display:inline-block;margin-left:4px;padding:1px 5px;font-size:.55rem;text-transform:uppercase;letter-spacing:.04em;border-radius:4px;background:var(--success);color:#fff;font-weight:800;vertical-align:middle}.route-arrow .leg-stats.leg-live{border-color:#10b98173;color:var(--success)}.route-arrow .leg-pending{opacity:.85;font-size:.62rem}.routing-live-hint{font-size:.78rem;color:var(--text-muted);margin:0 0 10px}.schedule-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-sm{padding:6px 12px;font-size:.8rem}.schedule-tab-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.trip-stop-location-row{margin-top:14px;padding-top:12px;border-top:1px dashed var(--border-color)}.trip-stop-location-card{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 16px;border-radius:var(--border-radius-sm);background:var(--bg-card);border:1px solid var(--border-color)}.trip-stop-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--teal);display:flex;align-items:center;gap:8px}.trip-stop-value{font-size:.95rem;font-weight:600;flex:1;min-width:120px}.trip-stop-leg{font-size:.8rem}.trip-stop-leg .leg-stats{margin:0}.route-arrow .leg-stats.leg-missing{border-color:#f59e0b73;color:var(--warning);background:var(--warning-glow);max-width:120px;font-size:.62rem;line-height:1.25}.text-muted{color:var(--text-muted);font-weight:500}.schedule-duty-banner{margin-bottom:12px;padding:12px 16px;border-radius:var(--border-radius-sm);font-size:.9rem;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.schedule-duty-banner.off{background:var(--warning-glow);border:1px solid rgba(245,158,11,.35);color:var(--warning)}.schedule-duty-banner.cover{background:var(--primary-glow);border:1px solid rgba(59,130,246,.35);color:var(--primary)}.schedule-duty-hint{width:100%;margin:6px 0 0;font-size:.82rem;opacity:.9;font-weight:400}.schedule-container.schedule-off-duty .timeline,#driver-timeline.schedule-off-duty{opacity:.88}.schedule-container.schedule-off-duty .timeline-node,#driver-timeline.schedule-off-duty .timeline-node{border-left-color:#f59e0b59}.pill.pill-cover{border-color:var(--primary);color:var(--primary)}.timeline-cover-trip .timeline-dot{border-color:var(--purple)}.trip-meta-chip.cover{color:var(--purple);border-color:#8b5cf659;background:var(--purple-glow)}.badge-info{background:var(--primary-glow);color:var(--primary)}[dir=rtl] .route-arrow i{transform:scaleX(-1)}.timeline-time-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}.timeline-trip-meta{display:flex;flex-wrap:wrap;gap:8px}.trip-meta-chip{font-size:.75rem;padding:4px 10px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);display:inline-flex;align-items:center;gap:6px}.trip-meta-chip.stop{color:var(--teal);border-color:#14b8a659}.schedule-route-hint{font-size:.8rem;color:var(--text-muted);margin-top:4px;font-weight:500}@media(max-width:640px){.route-arrow{width:100%;padding:4px 0;transform:none}.route-arrow>i{transform:rotate(90deg)}[dir=rtl] .route-arrow{transform:none}[dir=rtl] .route-arrow>i{transform:rotate(90deg) scaleX(-1)}}.empty-state{flex:1;display:flex;justify-content:center;align-items:center;animation:fadeIn var(--transition-normal) ease-in-out}.empty-state-content{max-width:550px;padding:50px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.empty-illustration{width:90px;height:90px;border-radius:50%;background:var(--primary-glow);color:var(--primary);display:flex;justify-content:center;align-items:center;font-size:2.5rem;margin-bottom:10px;border:1px solid rgba(59,130,246,.2)}.empty-state h2{font-size:1.6rem;font-weight:800;letter-spacing:-.5px}.empty-state p{color:var(--text-muted);line-height:1.6}.shortcuts-guide{width:100%;margin-top:10px;display:flex;flex-direction:column;gap:12px;text-align:left;border-top:1px solid var(--border-color);padding-top:20px}.guide-item{display:flex;align-items:center;gap:12px;font-size:.85rem;color:var(--text-muted)}.guide-item i{color:var(--primary);width:16px;text-align:center}.duty-save-status{margin-top:12px;padding:10px 12px;border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:500}.duty-save-status.info{background:#3b82f626;color:var(--primary);border:1px solid rgba(59,130,246,.3)}.duty-save-status.success{background:#22c55e26;color:var(--success);border:1px solid rgba(34,197,94,.3)}.duty-save-status.error{background:#ef444426;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.toast-container{position:fixed;bottom:30px;right:30px;display:flex;flex-direction:column;gap:10px;z-index:10001}.toast{background:var(--bg-sidebar);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);color:var(--text-main);padding:14px 20px;border-radius:var(--border-radius-sm);box-shadow:var(--glass-shadow);display:flex;align-items:center;gap:12px;min-width:280px;max-width:380px;transform:translateY(20px);opacity:0;animation:slideUp .3s cubic-bezier(.4,0,.2,1) forwards}.toast-success i{color:var(--success)}.toast-info i{color:var(--primary)}.toast-error i{color:var(--danger)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{to{transform:translateY(0);opacity:1}}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0b0f19d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9999;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.loading-overlay.active{opacity:1;pointer-events:all}.spinner-container{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-container p{color:var(--text-main);font-weight:600;font-size:.95rem;letter-spacing:.5px}.back-to-list-btn{display:none}@media(max-width:768px){.app-container{display:block;position:relative;height:100vh;width:100vw;overflow:hidden}.sidebar-toggle-btn{display:inline-flex}.sidebar{position:fixed;top:0;left:0;height:100vh;width:min(88vw,360px);max-width:360px;transform:translate(-102%);transition:transform var(--transition-normal);z-index:60;border-right:1px solid var(--border-color);padding:18px}[dir=rtl] .sidebar{left:auto;right:0;transform:translate(102%);border-right:none;border-left:1px solid var(--border-color)}.app-container.sidebar-open .sidebar,[dir=rtl] .app-container.sidebar-open .sidebar{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity var(--transition-normal);z-index:55}.app-container.sidebar-open .sidebar-overlay{opacity:1;pointer-events:auto}.main-content{position:relative;width:100%;height:100vh;overflow-y:auto;padding:16px;background:radial-gradient(circle at top left,var(--primary-glow),transparent 55%),radial-gradient(circle at bottom right,var(--purple-glow),transparent 55%),var(--bg-app)}.main-header.hub-header{position:sticky;top:0;z-index:40;background:#0b0f19bf;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:12px}[data-theme=light] .main-header.hub-header{background:#f4f6facc}.main-header{margin-bottom:24px;gap:16px;align-items:center;justify-content:flex-start}.back-to-list-btn{display:inline-flex;padding:8px 14px;font-size:.85rem;gap:6px;border-radius:var(--border-radius-sm)}.header-title h1{font-size:1.5rem}.header-actions{margin-left:auto}.header-actions span{display:none}.header-actions button{padding:10px;border-radius:50%;width:40px;height:40px;justify-content:center}.profile-header-card{flex-direction:column;text-align:center;gap:16px;padding:20px}.profile-avatar{width:76px;height:76px;font-size:1.8rem}.profile-meta h2{font-size:1.7rem}.profile-pills{justify-content:center}.details-grid{grid-template-columns:1fr}.schedule-container{padding:20px}.timeline{padding-left:20px}}.auth-page{min-height:100vh;overflow:auto;display:flex;align-items:center;justify-content:center;padding:24px;position:relative}.auth-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 20%,var(--primary-glow),transparent 50%),radial-gradient(ellipse at 80% 80%,var(--purple-glow),transparent 50%),var(--bg-app);z-index:0}.auth-top-bar{position:fixed;top:20px;right:20px;display:flex;gap:10px;z-index:10}[dir=rtl] .auth-top-bar{right:auto;left:20px}.auth-container{position:relative;z-index:1;width:100%;max-width:440px}.auth-card{padding:36px 32px;display:flex;flex-direction:column;gap:20px}.auth-logo{text-align:center}.auth-logo .logo-img{height:56px;margin-bottom:12px}.auth-logo h1{font-size:1.35rem;font-weight:800}.auth-logo p{color:var(--text-muted);font-size:.9rem;margin-top:6px}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-form .form-group{margin-bottom:14px}.form-group label{display:block;font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:12px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-main);font-family:var(--font-main);font-size:.95rem}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-error{color:var(--danger);font-size:.85rem;margin-bottom:10px}.full-width{width:100%;justify-content:center}.btn-gmail{background:#fff;color:#1e293b;border:1px solid var(--border-color)}.btn-gmail:hover{background:#f8fafc}.hint-text{font-size:.8rem;color:var(--text-muted);text-align:center}.hint-text.small{font-size:.72rem}.credentials-hint{font-size:.72rem;color:var(--text-muted);text-align:center;line-height:1.5;border-top:1px solid var(--border-color);padding-top:14px}.auth-link{text-align:center;color:var(--primary);font-size:.85rem;font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.google-btn-wrap{display:flex;justify-content:center;min-height:44px}.lang-toggle{display:flex;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);overflow:hidden}.lang-btn{padding:8px 12px;border:none;background:transparent;color:var(--text-muted);font-weight:700;font-size:.75rem;cursor:pointer;font-family:var(--font-main)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:100%;max-width:400px;padding:24px;max-height:80vh;overflow-y:auto}.modal.modal-lg{max-width:560px}.sent-notifications-list{display:flex;flex-direction:column;gap:10px;max-height:280px;overflow-y:auto;padding-right:4px}.sent-notif-item{padding:12px 14px;border-radius:var(--radius-md, 10px)}.sent-notif-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.sent-notif-meta{font-size:.8rem;margin:4px 0 8px}.sent-notif-body{white-space:pre-wrap;font-size:.95rem;line-height:1.45}.admin-sent-notifications h4{margin:0;font-size:1rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.gmail-driver-list{display:flex;flex-direction:column;gap:8px;margin:16px 0;max-height:50vh;overflow-y:auto}.gmail-driver-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;color:var(--text-main);font-family:var(--font-main);transition:border-color var(--transition-fast)}.gmail-driver-item:hover{border-color:var(--primary)}.gdi-name{font-weight:700}.gdi-meta{font-size:.8rem;color:var(--text-muted)}.portal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-sidebar);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));position:sticky;top:0;z-index:100}.portal-header-left{display:flex;align-items:center;gap:14px}.portal-logo{height:40px;width:auto}.portal-header h1{font-size:1.25rem;font-weight:800}.portal-header p{font-size:.8rem;color:var(--text-muted)}.portal-header-actions{display:flex;align-items:center;gap:10px}.btn-sm{padding:8px 14px;font-size:.8rem}.notif-btn{position:relative}.notif-badge{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;font-size:.65rem;font-weight:800;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.portal-layout{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 70px)}.portal-sidebar{padding:20px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:16px;border-radius:0}[dir=rtl] .portal-sidebar{border-right:none;border-left:1px solid var(--border-color)}.portal-nav{display:flex;flex-direction:column;gap:6px}.portal-nav-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border:none;background:transparent;color:var(--text-muted);font-family:var(--font-main);font-weight:600;font-size:.9rem;border-radius:var(--border-radius-sm);cursor:pointer;text-align:start;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.portal-nav-item:hover,.portal-nav-item.active{background:var(--primary-glow);color:var(--primary)}.portal-main{padding:24px;overflow-y:auto}.portal-tab{display:none}.portal-tab.active{display:block;animation:fadeIn .25s ease}.tab-intro{color:var(--text-muted);margin-bottom:20px}.request-form{padding:24px;max-width:640px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.requests-list{display:flex;flex-direction:column;gap:14px;max-width:720px}.request-card{padding:18px 20px;display:flex;flex-direction:column;gap:10px;cursor:default}.request-card.compact{cursor:pointer}.request-card.compact.active{border-color:var(--primary);background:var(--primary-glow)}.request-card-top{display:flex;justify-content:space-between;align-items:center}.request-preview{color:var(--text-muted);font-size:.9rem;line-height:1.5}.request-meta{display:flex;gap:16px;font-size:.78rem;color:var(--text-muted)}.empty-panel{text-align:center;padding:48px 24px;color:var(--text-muted)}.empty-panel i{font-size:2.5rem;margin-bottom:12px;display:block;opacity:.4}.notif-panel{position:fixed;top:70px;right:24px;width:320px;max-height:400px;overflow:hidden;z-index:200;display:flex;flex-direction:column}[dir=rtl] .notif-panel{right:auto;left:24px}.notif-panel-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border-color)}.notif-panel-header h4{font-size:.9rem}.btn-link{background:none;border:none;color:var(--primary);font-size:.75rem;font-weight:600;cursor:pointer;font-family:var(--font-main)}.notif-list{overflow-y:auto;max-height:320px}.notif-item{padding:12px 16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background var(--transition-fast)}.notif-item:hover{background:var(--primary-glow)}.notif-item.unread{border-left:3px solid var(--primary)}[dir=rtl] .notif-item.unread{border-left:none;border-right:3px solid var(--primary)}.notif-item p{font-size:.85rem;font-weight:600}.notif-item small{font-size:.75rem;color:var(--text-muted);display:block;margin-top:4px}.notif-time{font-size:.7rem;color:var(--text-muted);display:block;margin-top:6px}.notif-empty{padding:20px;text-align:center;color:var(--text-color);font-family:inherit}.closed-banner{background:var(--bg-card);color:var(--warning-color);padding:10px 15px;border-radius:6px;text-align:center;font-size:.9rem;margin-top:15px;border:1px solid rgba(245,158,11,.3)}.duty-log-layout{display:flex;flex-direction:column;gap:1.25rem}.duty-log-container{display:flex;flex-direction:column;gap:20px}.duty-forms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;align-items:start}.duty-forms{display:flex;gap:20px}.duty-panel{flex:1;padding:1.25rem}.duty-panel-title{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.05rem}.duty-panel-end .duty-panel-title{color:var(--warning-color)}.duty-form .form-group{margin-bottom:.85rem}.duty-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.duty-history{padding:1.25rem}.duty-table-wrap{max-height:420px;overflow:auto}.duty-panel h3{margin-top:0;margin-bottom:15px;font-size:1.1rem}.duty-selfie-group{margin-top:.5rem}.attendance-verify-box{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;margin:.75rem 0 1rem;border-radius:10px;border:1px solid rgba(59,130,246,.25);background:#3b82f614}.attendance-verify-icon{font-size:1.75rem;color:var(--primary, #3b82f6);flex-shrink:0;margin-top:.1rem}.attendance-location-hint{font-size:.85rem;color:var(--text-muted, #94a3b8);margin:.5rem 0 1rem;line-height:1.45}.attendance-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;padding:.2rem .45rem;border-radius:6px;background:#22c55e26;color:var(--success, #22c55e);vertical-align:middle}.attendance-badge.attendance-end{background:#f59e0b26;color:var(--warning, #f59e0b)}.attendance-none{font-size:.8rem;color:var(--text-muted, #94a3b8)}.duty-selfie-hint{font-size:.85rem;color:var(--text-muted, #94a3b8);margin:.25rem 0 .75rem}.duty-selfie-wrap{border:1px dashed var(--border-color, rgba(255,255,255,.15));border-radius:10px;padding:.75rem;background:#00000026}.duty-selfie-wrap.has-photo{border-style:solid}.duty-selfie-video,.duty-selfie-preview{width:100%;max-width:280px;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px;display:block;margin:0 auto .75rem;background:#000}.duty-selfie-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.duty-selfie-loc{font-size:.8rem;color:var(--text-muted, #94a3b8);text-align:center;margin:.5rem 0 0}.duty-selfie-thumb{width:36px;height:36px;object-fit:cover;border-radius:6px;vertical-align:middle;border:1px solid var(--border-color, rgba(255,255,255,.2))}.duty-selfie-link-end .duty-selfie-thumb{border-color:var(--warning, #f59e0b)}.duty-loc-link{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#3b82f626;color:var(--primary, #3b82f6);vertical-align:middle;margin-left:.25rem}.duty-logs-view{padding:20px}.duty-logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.month-nav{display:flex;align-items:center;gap:10px;font-weight:600}.duty-table{width:100%;border-collapse:collapse;font-size:.9rem}.duty-table th,.duty-table td{padding:10px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.duty-table th{color:var(--text-muted);font-weight:600}[data-theme=light] .duty-table th,[data-theme=light] .duty-table td{border-bottom:1px solid rgba(0,0,0,.1)}.admin-extra-panels{display:flex;gap:20px;padding:0 20px 20px;height:auto}.admin-extra-panels>section{flex:1;padding:20px}.locations-grid{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;margin-top:15px}.driver-location-card{padding:12px;border-radius:8px;background:#0003;display:flex;flex-direction:column;align-items:stretch;gap:0}.driver-location-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.loc-details-panel{border-top:1px solid rgba(255,255,255,.08);margin-top:10px;padding-top:10px}.loc-details-body{font-size:.85rem;color:var(--text-muted);display:flex;flex-direction:column;gap:6px}.loc-details-empty{font-size:.85rem;color:var(--warning-color)}.loc-map-link{color:var(--primary-color);font-size:.85rem;text-decoration:none}.loc-map-link:hover{text-decoration:underline}.location-hint{font-size:.82rem;color:var(--text-muted);margin:0 0 12px;line-height:1.4}.location-setup-banner{background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);border-radius:10px;padding:14px 16px;margin-bottom:12px;font-size:.88rem;line-height:1.5}.location-setup-banner a{color:var(--primary-color);font-weight:600}.location-setup-steps{margin:10px 0 0 18px;padding:0}.location-setup-steps li{margin-bottom:6px}[data-theme=light] .driver-location-card{background:#0000000a}[data-theme=light] .loc-details-panel{border-top-color:#00000014}@media(max-width:640px){.duty-form-row{grid-template-columns:1fr}.duty-forms{flex-direction:column}.duty-forms-grid{grid-template-columns:1fr}.duty-log-controls{flex-direction:column;align-items:stretch;gap:12px}.duty-log-controls .form-select{width:100%}.duty-log-controls .month-nav{flex-wrap:wrap;justify-content:center}.admin-extra-panels{flex-direction:column;padding:0 12px 20px}.duty-logs-header{flex-direction:column;align-items:flex-start;gap:10px}.duty-history,.duty-panel{padding:1rem}.driver-location-row{flex-direction:column;align-items:flex-start}#tab-dutylog .duty-table thead,#admin-duty-log-panel .duty-table thead{display:none}#tab-dutylog .duty-table tbody tr,#admin-duty-log-panel .duty-table tbody tr{display:block;margin-bottom:12px;padding:12px;border-radius:10px;background:#00000040;border:1px solid rgba(255,255,255,.06)}#tab-dutylog .duty-table td,#admin-duty-log-panel .duty-table td{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:6px 0;border-bottom:none;text-align:right}#tab-dutylog .duty-table td:before,#admin-duty-log-panel .duty-table td:before{content:attr(data-label);font-weight:600;color:var(--text-muted);text-align:left;flex-shrink:0}[data-theme=light] #tab-dutylog .duty-table tbody tr,[data-theme=light] #admin-duty-log-panel .duty-table tbody tr{background:#0000000a;border-color:#00000014}}.driver-location-card strong{display:block;font-size:.95rem}.driver-location-card small{color:var(--text-muted)}.location-status{font-size:.85rem;color:var(--text-muted);margin-top:4px;display:flex;align-items:center;gap:6px}.task-location-gps{color:var(--success-color)}.task-card-stop-end{border:1px dashed rgba(59,130,246,.35);min-width:120px}.route-arrow-to-stop{flex-shrink:0}.location-status.pending{color:var(--text-muted)}.location-status.active{color:var(--success-color)}.location-status.error{color:var(--danger-color)}.location-enable-btn{margin-top:8px}.duty-log-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:15px;margin-top:15px}.duty-log-controls .form-select{min-width:180px;flex:1;max-width:280px}.conversation-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:200px;max-height:400px}.msg-bubble{max-width:85%;padding:12px 16px;border-radius:var(--border-radius-md);background:var(--border-color)}.msg-bubble.msg-mine{align-self:flex-end;background:var(--primary-glow);border:1px solid rgba(59,130,246,.25)}.msg-bubble.msg-other{align-self:flex-start}.msg-head{display:flex;justify-content:space-between;gap:12px;font-size:.75rem;margin-bottom:6px;color:var(--text-muted)}.msg-head strong{color:var(--text-main)}.reply-form{display:flex;gap:10px;padding:16px;border-top:1px solid var(--border-color);align-items:flex-end}.reply-form textarea{flex:1;padding:12px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-card);color:var(--text-main);font-family:var(--font-main);resize:none}.reply-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-stats-row{display:flex;align-items:center;gap:16px;padding:16px 24px;flex-wrap:wrap}.stat-card{padding:14px 20px;display:flex;flex-direction:column;gap:4px;min-width:120px}.stat-card .stat-label{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);font-weight:600}.stat-card .stat-value{font-size:1.5rem;font-weight:800}.admin-layout{display:grid;grid-template-columns:360px 1fr;gap:20px;padding:0 24px 24px}body[data-page-title=adminPageTitle]{overflow-y:auto;overflow-x:hidden}.admin-requests-panel{padding:20px;overflow:hidden;display:flex;flex-direction:column;border-radius:var(--border-radius-lg)}.admin-requests-panel h3{font-size:1rem;margin:12px 0}.panel-toolbar{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.panel-toolbar input{padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-card);color:var(--text-main);font-family:var(--font-main)}.filter-pills{display:flex;gap:6px}.filter-pill{padding:6px 12px;border:1px solid var(--border-color);border-radius:20px;background:transparent;color:var(--text-muted);font-size:.75rem;font-weight:600;cursor:pointer;font-family:var(--font-main)}.filter-pill.active{background:var(--primary);color:var(--text-inverse);border-color:var(--primary)}.admin-list{flex:1;overflow-y:auto;max-height:calc(100vh - 280px)}.admin-conversation-panel{display:flex;flex-direction:column;border-radius:var(--border-radius-lg);min-height:500px}.empty-conversation{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:12px}.empty-conversation i{font-size:3rem;opacity:.3}#active-conversation{flex:1;display:flex;flex-direction:column}.conv-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;border-bottom:1px solid var(--border-color)}.conv-header h3{font-size:1.1rem}.conv-header p{font-size:.85rem;color:var(--text-muted);margin-top:4px}.sync-sidebar-btn{margin-top:auto}body:not(.auth-page){height:auto;min-height:100vh;overflow:auto}@media(max-width:768px){.portal-layout,.admin-layout{grid-template-columns:1fr}.portal-sidebar{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--border-color)}.portal-nav{flex-direction:row;flex-wrap:wrap;flex:1}.form-row{grid-template-columns:1fr}.admin-requests-panel{max-height:40vh}.admin-list{max-height:35vh}.notif-panel{left:12px;right:12px;width:auto}.admin-extra-panels{flex-direction:column;padding:0 16px 16px}}.app-footer{text-align:center;padding:16px;font-size:.8rem;color:var(--text-muted);opacity:.7;-webkit-user-select:none;user-select:none;cursor:default;margin-top:auto}body{background-image:radial-gradient(ellipse 80% 50% at 10% -10%,var(--primary-glow),transparent 50%),radial-gradient(ellipse 60% 40% at 100% 0%,var(--teal-glow),transparent 45%)}.app-container{grid-template-columns:minmax(300px,380px) 1fr;gap:0}.sidebar{padding:20px 18px;box-shadow:4px 0 24px #0000000f}.quick-stats-card{background:linear-gradient(135deg,var(--bg-card) 0%,transparent 100%);border-radius:var(--border-radius-md)}.driver-item-card{border-radius:14px;padding:14px 12px;margin-bottom:8px;border:1px solid transparent;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.driver-item-card:hover{border-color:var(--primary-glow);transform:translate(2px);box-shadow:var(--card-shadow)}[dir=rtl] .driver-item-card:hover{transform:translate(-2px)}.driver-item-card.active{border-color:var(--primary);background:var(--primary-glow);box-shadow:0 4px 16px var(--primary-glow)}.main-content{overflow-y:auto;padding:0 28px 32px}.hub-header.main-header{position:sticky;top:0;z-index:20;margin:0 -28px 24px;padding:18px 28px;background:color-mix(in srgb,var(--bg-app) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:12px}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-sync{border-color:var(--primary);color:var(--primary)}.profile-header-card{display:flex;align-items:center;gap:24px;padding:28px;margin-bottom:24px;border:1px solid var(--border-color);background:linear-gradient(145deg,var(--bg-card) 0%,transparent 70%)}.profile-avatar{width:88px;height:88px;font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--teal));color:#fff;box-shadow:0 8px 24px var(--primary-glow)}.profile-meta h2{font-size:1.65rem;font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.profile-pills{display:flex;flex-wrap:wrap;gap:10px}.pill{padding:8px 14px;border-radius:999px;font-size:.85rem;background:var(--bg-app);border:1px solid var(--border-color)}.details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.detail-card{padding:16px;display:flex;gap:14px;align-items:flex-start;border-radius:var(--border-radius-md);transition:transform var(--transition-fast)}.detail-card:hover{transform:translateY(-2px)}.empty-state{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:24px}.empty-state-content{max-width:520px;text-align:center;padding:48px 36px}.empty-illustration{width:80px;height:80px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--primary);background:var(--primary-glow)}.schedule-section-header{margin-bottom:16px}.schedule-container{padding:24px}.lang-toggle{display:inline-flex;padding:3px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border-color)}.lang-btn{padding:6px 14px;border:none;border-radius:999px;background:transparent;color:var(--text-muted);font-weight:600;font-size:.8rem;cursor:pointer;transition:all var(--transition-fast)}.lang-btn.active{background:var(--primary);color:var(--text-inverse)}[dir=rtl] .hub-header .back-to-list-btn i{transform:scaleX(-1)}@media(max-width:900px){.app-container{grid-template-columns:1fr}.sidebar{max-height:45vh;border-right:none;border-bottom:1px solid var(--border-color)}.main-content{padding:0 16px 24px}.hub-header.main-header{margin:0 -16px 16px;padding:14px 16px}}.pwa-install-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:16px;width:calc(100% - 32px);max-width:400px;border-radius:12px;box-shadow:0 10px 30px #0003;animation:slideUp .5s cubic-bezier(.175,.885,.32,1.275) forwards}.pwa-install-content{display:flex;align-items:center;gap:12px}.pwa-logo{width:40px;height:40px;border-radius:8px;object-fit:contain;background:#fff}.pwa-text h4{margin:0 0 2px;font-size:1rem}.pwa-text p{margin:0;font-size:.8rem;color:var(--text-muted)}.pwa-actions{display:flex;align-items:center;gap:8px}@keyframes slideUp{0%{bottom:-100px;opacity:0}to{bottom:20px;opacity:1}}@keyframes slideDown{0%{bottom:20px;opacity:1}to{bottom:-100px;opacity:0}}