@font-face{font-family:trapdoor-tweet;src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/277/tweet.woff) format("woff");font-weight:400;font-style:normal}.trapdoor-container{-webkit-transform:translateZ(0);-webkit-font-smoothing:antialiased;position:absolute;bottom:30px;left:50%;margin-left:-100px;margin-top:-25px;width:200px;height:50px;box-shadow:inset -7px 0 12px -8px rgba(0,0,0,.3),inset 7px 0 12px -8px rgba(0,0,0,.3);background:rgba(0,0,0,.3);transition:background .4s ease-in-out}.trapdoor-container:hover{background:#fff}.trapdoor-container:hover .trapdoor-door{box-shadow:0 0 10px -2px rgba(0,0,0,.4);transform:scale(1.08)}.trapdoor-container:hover .trapdoor-top{top:-50%}.trapdoor-container:hover .trapdoor-bottom{top:100%}.trapdoor-twitter-button{margin-left:-77px;position:absolute!important;margin-top:-14px;left:50%;top:50%}.trapdoor-top{top:0;left:0;position:absolute;width:100%;height:50%;z-index:2;background-color:#fff;overflow:hidden;transition:top .4s,box-shadow .2s,transform .3s;transition-timing-function:ease-in-out}.trapdoor-top:before{content:"\e000";font-family:trapdoor-tweet,sans-serif;position:absolute;margin-left:-20px;font-size:35px;display:block;color:#4099ff;width:0;height:20px;left:52%;top:5px}.trapdoor-bottom{top:50%;left:0;position:absolute;width:100%;height:50%;z-index:2;background-color:#fff;overflow:hidden;transition:top .4s,box-shadow .2s,transform .3s;transition-timing-function:ease-in-out}.trapdoor-bottom:before{content:"\e000";font-family:trapdoor-tweet,sans-serif;position:absolute;margin-left:-20px;font-size:35px;display:block;color:#4099ff;width:0;height:20px;left:52%;top:-20px}.trapdoor-door{transition:top .4s,box-shadow .2s,transform .3s;transition-timing-function:ease-in-out}.NotificationPanel_notificationWrapper__sx1_Z{position:relative;display:inline-block}.NotificationPanel_notificationIcon__IrJw7{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;transition:background-color .3s}.NotificationPanel_notificationIcon__IrJw7:hover{background-color:#f0f0f0}.NotificationPanel_notificationBell__0_t7U{color:#555}.NotificationPanel_notificationPanel__Q_Uql{position:absolute;top:100%;right:0;width:400px;max-height:80vh;z-index:1000;margin-top:10px;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:8px}.NotificationPanel_notificationCard__xBUx3{border-radius:8px}.NotificationPanel_panelBody__yc5AK{padding:0}.NotificationPanel_scrollableList__iL02M{max-height:500px;overflow-y:auto;padding:0 16px}.NotificationPanel_loadingState__IUryV{display:flex;align-items:center;justify-content:center;padding:20px;gap:8px;color:#666}.NotificationPanel_notificationItem__LIH4i{padding:12px 0;border-bottom:1px solid #f0f0f0}.NotificationPanel_notificationItem__LIH4i.NotificationPanel_unread__zW82N{background-color:#f6faff}.NotificationPanel_notificationItem__LIH4i.NotificationPanel_read__FTZfI{background-color:#fff}.NotificationPanel_userInfo__loRmv{display:flex;gap:12px;margin-bottom:8px}.NotificationPanel_userDetails__RVxjP{display:flex;flex-direction:column;flex-grow:1}.NotificationPanel_notificationTitle__tScZf{font-weight:500;margin-bottom:4px}.NotificationPanel_notificationBody__FOKql{color:#666;font-size:14px}.NotificationPanel_notificationFooter__trurV{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-left:44px}.NotificationPanel_timestamp__DcN37{font-size:12px;color:#999}.NotificationPanel_markReadBtn__m1MCB{border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0}.NotificationPanel_emptyState__QNmg0{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999;text-align:center}.NotificationPanel_emptyState__QNmg0 svg{margin-bottom:16px}.NotificationPanel_paginationContainer__72HEn{display:flex;justify-content:center;padding:16px 0}.vehicle-card{display:flex;flex-direction:column;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:box-shadow .3s ease}.vehicle-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.12)}.vehicle-image-container{position:relative;width:100%;padding-top:66.67%;overflow:hidden}.vehicle-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.status-badge{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:20px;background-color:#e2e8f0;color:#4a5568}.status-badge.active{background-color:rgba(72,187,120,.15);color:#2f855a}.status-badge.inactive{background-color:rgba(233,75,47,.8);color:#fff}.vehicle-info{padding:16px;display:flex;flex-direction:column}.license-number{margin:0 0 12px;font-size:18px;font-weight:500}.specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-bottom:16px}.spec-item{display:flex;align-items:center;gap:4px}.spec-label{color:#718096;font-size:14px}.spec-value{font-size:14px;font-weight:500}.action-btns{display:grid;grid-template-columns:2fr 2fr 1fr;margin-top:8px}.btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-primary{flex:1;border:1px solid #ccc}.btn svg{width:16px;height:16px}.btn-edit{flex:1;background-color:#ebf8ff;color:#3182ce}.btn-edit:hover{background-color:#bee3f8}.btn-details{flex:1;background-color:#f7fafc;color:#4a5568}.btn-details:hover{background-color:#edf2f7}.btn-deletee{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff;background-color:#e53e3e;border:none}.btn-deletee:hover{background-color:#fff5f5}@media (prefers-color-scheme:dark){.spec-label{color:#a0aec0}.btn-details{background-color:#2d3748;color:#e2e8f0}.btn-details:hover{background-color:#4a5568}}@media (max-width:480px){.specs-grid{grid-template-columns:1fr}}:root{--primary-color:#2563eb;--primary-light:#3b82f6;--primary-dark:#1d4ed8;--secondary-color:#10b981;--secondary-light:#34d399;--secondary-dark:#059669;--danger-color:#ef4444;--warning-color:#f59e0b;--success-color:#10b981;--info-color:#0ea5e9;--text-color:#1f2937;--text-color-light:#4b5563;--text-color-lighter:#9ca3af;--background-color:#f9fafb;--card-bg:#fff;--border-color:#e5e7eb;--border-radius-sm:4px;--border-radius-lg:12px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--transition:all 0.3s ease;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}.dark-mode{--primary-color:#3b82f6;--primary-light:#60a5fa;--primary-dark:#2563eb;--text-color:#f9fafb;--text-color-light:#e5e7eb;--text-color-lighter:#9ca3af;--background-color:#111827;--card-bg:#1f2937;--border-color:#374151;--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2)}button{cursor:pointer;font-family:inherit}.profile-container{max-width:1200px;margin:0 auto;padding:var(--spacing-md)}.profile-header{display:flex;align-items:center;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow);position:relative;flex-wrap:wrap;gap:var(--spacing-md)}.avatar-container{margin-right:var(--spacing-lg)}.avatar,.avatar-container{display:flex;align-items:center;justify-content:center}.avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid var(--primary-color)}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-info{flex:1}.name-section{display:flex;align-items:center}.name-section h1{font-size:24px;margin-right:var(--spacing-md)}.roles{display:flex;gap:var(--spacing-sm)}.role{display:flex;align-items:center;padding:3px 8px;border-radius:var(--border-radius-sm);font-size:14px;font-weight:500;gap:5px}.role.primary{background-color:var(--primary-color);color:#fff}.role.secondary{background-color:var(--secondary-color);color:#fff}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-xs);color:var(--text-color-light);font-size:14px}.contact-info p{display:flex;align-items:center;gap:var(--spacing-sm)}.additional-info{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-sm)}.profile-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.edit-profile{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 15px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-weight:500;transition:var(--transition)}.edit-profile:hover{background-color:var(--primary-dark)}.theme-toggle{border:1px solid var(--border-color);font-size:18px;border-radius:var(--border-radius);transition:var(--transition)}.theme-toggle:hover{background-color:var(--border-color)}.role-toggle{display:flex;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);margin:0 auto}.role-button{flex:1;padding:var(--spacing-md);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;font-weight:500;transition:var(--transition)}.performance-stats1{border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow)}.performance-stats1 h2{font-size:18px;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:.5px solid gray}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.stat-card{display:flex;align-items:center;padding:var(--spacing-md);border-radius:var(--border-radius);transition:var(--transition)}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.stat-icon{background-color:var(--primary-light);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-md);font-size:16px}.stat-content{flex:1}.stat-value{font-size:20px;font-weight:600}.stat-label{font-size:14px;color:var(--text-color-lighter)}.stat-trend{font-size:14px;font-weight:500}.stat-trend.up{color:var(--success-color)}.stat-trend.down{color:var(--danger-color)}.section-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.section-header h2{font-size:18px;align-items:center}.actions,.section-header h2{display:flex;gap:var(--spacing-sm)}.action-button{gap:5px;padding:6px 12px;background-color:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color-light);transition:var(--transition)}.action-button:hover{background-color:var(--background-color)}.view-all-button{font-size:14px;color:var(--primary-color);background:transparent;border:none;transition:var(--transition)}.view-all-button:hover{color:var(--primary-dark);text-decoration:underline}.add-button{display:flex;align-items:center;gap:5px;padding:6px 12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius-sm);font-size:14px;transition:var(--transition)}.add-button:hover{background-color:var(--primary-dark)}.recent-activities{border-radius:var(--border-radius);padding:var(--spacing-md);box-shadow:var(--shadow)}.activities-table{width:100%;border-collapse:collapse}.activities-table td,.activities-table th{padding:var(--spacing-sm);text-align:left}.activities-table th{font-weight:600;font-size:14px}.activities-table td{font-size:14px}.status-pill{display:inline-block;padding:2px 8px;border-radius:20px;font-size:12px;font-weight:500;text-align:center}.status-pill.completed,.status-pill.delivered{background-color:rgba(16,185,129,.1);color:var(--success-color)}.status-pill.processing{background-color:rgba(14,165,233,.1);color:var(--info-color)}.status-pill.cancelled{background-color:rgba(239,68,68,.1);color:var(--danger-color)}.info-card{border-radius:var(--border-radius);overflow:hidden;margin-bottom:var(--spacing-lg);box-shadow:var(--shadow)}.info-header{color:#fff;padding:var(--spacing-md)}.info-header h3{font-size:16px;font-weight:500;display:flex;align-items:center;gap:var(--spacing-sm)}.info-content{padding:var(--spacing-md)}.info-content p{margin-bottom:var(--spacing-sm);font-size:14px;display:flex;justify-content:space-between}.info-content p:last-child{margin-bottom:0}.documents-section{border-radius:var(--border-radius);padding:var(--spacing-md);box-shadow:var(--shadow)}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100%,1fr));gap:var(--spacing-md)}.document-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius);transition:var(--transition)}.document-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.document-icon{width:40px;height:40px;background-color:var(--primary-light);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm)}.document-info{flex:1}.document-info h3{font-size:15px;margin-bottom:3px}.document-info p{font-size:13px;margin-bottom:5px}.status-badge{display:inline-block;padding:2px 6px;border-radius:var(--border-radius-sm);font-size:12px;font-weight:500}.status-badge.verified{background-color:rgba(16,185,129,.1);color:var(--success-color)}.status-badge.pending{background-color:rgba(245,158,11,.1);color:var(--warning-color)}.status-badge.expired{background-color:rgba(239,68,68,.1);color:var(--danger-color)}.status-badge.on-time{background-color:rgba(16,185,129,.1);color:var(--success-color)}.status-badge.late{background-color:rgba(245,158,11,.1);color:var(--warning-color)}.status-badge.absent{background-color:rgba(239,68,68,.1);color:var(--danger-color)}.attendance-history{background-color:var(--card-bg);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow)}.attendance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.attendance-card{background-color:var(--background-color);border-radius:var(--border-radius);overflow:hidden;transition:var(--transition)}.attendance-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.attendance-card.absent{border-left:4px solid var(--danger-color)}.attendance-card.late{border-left:4px solid var(--warning-color)}.attendance-card.on-time{border-left:4px solid var(--success-color)}.date-indicator{background-color:var(--primary-light);color:#fff;padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);font-size:14px;position:relative}.time-details{padding:var(--spacing-md);display:flex}.time-entry{flex:1;text-align:center}.time-label{display:block;font-size:12px;color:var(--text-color-light);margin-bottom:3px}.time-value{font-size:16px;font-weight:600}.pagination{margin-top:var(--spacing-lg);gap:5px}.pagination,.pagination-button{display:flex;justify-content:center;align-items:center}.pagination-button{width:35px;height:35px;border-radius:var(--border-radius-sm);background-color:transparent;border:1px solid var(--border-color);color:var(--text-color);font-size:14px;transition:var(--transition)}.pagination-button:hover{background-color:var(--background-color)}.pagination-button.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-ellipsis{padding:0 5px}@media screen and (max-width:992px){.profile-content{grid-template-columns:1fr}.attendance-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media screen and (max-width:768px){.profile-header{flex-direction:column;align-items:center;text-align:center}.avatar-container{margin-right:0;margin-bottom:var(--spacing-md)}.name-section{flex-direction:column}.roles{margin-top:var(--spacing-sm)}.profile-actions{margin-top:var(--spacing-md);width:100%;flex-direction:row;justify-content:center}.additional-info{flex-direction:column;gap:var(--spacing-xs)}.activities-table{display:block;overflow-x:auto}}@media screen and (max-width:576px){.role-toggle{flex-direction:column}.attendance-grid,.stats-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;width:100%}.contact-info{align-items:center}}.attendance-card,.document-card,.stat-card{animation:fadeIn .3s ease-in-out}@media print{.profile-container{padding:0;max-width:100%}.action-button,.add-button,.edit-profile,.pagination,.theme-toggle{display:none}.attendance-card,.attendance-history,.document-card,.documents-section,.info-card,.performance-stats1,.profile-header,.recent-activities,.stat-card{box-shadow:none;border:1px solid #ddd;-moz-column-break-inside:avoid;break-inside:avoid}.profile-content{display:block}*{color:#000!important;background-color:#fff!important}}.driver-dashboard{min-height:100vh}.driver-dashboard,.main-content{display:flex;flex-direction:column}.main-content{flex:1}@media (min-width:768px){.main-content{flex-direction:row}}.dashboard-main{flex:1;padding:1.5rem}.cards-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;margin-bottom:1.5rem}@media (min-width:640px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.cards-grid{grid-template-columns:repeat(3,1fr)}}.card-header{display:flex;align-items:center;gap:.5rem;color:#2563eb;margin-bottom:.5rem}.card-title{font-weight:500}.card-value{font-size:1.125rem;font-weight:700}.card-value.active{color:#16a34a}.card-value.inactive{color:#4b5563}.card-subtext{font-size:.875rem;color:#6b7280}.progress-container{position:relative;padding-top:.25rem}.progress-bar{overflow:hidden;height:.5rem;font-size:.75rem;display:flex;border-radius:.25rem;background-color:#e5e7eb}.progress-fill{box-shadow:none;display:flex;flex-direction:column;text-align:center;white-space:nowrap;color:#fff;justify-content:center;background-color:#22c55e}.section-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;cursor:pointer}.section-title-container{display:flex;align-items:center;gap:.5rem}.section-icon{height:2.5rem;width:2.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center}.section-icon.blue{background-color:#dbeafe;color:#2563eb}.section-icon.amber{background-color:#fef3c7;color:#d97706}.section-icon.green{background-color:#dcfce7;color:#16a34a}.section-title{font-weight:700;font-size:1.125rem}.section-chevron{transition:transform .2s}.section-chevron.open{transform:rotate(180deg)}.section-content{padding:1rem;border-top:1px solid #f3f4f6}.info-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width:768px){.info-grid{grid-template-columns:repeat(2,1fr)}}.info-label{font-size:.875rem;color:#4b5563}.info-value{font-weight:500}.button-group{display:flex;gap:.5rem}.button{padding:.5rem 1rem;border-radius:.5rem;font-weight:500;border:none;cursor:pointer}.button.primary{background-color:#2563eb;color:#fff}.button.primary:hover{background-color:#1d4ed8}.button.success{background-color:#16a34a;color:#fff}.button.success:hover{background-color:#15803d}.button.secondary{border:1px solid #d1d5db;color:#374151}.button.secondary:hover{background-color:#f3f4f6}.delivery-list{display:flex;flex-direction:column;gap:.75rem}.delivery-item{padding:.75rem 0}.delivery-item-content{display:flex;justify-content:space-between;align-items:center}.delivery-status{display:inline-block;padding:.25rem .5rem;font-size:.75rem;border-radius:.25rem}.delivery-status.blue{background-color:#dbeafe;color:#1e40af}.delivery-status.green{background-color:#dcfce7;color:#166534}.empty-state{color:#6b7280}.performance-stats{margin-top:.5rem;display:flex;flex-direction:column;gap:.75rem}.performance-stats>div{display:flex;flex-direction:column;gap:.25rem}.delivery-status-indicators{display:flex;align-items:center;gap:1rem}.status-pill{display:flex;align-items:center;gap:.5rem;background-color:#dcfce7;color:#166534;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem}.delivery-actions{display:flex;flex-direction:column;gap:1rem}.button-group.primary-actions{display:flex;gap:.5rem}.button-group.secondary-actions{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width:768px){.button-group.secondary-actions{flex-direction:column}}
/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-top-\[8px\]{top:-8px}.z-40{z-index:40}.container{width:100%}.mx-auto{margin-inline:auto}.mt-\[4px\]{margin-top:4px}.mr-\[8px\]{margin-right:8px}.mb-\[3px\]{margin-bottom:3px}.mb-\[12px\]{margin-bottom:12px}.mb-\[16px\]{margin-bottom:16px}.mb-\[24px\]{margin-bottom:24px}.ml-\[4px\]{margin-left:4px}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.h-\[1px\]{height:1px}.h-\[12px\]{height:12px}.h-\[30px\]{height:30px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-\[12px\]{width:12px}.w-\[30px\]{width:30px}.w-\[64px\]{width:64px}.w-\[120px\]{width:120px}.w-full{width:100%}.flex-1{flex:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.gap-\[8px\]{gap:8px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-\[10px\]{border-radius:10px}.rounded-\[100\%\]{border-radius:100%}.rounded-full{border-radius:3.40282e+38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.p-\[1rem\]{padding:1rem}.p-\[10px\]{padding:10px}.p-\[12px\]{padding:12px}.p-\[24px\]{padding:24px}.px-\[8px\]{padding-inline:8px}.py-\[4px\]{padding-block:4px}.text-center{text-align:center}.text-left{text-align:left}.text-start{text-align:start}.align-middle{vertical-align:middle}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.break-words{overflow-wrap:break-word}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-\[200ms\]{--tw-duration:.2s;transition-duration:.2s}.disabled\:opacity-50:disabled{opacity:.5}:root{--datepicker-bg:#fff;--datepicker-text:#000;--datepicker-border:#aeaeae;--Custom-success-toast-bg:#fff;--Custom-success-toast-text:#128412}html{scroll-behavior:smooth}.xsnone{display:inline-block}.xsflex{display:none}.xspad{padding:0 50px}@media (max-width:768px){.xsnone{display:none}.xsflex{display:inline-block}.xspad{padding:0 10px}}.dark-theme{--datepicker-bg:#1a222c;--datepicker-text:#fff;--datepicker-border:#555;--Custom-success-toast-bg:#24303f;--Custom-success-toast-text:#fff}.bg_icon,.bg_icon2,.bg_icon3{width:150px;height:150px;transition:filter .3s;position:absolute;top:-10px;right:20px}.card-hover:hover .bg_icon{filter:brightness(0)saturate()invert(28%)sepia(76%)saturate(2000%)hue-rotate(90deg)}.card-hover:hover .bg_icon2{filter:brightness(0)saturate()invert(18%)sepia(91%)saturate(7476%)hue-rotate(196deg)brightness(96%)contrast(97%)}.card-hover:hover .bg_icon3{filter:sepia()saturate(10)hue-rotate(10deg)}.Toastify{z-index:99999999!important}._2_g61{padding:10px!important}._53Ji7{padding:20px!important}._2kL0S{color:#2c2c2c!important}._2Jtxm._35Ago ._2kL0S{color:#fff!important}:root{--notification-bg:#fff;--notification-card-bg:#fff;--notification-text:#333;--notification-border:#eaeaea;--notification-hover:#f8f9fa;--notification-unread-bg:#f0f7ff;--notification-header-bg:#f8f9fa;--notification-shadow:0 4px 12px #00000014;--notification-icon-color:#495057;--notification-timestamp:#6c757d;--notification-link-color:#fff}[data-theme=dark]{--notification-bg:#1e1e1e;--notification-card-bg:#2d2d2d;--notification-text:#e1e1e1;--notification-border:#444;--notification-hover:#3a3a3a;--notification-unread-bg:#1a3a5a;--notification-header-bg:#252525;--notification-shadow:0 4px 12px #0000004d;--notification-icon-color:#adb5bd;--notification-timestamp:#868e96;--notification-link-color:#4dabf7}.notification-wrapper{display:inline-block;position:relative}.notification-panel{z-index:99999;width:380px;max-width:90vw;animation:fadeIn .2s ease-out;position:absolute;top:48px;right:0}@media (max-width:650px){.notification-wrapper{position:inherit}.notification-panel{z-index:1000;border-radius:0;width:100%;max-width:100%;height:100vh;position:fixed;top:70px;left:0;right:0}}.notification-icon{cursor:pointer;border-radius:50%;padding:8px;transition:background-color .2s}.notification-icon:hover{background-color:#0000000d}.notification-icon:active{background-color:#9f9f9f1a}[data-theme=dark] .notification-icon:hover{background-color:#ffffff1a}.notification-bell{color:var(--notification-icon-color)}.notification-card{background:var(--notification-card-bg);border:1px solid var(--notification-border);box-shadow:var(--notification-shadow);border-radius:12px;overflow:hidden}.panel-header{background:var(--notification-header-bg);border-bottom:1px solid var(--notification-border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.panel-title{color:var(--notification-text);font-size:1.1rem;font-weight:600}.panel-body{background:var(--notification-card-bg);padding:0}.scrollable-list{max-height:500px;overflow-y:auto}.notification-item{border-bottom:1px solid var(--notification-border);cursor:pointer;max-width:100%;padding:12px;transition:background-color .2s}.notification-item:hover{background-color:var(--notification-hover)}.notification-item.unread{background-color:var(--notification-unread-bg)}.notification-body,.user-info{color:var(--notification-text)}.notification-body{white-space:wrap;text-overflow:ellipsis;max-width:300px;margin-top:4px;font-size:.9rem;line-height:1.4;display:block;overflow:hidden}.notification-footer{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.timestamp{color:var(--notification-timestamp);font-size:.75rem}.mark-read-btn{padding:4px 8px;font-size:.75rem}.empty-state{text-align:center;color:var(--notification-timestamp);flex-direction:column;justify-content:center;align-items:center;padding:30px 20px;display:flex}.empty-state p{margin-top:10px;font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.scrollable-list::-webkit-scrollbar{width:6px}.scrollable-list::-webkit-scrollbar-track{background:var(--notification-header-bg)}.scrollable-list::-webkit-scrollbar-thumb{background:var(--notification-timestamp);border-radius:3px}.scrollable-list::-webkit-scrollbar-thumb:hover{background:var(--notification-link-color)}:root{--bg-overlay-light:#00000080;--bg-overlay-dark:#ffffff1a;--modal-bg-light:#fff;--modal-bg-dark:#222;--text-color-light:#000;--text-color-dark:#fff}.leaflet-container{z-index:0;width:100%;height:100%}.leaflet-control-attribution{font-size:9px}.dateRange_pers{background:#000}.modal-overlay{background:var(--bg-overlay-light);z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-container{background:var(--modal-bg-light);min-width:300px;max-width:90%;max-height:90vh;color:var(--text-color-light);border-radius:12px;padding:20px;overflow-y:auto;box-shadow:0 5px 15px #0003}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-title{margin:0}.modal-closeBtn{justify-content:end;display:flex}.close-icon,.custBtn{cursor:pointer}.custBtn{-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .3s}.custBtn:hover{transform:scale(1.05)}.custBtn:active{transform:scale(.95)}.typing-indicator{align-items:center;gap:4px;display:flex}.typing-indicator .dot{opacity:0;animation:blink 1.5s infinite}.typing-indicator .dot.one{animation-delay:0s}.typing-indicator .dot.two{animation-delay:.3s}.typing-indicator .dot.three{animation-delay:.6s}@keyframes blink{0%{opacity:0}30%{opacity:1}60%{opacity:0}to{opacity:0}}.icon-button{cursor:pointer;background-color:#0072f5;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .3s;display:inline-flex}.icon-button:hover{background-color:#0072f5c9}.icon-button:active{background-color:#0072f5a1}.notification-message{white-space:nowrap;text-overflow:ellipsis;max-width:250px;font-size:14px;overflow:hidden}.nextui-input-container:hover{border-color:#0360cb!important}[data-theme=dark] .modal-overlay{background:var(--bg-overlay-dark)}[data-theme=dark] .modal-container{background:var(--modal-bg-dark);color:var(--text-color-dark)}body,html{margin:0;padding:0;font-family:Inter,sans-serif}*{box-sizing:border-box}.timeline-wrapper{width:100%;height:300px;margin:auto;position:relative}.timeline-wrapper .middle-line{background:#d9d9d9;width:100%;height:5px;position:absolute;top:50%;transform:translateY(-50%)}.box{float:right;width:17%;min-height:300px;position:relative}.box .date{background:#8e5151;border:2px solid #d9d9d9;border-radius:100%;width:50px;height:50px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.date p{text-align:center;margin-top:3px;margin-bottom:0}.box .box-content{border-radius:5px;width:180px;padding:15px;position:absolute;left:-77px}.box-content p{color:#fff;margin:0}.box-bottom .box-content{top:65%}.box-content:before{content:" ";border:10px solid #0000;position:absolute;left:50%;transform:translate(-50%)}.box-bottom .box-content:before{border-bottom-color:#00b0bd;top:-20px}.box-top .box-content:before{border-top-color:#00b0bd;bottom:-20px}::-moz-selection{background-color:#0360cb}::selection{background-color:#0360cb}.Toastify__toast--success{background-color:var(--Custom-success-toast-bg)!important;color:var(--Custom-success-toast-text)!important}.Toastify__toast--error{color:#fff!important;background-color:#f44336!important}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{content:"";border:3px solid #ccc;border-width:3px 3px 0 0;width:9px;height:9px;display:block;position:absolute;top:6px}.react-datepicker-wrapper{border:0;width:100%;padding:0;display:inline-block}.react-datepicker{background-color:var(--datepicker-bg);color:var(--datepicker-text);font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker-popper{z-index:9999;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:var(--datepicker-bg);border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{margin:0 15px;display:inline-block}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:var(--datepicker-text);margin-top:0;font-size:.944rem;font-weight:700}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{text-align:center;cursor:pointer;z-index:1;text-indent:-999em;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:2px;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{margin-left:auto;margin-right:auto;display:block;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{width:0;font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{text-align:center;margin:.4rem}.react-datepicker__year-wrapper{flex-wrap:wrap;max-width:180px;display:flex}.react-datepicker__year .react-datepicker__year-text{width:4rem;margin:2px;display:inline-block}.react-datepicker__month{text-align:center;margin:.4rem}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{width:4rem;margin:2px;display:inline-block}.react-datepicker__input-time-container{clear:both;float:left;text-align:left;width:100%;margin:5px 0 10px 15px}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{margin-left:10px;display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;top:0;right:-87px}.react-datepicker__time-container .react-datepicker__time{background:var(--datepicker-bg);border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{text-align:center;border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;width:100%;height:calc(195px + .85rem);margin:0;padding-left:0;padding-right:0;list-style:none;overflow-y:scroll}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{white-space:nowrap;height:30px;padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{color:#fff;background-color:#216ba5;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:var(--datepicker-text)}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:#0000}.react-datepicker__week-number{color:#ccc;text-align:center;width:1.7rem;margin:.166rem;line-height:1.7rem;display:inline-block}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{color:#fff;background-color:#2a87d0;border-radius:.3rem}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;color:var(--datepicker-text);margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:var(--datepicker-text);text-align:center;width:1.7rem;margin:.166rem;line-height:1.7rem;display:inline-block}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{color:#fff;background-color:#3dcc4a;border-radius:.3rem}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{color:#fff;background-color:#ff6803;border-radius:.3rem;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{color:#000;background-color:#bad9f1;border-radius:.3rem}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){color:#000;background-color:#f0f0f0}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.react-datepicker__input-container{width:100%;display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{top:0;right:-16px;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{z-index:1;text-align:center;background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;width:50%;position:absolute;top:30px;left:25%}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{width:100%;margin-left:auto;margin-right:auto;line-height:20px;display:block}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;vertical-align:middle;background-color:#0000;border:0;outline:0;height:100%;padding:0 6px 0 0;display:table-cell;position:absolute;top:0;right:0}.react-datepicker__close-icon:after{cursor:pointer;color:#fff;text-align:center;vertical-align:middle;content:"×";background-color:#216ba5;border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;display:table-cell}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{cursor:pointer;text-align:center;clear:left;background:#f0f0f0;border-top:1px solid #aeaeae;padding:5px 0;font-weight:700}.react-datepicker__portal{z-index:2147483647;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem}.react-datepicker__aria-live{clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker__calendar-icon{vertical-align:-.125em;width:1em;height:1em}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}.card{border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);border:1px solid #ccc;padding:24px}.card-title{font-size:20px;font-weight:600;margin:0 0 20px}.locations-container{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.location-input{display:flex;align-items:center;justify-content:space-between;border:1px solid #ccc;border-radius:8px;padding:0 12px;height:50px;transition:all .2s ease}.location-input:focus-within{border-color:#4285f4;box-shadow:0 0 0 2px rgba(66,133,244,.2)}.location-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;margin-right:12px}.from-icon{background-color:#34a853}.to-icon{background-color:#ea4335}.location-search-input{flex:1;border:none;outline:none;font-size:16px;height:100%;background-color:transparent}.location-status{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ccc;font-weight:700;font-size:14px}.location-status.active{background-color:#34a853}.location-connector{display:flex;align-items:center;justify-content:center;height:24px;color:#757575}.location-actions{display:flex;justify-content:center;margin:16px 0}.location-detect-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#4285f4;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.location-detect-btn:hover{background-color:#3367d6}.location-detect-btn:disabled{background-color:#9e9e9e;cursor:not-allowed}.travel-mode-selector{display:flex;gap:12px;margin-bottom:20px}.travel-mode-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;border-radius:8px;border:1px solid;cursor:pointer;transition:all .2s ease;gap:8px}.travel-mode-btn span{font-size:14px;font-weight:500}.route-summary{display:flex;align-items:center;justify-content:center;padding:16px;background-color:#f8f9fa;border-radius:8px;gap:20px}.route-info-item{display:flex;align-items:center;gap:8px;font-size:16px;color:#333}.route-info-divider{width:1px;height:24px;background-color:#e0e0e0}.map-wrapper{border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08);position:relative}.custom-location-button{position:absolute;top:10px;right:10px;z-index:10}.location-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#fff;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.3);cursor:pointer;transition:all .2s ease;color:#4285f4}.location-button:hover{background-color:#f1f1f1}.location-button:disabled{opacity:.7;cursor:not-allowed;color:#9e9e9e}.locations-detail{display:flex;flex-direction:column;flex-wrap:wrap;gap:20px}.location-detail-card{flex:1;min-width:250px;padding:16px;background:transparent;border-radius:8px;border:1px solid #ccc;box-shadow:0 2px 8px rgba(0,0,0,.08)}.from-detail{border-left:4px solid #34a853}.to-detail{border-left:4px solid #ea4335}.location-detail-card h3{font-size:16px;font-weight:600;color:#ccc;margin:0 0 8px}.location-name{font-weight:500;font-size:15px;color:#757575;margin-bottom:4px}.location-address{font-size:14px;color:#757575;line-height:1.4}@media (max-width:768px){.map-container{padding:12px 0}.card{padding:12px}.travel-mode-selector{flex-wrap:wrap}.travel-mode-btn{flex:1 1 calc(50% - 6px)}.location-input{padding:0 8px;height:45px}.location-icon{width:30px;height:30px;margin-right:8px}.location-status{width:20px;height:20px;font-size:12px}.location-search-input{font-size:14px}}.rate-modal{background:var(--background)}.rate-header{gap:4px;padding-bottom:8px}.rate-content,.rate-header{display:flex;flex-direction:column}.rate-content{gap:24px}.rate-stars-container{display:flex;flex-direction:column;align-items:center;gap:16px}.rate-text{font-size:14px;font-weight:500}.rate-text-empty{color:#9ca3af}.rate-text-filled{color:#374151}.rate-textarea{width:100%}:root{--primary-color:#3a6ea5;--primary-color-light:#5087bf;--accent-color:#ff6b35;--text-color-light:#666;--background-color:#fff;--card-background:#f8f9fa;--shadow-color:rgba(0,0,0,.1);--success-color:#2ecc71;--error-color:#e74c3c;--transition-speed:0.3s;--border-radius:8px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans",sans-serif}.dark-mode{--primary-color:#5087bf;--primary-color-light:#6a9fd3;--accent-color:#ff8f66;--text-color:#e0e0e0;--text-color-light:#b0b0b0;--background-color:#121212;--card-background:#1e1e1e;--border-color:#333;--shadow-color:rgba(0,0,0,.3)}:root{--text-color:#000}[data-theme=dark]{--bg-color:#1f1f1f;--text-color:#fff}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}.faq-container{padding:20px}.faq-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.faq-header h1{font-size:2.5rem;font-weight:700;color:var(--primary-color)}.theme-toggle{background:transparent;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-speed)}.theme-toggle:hover{background-color:var(--card-background)}.intro-text{margin-bottom:30px;font-size:1.1rem;color:var(--text-color-light);max-width:700px}.search-container{margin-bottom:40px}.search-input{width:100%;padding:15px 20px;font-size:1rem;border:2px solid var(--border-color);border-radius:var(--border-radius);background-color:transparent;color:var(--text-color);transition:border-color var(--transition-speed)}.search-input:focus{outline:none;border-color:var(--primary-color)}.search-input::-moz-placeholder{color:var(--text-color-light)}.search-input::placeholder{color:var(--text-color-light)}.faq-category{margin-bottom:40px}.category-header{display:flex;align-items:center;margin-bottom:20px}.category-icon{background-color:var(--primary-color);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:1.5rem}.category-header h2{font-size:1.8rem;font-weight:600;color:var(--primary-color)}.accordion-item{margin-bottom:15px;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 5px var(--shadow-color);transition:box-shadow var(--transition-speed)}.accordion-item:hover{box-shadow:0 5px 15px var(--shadow-color)}.accordion-item.open{box-shadow:0 8px 20px var(--shadow-color)}.accordion-header{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color var(--transition-speed)}.accordion-header:hover{background-color:rgba(0,0,0,.03)}.dark-mode .accordion-header:hover{background-color:hsla(0,0%,100%,.03)}.accordion-header h3{font-size:1.1rem;font-weight:500}.accordion-header .icon{color:var(--primary-color);font-size:1.2rem;transition:transform var(--transition-speed)}.accordion-item.open .accordion-header .icon{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height var(--transition-speed)}.accordion-content.show{max-height:500px}.accordion-content p{padding:20px;border-top:1px solid var(--border-color);color:var(--text-color-light)}.search-result-item{padding:20px;margin-bottom:15px;background-color:var(--card-background);border-radius:var(--border-radius);border-left:4px solid var(--accent-color)}.search-result-item h3{margin-bottom:10px;color:var(--primary-color)}.no-results{text-align:center;padding:40px 20px;color:var(--text-color-light)}.cta-section{margin-top:60px;text-align:center;padding:40px;border-radius:var(--border-radius);border:1px solid var(--border-color)}.cta-section h2{font-size:1.8rem;margin-bottom:15px;color:var(--primary-color)}.cta-section p{margin-bottom:25px;color:var(--text-color-light)}.cta-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.cta-button{padding:12px 30px;font-size:1rem;font-weight:500;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed)}.cta-button.primary{background-color:var(--primary-color);color:#fff;border:none}.cta-button.primary:hover{background-color:var(--primary-color-light)}.cta-button.secondary{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.cta-button.secondary:hover{background-color:rgba(58,110,165,.1)}@media (max-width:768px){.faq-header h1{font-size:2rem}.category-header h2{font-size:1.5rem}.cta-buttons{flex-direction:column}.cta-button{width:100%}}@media (max-width:480px){.faq-header h1{font-size:1.8rem}.category-icon{width:40px;height:40px;font-size:1.2rem}.accordion-header h3{font-size:1rem}.faq-container{padding:20px 15px}}:root{--primary-color:#4a6cfa;--text-color:#333;--text-secondary:#666;--bg-color:#fff;--border-color:#e0e0e0;--hover-color:#f5f7ff;--shadow:0 2px 10px rgba(0,0,0,.1);--radius:12px}.user-details-container{animation:slide-in .3s ease}@keyframes slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{position:relative;height:150px}.close-button,.header{display:flex;justify-content:center}.close-button{position:absolute;top:16px;right:16px;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;align-items:center;transition:all .2s}.avatar-container{position:absolute;bottom:-40px;width:120px;height:120px;border-radius:50%;border:4px solid #fff;box-shadow:var(--shadow);overflow:hidden;background-color:#e9eaee}.avatar{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-info1{padding:50px 20px 20px;text-align:center}.user-name{margin-top:8px;font-size:24px;font-weight:600}.user-role{font-size:14px;margin-top:4px}.action-buttons{gap:12px;margin:16px 0}.action-button,.action-buttons{display:flex;justify-content:center}.action-button{align-items:center;gap:8px;padding:10px 16px;border-radius:20px;background-color:var(--primary-color);color:#fff;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.action-button:hover{background-color:#3a5cf0}.action-button.secondary{background-color:#f0f2f5;color:var(--text-color)}.action-button.secondary:hover{background-color:#e4e6eb}.tabs{display:flex;border-bottom:1px solid var(--border-color);margin-top:12px}.tab{flex:1;padding:12px 0;text-align:center;font-weight:500;color:var(--text-secondary);cursor:pointer;position:relative;transition:all .2s}.tab.active{color:var(--primary-color)}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--primary-color)}.tab-content{padding:20px}.user-details-list{list-style:none}.user-detail-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-color)}.user-detail-item:last-child{border-bottom:none}.detail-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:#f0f2f5;border-radius:50%;color:var(--primary-color)}.detail-content{flex:1}.detail-label{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.detail-value{font-size:14px;color:var(--text-color)}.shared-media{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.media-item{aspect-ratio:1/1;border-radius:8px;overflow:hidden;cursor:pointer}.media-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.media-item:hover img{transform:scale(1.05)}.files-list{list-style:none}.file-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;margin-bottom:8px;transition:background-color .2s;cursor:pointer}.file-item:hover{background-color:var(--hover-color)}.file-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background-color:#e3e8ff;color:var(--primary-color)}.file-info{flex:1}.file-name{font-size:14px;color:var(--text-color);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:12px;color:var(--text-secondary);display:flex;gap:8px}@media (max-width:480px){.action-buttons{flex-direction:column;padding:0 20px}.shared-media{grid-template-columns:repeat(2,1fr)}.user-name{font-size:20px}.avatar-container{width:100px;height:100px;bottom:-30px}}