@charset "UTF-8";*{box-sizing:border-box;margin:0;padding:0}*,:after,:before{box-sizing:inherit}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-size:16px}#root,body,html{height:100vh;overflow:hidden;width:100vw}body{background-color:#f8f9fa;color:#212529;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0;padding:0;position:relative}body:before{background:url(/static/media/background.1a43fdd4439063a69751.jpg) no-repeat 50%;background-size:cover;content:"";height:100%;left:0;opacity:.5;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}#root{align-items:center;display:flex;justify-content:center;position:relative}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}::-webkit-scrollbar-thumb{background:#888;border:2px solid #f1f1f1;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}*{scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}h1,h2,h3,h4,h5,h6{color:#212529;font-weight:600;line-height:1.3;margin-bottom:.5em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1em}a{color:#2196f3;text-decoration:none;transition:color .3s ease}a:hover{color:#1976d2}button{border:none;cursor:pointer;font-family:inherit;outline:none}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{font-family:inherit;font-size:inherit}input:focus,select:focus,textarea:focus{outline:none}img{display:block;height:auto;max-width:100%}ol,ul{list-style-position:inside}table{border-collapse:collapse;width:100%}.clearfix:after{clear:both;content:"";display:table}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none!important}.invisible{visibility:hidden}@media (max-width:768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}}@media (max-width:480px){html{font-size:13px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media print{body:before{display:none}.no-print{display:none!important}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid #87ceeb;outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.fade-in{animation:fadeIn .3s ease-in}a,button,input,select,textarea{transition:all .3s cubic-bezier(.4,0,.2,1)}.signup-background{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.animator-container{animation:mapMove 40s linear infinite;background:radial-gradient(circle at 20% 30%,#4caf50 2px,#0000 0),radial-gradient(circle at 40% 60%,#2196f3 2px,#0000 0),radial-gradient(circle at 60% 40%,#ff9800 2px,#0000 0),radial-gradient(circle at 80% 70%,#9c27b0 2px,#0000 0);background-size:100px 100px;height:100%;opacity:.1;position:absolute;width:100%}.moving-truck{background:#e74c3c}.signup-container{align-items:center;display:flex;height:100vh;justify-content:center;padding:20px;position:relative;width:450px;z-index:1}.signup-card{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--card-bg);border-radius:20px;box-shadow:0 20px 40px #0000001a;box-shadow:var(--shadow);max-width:480px;overflow:hidden;padding:10px 20px;position:relative;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.signup-card:hover{box-shadow:0 30px 60px #00000026;transform:translateY(-5px)}.signup-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";left:0;position:absolute;top:0;width:100%}.signup-logo-container{margin-bottom:5px;text-align:center}.signup-logo{border-radius:10px;box-shadow:0 5px 15px #0000001a;display:block;height:auto;margin:0 auto;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:120px}.signup-logo:hover{transform:scale(1.05)}.signup-header{margin-bottom:5px;text-align:center}.signup-header h2{font-size:24px;font-weight:700}.signup-header h2,.signup-header h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;margin-bottom:4px}.signup-header h4{font-size:18px;font-weight:600}.signup-header p{color:#666;font-size:14px}.signup-form{display:flex;flex-direction:column;gap:10px}.signup-form-group{position:relative}.signup-form-group label{color:#444;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.signup-input{background:#fff;border:2px solid #e1e5e9;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.signup-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.signup-input-error{border-color:#ff4757!important;box-shadow:0 0 0 3px #ff47571a!important}.signup-error-message{align-items:center;animation:errorSlide .3s ease-out;color:#ff4757;display:flex;font-size:12px;gap:5px;margin-top:5px}.signup-input[type=email],.signup-input[type=password],.signup-input[type=select],.signup-input[type=text]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff}.signup-input[type=select]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:12px;padding-right:35px}.signup-submit-button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;overflow:hidden;padding:14px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.signup-submit-button:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.signup-submit-button:active{transform:translateY(0)}.signup-submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.signup-submit-button:hover:before{left:100%}.signup-links{align-items:center;font-size:13px;justify-content:center;margin-top:10px}.signup-login-link{color:#666}.signup-login-link span{color:#667eea;cursor:pointer;font-weight:600;margin-left:5px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.signup-login-link span:hover{color:#764ba2;text-decoration:underline}.signup-fullscreen-overlay{animation:overlayFadeIn .3s ease-in;background:linear-gradient(135deg,#1a2980,#26d0ce);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.signup-fullscreen-overlay,.signup-progress-container{align-items:center;display:flex;justify-content:center}.signup-progress-container{flex-direction:column;max-width:500px;width:90%}.signup-status-message{animation:messagePulse 2s ease-in-out infinite;color:#fff;font-size:22px;font-weight:600;margin-bottom:25px;text-align:center;text-shadow:2px 2px 4px #0003}.signup-progress-visual{height:70px;margin-bottom:25px;overflow:hidden;position:relative;width:180px}.signup-progress-truck{animation:truckMove 3s linear infinite;background:#fff;border-radius:6px;height:25px;left:0;position:absolute;width:50px}.signup-progress-road{background:#ffffff4d;border-radius:2px;bottom:0;height:4px;left:0;overflow:hidden;position:absolute;width:100%}.signup-progress-road:before{animation:roadShine 2s linear infinite;background:linear-gradient(90deg,#0000,#fff,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.signup-progress-bar{background:#ffffff4d;border-radius:10px;box-shadow:0 4px 15px #0003;height:8px;margin-bottom:15px;overflow:hidden;width:100%}.signup-progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:10px;box-shadow:0 0 20px #4caf5080;height:100%;transition:width .5s ease-in-out}.signup-progress-percentage{color:#fff;font-size:20px;font-weight:500;text-shadow:1px 1px 3px #0000004d}@keyframes truckMove{0%{left:0}50%{left:calc(100% - 50px)}to{left:0}}@media (max-width:768px){.signup-card{max-width:380px;padding:25px}.signup-logo{width:120px}.signup-header h2{font-size:22px}.signup-input{font-size:13px;padding:11px 13px}.signup-submit-button{font-size:13px;padding:13px}.signup-status-message{font-size:20px}.signup-progress-visual{height:60px;width:150px}}@media (max-width:480px){.signup-card{margin:10px;padding:20px 15px}.signup-container{padding:10px}.signup-logo{width:100px}.signup-header h2{font-size:20px}.signup-header p{font-size:13px}.signup-status-message{font-size:18px}.signup-input{font-size:12px;padding:10px 12px}.signup-submit-button{font-size:12px;padding:12px}}.signup-input::placeholder{color:#999;font-size:13px}.signup-input option{font-size:14px;padding:10px}.signup-links{display:flex;flex-direction:column;gap:.1rem;text-align:center}.signup-link-text{color:#666;font-size:.95rem}.signup-link-action{color:#2196f3;cursor:pointer;font-weight:600;position:relative;text-decoration:none;transition:all .3s ease}.signup-link-action:hover{color:#1976d2;text-decoration:underline}.signup-link-action:active{color:#0d47a1}.signup-link-action:after{background-color:#2196f3;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.signup-link-action:hover:after{width:100%}@media (max-width:480px){.signup-link-text{font-size:.9rem}.signup-links{gap:.5rem}}:root{--secondary-gradient:linear-gradient(135deg,#4caf50,#2196f3)}.login-background{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.animator-login-container{animation:mapMove 40s linear infinite;background:radial-gradient(circle at 20% 30%,#4caf50 2px,#0000 0),radial-gradient(circle at 40% 60%,#2196f3 2px,#0000 0),radial-gradient(circle at 60% 40%,#ff9800 2px,#0000 0),radial-gradient(circle at 80% 70%,#9c27b0 2px,#0000 0);background-size:100px 100px;height:100%;opacity:.1;position:absolute;width:100%}.moving-truck{animation:moveTruck 20s linear infinite;background:#41bb45;border-radius:8px;height:50px;position:absolute;width:120px}.moving-truck:before{background:#e74c3c;border-radius:5px;content:"";height:35px;left:100px;position:absolute;top:7.5px;width:40px}.truck-wheel{animation:spinWheel 1s linear infinite;background:#333;border:4px solid #7f8c8d;border-radius:50%;bottom:-12.5px;height:25px;position:absolute;width:25px}.truck-1{animation-delay:0s;top:20%}.truck-2{animation-delay:5s;background:#3498db;top:40%}.truck-3{animation-delay:10s;background:#f39c12;top:60%}.truck-4{animation-delay:15s;background:#2ecc71;top:80%}.delivery-message{animation:fadeMessage 12s ease-in-out infinite;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border-radius:10px;box-shadow:0 20px 40px #0000001a;box-shadow:var(--shadow);color:#333;font-size:13px;font-weight:500;max-width:180px;padding:12px 18px;position:absolute;text-align:center}.delivery-1{animation-delay:0s;left:10%;top:25%}.delivery-2{animation-delay:4s;right:10%;top:50%}.delivery-3{animation-delay:8s;left:20%;top:75%}@keyframes mapMove{0%{transform:translate(0)}to{transform:translate(-100px,-100px)}}@keyframes moveTruck{0%{left:-150px}to{left:calc(100% + 150px)}}@keyframes spinWheel{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeMessage{0%,to{opacity:0;transform:translateY(20px) scale(.9)}20%,80%{opacity:1;transform:translateY(0) scale(1)}}.login-container{align-items:center;display:flex;height:400px;justify-content:center;padding:30px;position:relative;width:500px;z-index:1}.login-card{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--card-bg);border-radius:20px;box-shadow:0 20px 40px #0000001a;box-shadow:var(--shadow);max-width:480px;overflow:hidden;padding:10px 20px;position:relative;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.login-card:hover{box-shadow:0 30px 60px #00000026;transform:translateY(-5px)}.login-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";left:0;position:absolute;top:0;width:100%}.login-logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:20px;text-align:center}.login-logo{border-radius:10px;box-shadow:0 5px 15px #0000001a;height:auto;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:120px}.login-logo:hover{transform:scale(1.05)}.login-header{margin-bottom:20px;text-align:center}.login-header h2{font-size:24px;font-weight:700}.login-header h2,.login-header h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;margin-bottom:4px}.login-header h4{font-size:18px;font-weight:600}.login-header p{color:#666;font-size:14px;line-height:1.4}.login-form{display:flex;flex-direction:column;gap:15px}.login-form-group{position:relative}.login-form-group label{color:#444;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.login-input{background:#fff;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;padding:12px 45px 12px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.login-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.login-input-error{border-color:#ff4757!important;box-shadow:0 0 0 3px #ff47571a!important}.login-error-message{align-items:center;animation:errorSlide .3s ease-out;color:#ff4757;display:flex;font-size:13px;gap:6px;margin-top:6px}@keyframes errorSlide{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.password-wrapper{position:relative}.password-toggle{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:#667eea}.login-input{padding-right:44px}.login-submit-button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;overflow:hidden;padding:14px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.login-submit-button:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.login-submit-button:active{transform:translateY(0)}.login-submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.login-submit-button:hover:before{left:100%}.login-links{align-items:center;font-size:13px;justify-content:space-between;margin-top:20px}.login-signup-link{color:#666}.login-signup-link a{color:#667eea;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.login-signup-link a:hover{color:#764ba2;text-decoration:underline}.login-reset-link,.login-signup-link{color:#666;cursor:pointer;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.login-reset-link:hover,.login-signup-link:hover{color:#667eea;text-decoration:underline}.login-fullscreen-overlay{animation:overlayFadeIn .3s ease-in;background:linear-gradient(135deg,#1a2980,#26d0ce);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.login-fullscreen-overlay,.login-progress-container{align-items:center;display:flex;justify-content:center}.login-progress-container{flex-direction:column;max-width:500px;width:90%}.login-status-message{animation:loginMessagePulse 2s ease-in-out infinite;color:#fff;font-size:24px;font-weight:600;margin-bottom:25px;text-align:center;text-shadow:2px 2px 4px #0003}.login-progress-visual{height:80px;margin-bottom:30px;overflow:hidden;position:relative;width:200px}.login-progress-truck{animation:loginTruckMove 3s linear infinite;background:#fff;border-radius:6px;height:30px;left:0;position:absolute;width:60px}.login-progress-road{background:#ffffff4d;border-radius:2px;bottom:0;height:4px;left:0;overflow:hidden;position:absolute;width:100%}.login-progress-road:before{animation:roadShine 2s linear infinite;background:linear-gradient(90deg,#0000,#fff,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.login-progress-bar{background:#ffffff4d;border-radius:10px;box-shadow:0 4px 15px #0003;height:8px;margin-bottom:15px;overflow:hidden;width:100%}.login-progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:10px;box-shadow:0 0 20px #4caf5080;height:100%;transition:width .5s ease-in-out}.login-progress-percentage{color:#fff;font-size:22px;font-weight:500;text-shadow:1px 1px 3px #0000004d}@keyframes loginMessagePulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes loginTruckMove{0%{left:0}50%{left:calc(100% - 60px)}to{left:0}}@keyframes roadShine{0%{left:-100%}to{left:100%}}@media (max-width:768px){.login-card{max-width:360px;padding:25px}.login-logo{width:120px}.login-header h2{font-size:22px}.login-input{font-size:15px;padding:12px 45px 12px 14px}.login-submit-button{font-size:15px;padding:14px}.login-links{flex-direction:column;gap:10px;text-align:center}.login-status-message{font-size:20px}.login-progress-visual{height:60px;width:150px}}@media (max-width:480px){.login-card{max-width:320px;padding:20px 15px}.login-logo{width:100px}.login-header h2{font-size:20px}.login-input{font-size:13px;padding:10px 12px}.login-links{flex-direction:column;gap:8px}.login-header p{font-size:14px}.login-status-message{font-size:18px}}.login-links{display:flex;flex-direction:column;text-align:center}.login-link-text{color:#666;font-size:.95rem}.login-link-action{color:#2196f3;cursor:pointer;font-weight:600;position:relative;text-decoration:none;transition:all .3s ease}.login-link-action:hover{color:#1976d2;text-decoration:underline}.login-link-action:active{color:#0d47a1}.login-link-action:after{background-color:#2196f3;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.login-link-action:hover:after{width:100%}@media (max-width:480px){.login-link-text{font-size:.9rem}.login-links{gap:.5rem}}:root{--secondary-gradient:linear-gradient(135deg,#ff416c,#ff4b2b);--success-gradient:linear-gradient(135deg,#00b09b,#96c93d);--shadow:0 25px 50px #00000026}.reset-password-background{background:linear-gradient(135deg,#1a1a2e,#16213e);height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.security-shield{height:300px;opacity:.1;width:300px}.security-shield,.shield-icon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.shield-icon{animation:shieldPulse 3s ease-in-out infinite;color:#fff;font-size:150px}.security-lock{animation:lockFloat 4s ease-in-out infinite;background:#fff;border-radius:10px;height:60px;position:absolute;width:50px}.lock-1{animation-delay:0s;left:20%;top:20%}.lock-2{animation-delay:1s;right:20%;top:60%}.lock-3{animation-delay:2s;right:30%;top:30%}.security-message{animation:securityMessage 10s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:14px;font-weight:500;max-width:200px;padding:15px 25px;position:absolute;text-align:center}.security-msg-1{animation-delay:0s;right:10%;top:20%}.security-msg-2{animation-delay:3s;left:10%;top:70%}.security-msg-3{animation-delay:6s;left:5%;top:40%}@keyframes shieldPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.1)}}@keyframes lockFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes securityMessage{0%,to{opacity:0;transform:translateY(20px) scale(.9)}30%,70%{opacity:1;transform:translateY(0) scale(1)}}.reset-password-overlay{align-items:center;animation:overlayAppear .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:.1rem;z-index:1000}@keyframes overlayAppear{0%{opacity:0}to{opacity:1}}.reset-password-modal{animation:modalSlideUp .4s cubic-bezier(.175,.885,.32,1.275);background:#fffffffa;background:var(--modal-bg);border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px #00000026;box-shadow:var(--shadow);margin:30px;max-width:450px;overflow:hidden;padding:20px;position:relative;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:90%}.reset-password-modal:hover{box-shadow:0 35px 70px #0003;transform:translateY(-5px)}.reset-password-modal:after{content:"";display:block;margin-bottom:15px;text-align:center}.reset-password-modal:before{background:linear-gradient(135deg,#ff416c,#ff4b2b);background:var(--secondary-gradient);content:"";left:0;position:absolute;top:0;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.reset-logo-container{margin-bottom:20px;text-align:center;width:100%}.reset-logo{border-radius:10px;box-shadow:0 5px 15px #0000001a;height:auto;margin:0 auto;width:140px}.modal-header{margin-bottom:30px;text-align:center}.modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff416c,#ff4b2b);background:var(--secondary-gradient);-webkit-background-clip:text;font-size:24px;font-weight:700;margin-bottom:5px}.modal-header p{color:#666;font-size:15px}.reset-password-form{display:flex;flex-direction:column;gap:15px}.modal-form-group{position:relative}.modal-form-group label{color:#444;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.modal-form-group label:after{color:#ff4757;content:" *"}.modal-input{background:#fff;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;padding:12px 45px 12px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.modal-input:focus{border-color:#ff416c;box-shadow:0 0 0 3px #ff416c1a;outline:none}.modal-input-error{border-color:#ff4757!important;box-shadow:0 0 0 3px #ff47571a!important}.modal-error-message{align-items:center;animation:errorShake .3s ease-out;color:#ff4757;display:flex;font-size:13px;gap:6px;margin-top:6px}@keyframes errorShake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.modal-password-toggle{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:16px;top:42px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.modal-password-toggle:hover{color:#ff416c}.modal-password-toggle:disabled{cursor:not-allowed;opacity:.5}.show-password-link{align-items:center;color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;margin-bottom:5px;margin-top:-10px;text-align:start;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.show-password-link:hover{color:#ff416c}.modal-buttons{display:flex;gap:12px;margin-top:5px}.modal-cancel-button,.modal-submit-button{border:none;border-radius:8px;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;overflow:hidden;padding:12px;padding:10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.modal-submit-button{background:linear-gradient(135deg,#ff416c,#ff4b2b);background:var(--secondary-gradient);color:#fff}.modal-submit-button:hover:not(:disabled){box-shadow:0 10px 20px #ff416c4d;transform:translateY(-2px)}.modal-submit-button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.modal-cancel-button{background:#e1e5e9;color:#666}.modal-cancel-button:hover:not(:disabled){background:#d1d5db;box-shadow:0 10px 20px #0000001a;transform:translateY(-2px)}.modal-cancel-button:before,.modal-submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.modal-cancel-button:hover:before,.modal-submit-button:hover:before{left:100%}.reset-fullscreen-overlay{animation:resetFadeIn .3s ease-in;background:linear-gradient(135deg,#0f2027,#203a43 50%,#2c5364);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.reset-fullscreen-overlay,.reset-progress-container{align-items:center;display:flex;justify-content:center}.reset-progress-container{flex-direction:column;max-width:500px;width:90%}.reset-status-message{animation:resetMessageGlow 2s ease-in-out infinite;color:#fff;font-size:24px;font-weight:600;margin-bottom:30px;text-align:center;text-shadow:2px 2px 4px #0000004d}.reset-progress-visual{height:100px;margin-bottom:30px;position:relative;width:200px}.reset-security-animation{animation:securitySpin 3s linear infinite;background:#ffffff1a;border:3px solid #ffffff4d;border-radius:50%;height:80px;position:absolute;width:80px}.reset-progress-ring{animation:ringRotate 2s linear infinite;border:3px solid #0000;border-radius:50%;border-top-color:#4caf50;height:100%;position:absolute;width:100%}.reset-progress-bar{background:#ffffff4d;border-radius:10px;box-shadow:0 4px 15px #0003;height:8px;overflow:hidden;width:100%}.reset-progress-fill{background:linear-gradient(135deg,#00b09b,#96c93d);background:var(--success-gradient);border-radius:10px;box-shadow:0 0 20px #4caf5080;height:100%;transition:width .5s ease-in-out}.reset-progress-percentage{color:#fff;font-size:22px;font-weight:500;margin-top:20px;text-shadow:1px 1px 3px #0000004d}@keyframes resetFadeIn{0%{opacity:0}to{opacity:1}}@keyframes resetMessageGlow{0%,to{opacity:1;text-shadow:0 0 10px #ffffff4d}50%{opacity:.8;text-shadow:0 0 20px #ffffff80}}@keyframes securitySpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ringRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.reset-password-modal{max-width:380px;padding:25px}.reset-logo{width:120px}.modal-header h2{font-size:22px}.modal-input{font-size:15px;padding:12px 45px 12px 14px}.modal-cancel-button,.modal-submit-button{font-size:15px;padding:14px}.reset-status-message{font-size:20px}.reset-progress-visual{height:75px;width:150px}}@media (max-width:480px){.reset-password-modal{max-width:340px;padding:20px 15px}.reset-logo{width:100px}.modal-header h2{font-size:20px}.modal-input{font-size:13px;padding:10px 12px}.modal-header p{font-size:14px}.modal-buttons{flex-direction:column}.reset-status-message{font-size:18px}}.Home{flex-direction:column;height:100vh;overflow:hidden;width:100vw}.Home,.Home .content-wrapper{display:flex;position:relative}.Home .content-wrapper{flex:1 1;height:100%;width:100%}.Home .chat-notification{bottom:20px;cursor:pointer;position:fixed;right:20px;transition:transform .3s ease,box-shadow .3s ease;z-index:999}.Home .chat-notification:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.Home>:not(.navbar):not(.sidebar){margin-top:64px}.Home .component-container{height:calc(100% - 64px);left:72px;overflow:auto;position:fixed;top:64px;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 72px)}body:has(.sidebar.expanded) .Home .component-container{left:220px;width:calc(100% - 220px)}.Home .loading-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.Home .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#87ceeb;height:50px;width:50px}@media (max-width:1024px){.Home>:not(.navbar):not(.sidebar){margin-top:64px}.Home .component-container{height:calc(100% - 64px);top:64px}body:has(.sidebar.expanded) .Home .component-container{left:200px;width:calc(100% - 200px)}}@media (max-width:768px){.Home>:not(.navbar):not(.sidebar){margin-top:56px}.Home .component-container{height:calc(100% - 56px);left:60px;top:56px;width:calc(100% - 60px)}body:has(.sidebar.expanded) .Home .component-container{left:180px;width:calc(100% - 180px)}.Home .chat-notification{bottom:15px;right:15px}}@media (max-width:640px){.Home .chat-notification{bottom:12px;right:12px;transform:scale(.95)}}@media (max-width:480px){.Home>:not(.navbar):not(.sidebar){margin-top:52px}.Home .component-container{height:calc(100% - 52px);left:50px;top:52px;width:calc(100% - 50px)}body:has(.sidebar.expanded) .Home .component-container{left:160px;width:calc(100% - 160px)}.Home .chat-notification{bottom:10px;right:10px;transform:scale(.9)}}.Home{scroll-behavior:smooth}.Home .no-select{-webkit-user-select:none;user-select:none}.Home :focus-visible{outline:2px solid #87ceeb;outline-offset:2px}.Home *{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--danger-gradient:linear-gradient(135deg,#e74c3c,#c0392b);--card-bg:#fffffff2;--shadow:0 20px 40px #0000001a;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.logout-wrapper{position:relative}.logout-wrapper .logout-btn{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);background:var(--danger-gradient);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;height:95%;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.logout-wrapper .logout-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.logout-wrapper .logout-btn:hover:before{left:100%}.logout-wrapper .logout-btn:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#e74c3c);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.logout-wrapper .logout-btn:active:not(:disabled){transform:translateY(0)}.logout-wrapper .logout-icon{font-size:1.1rem;transition:transform .3s ease}.logout-wrapper .logout-btn:hover .logout-icon{transform:translateX(2px)}.logout-wrapper .logout-btn.loading{cursor:not-allowed;opacity:.7}.logout-wrapper .logout-confirm-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.logout-wrapper .logout-confirm-modal{align-items:center;animation:slideIn .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--card-bg);border-radius:20px;box-shadow:0 20px 40px #0000001a;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;max-width:450px;overflow:hidden;padding:32px;position:relative;width:90%}.logout-wrapper .logout-confirm-modal:before{background:linear-gradient(135deg,#e74c3c,#c0392b);background:var(--danger-gradient);content:"";height:5px;left:0;position:absolute;top:0;width:100%}.logout-wrapper .logout-icon-large{align-items:center;animation:pulseIcon 2s ease-in-out infinite;background:linear-gradient(135deg,#e74c3c1a,#c0392b1a);border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:20px;width:80px}.logout-wrapper .logout-icon-large svg{color:#e74c3c;font-size:40px}@keyframes pulseIcon{0%,to{box-shadow:0 0 0 0 #e74c3c66;transform:scale(1)}50%{box-shadow:0 0 0 15px #e74c3c00;transform:scale(1.05)}}.logout-wrapper .logout-confirm-modal h3{color:#2c3e50;font-size:1.8rem;font-weight:700;margin:0 0 12px;text-align:center}.logout-wrapper .logout-confirm-modal p{color:#666;font-size:1rem;line-height:1.6;margin:0 0 28px;text-align:center}.logout-wrapper .logout-confirm-buttons{display:flex;gap:12px;justify-content:center;width:100%}.logout-wrapper .confirm-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.logout-wrapper .confirm-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.logout-wrapper .confirm-btn:hover:before{left:100%}.logout-wrapper .confirm-yes{background:linear-gradient(135deg,#e74c3c,#c0392b);background:var(--danger-gradient);box-shadow:0 4px 12px #e74c3c4d;color:#fff}.logout-wrapper .confirm-yes:hover:not(:disabled){box-shadow:0 6px 16px #e74c3c66;transform:translateY(-2px)}.logout-wrapper .confirm-no{background:#ecf0f1;box-shadow:0 4px 12px #0000001a;color:#2c3e50}.logout-wrapper .confirm-no:hover:not(:disabled){background:#bdc3c7;box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.logout-wrapper .confirm-btn:active:not(:disabled){transform:translateY(0)}.logout-wrapper .confirm-btn:disabled{cursor:not-allowed;opacity:.6}.fullscreen-overlay{animation:overlayFadeIn .4s ease-in;background:linear-gradient(135deg,#e74c3c,#c0392b);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10001!important}.fullscreen-overlay,.progress-container{align-items:center;display:flex;justify-content:center}.progress-container{flex-direction:column;max-width:600px;width:90%}.logout-animation-icon{align-items:center;animation:rotateIcon 2s linear infinite;background:#ffffff1a;border-radius:50%;display:flex;height:120px;justify-content:center;margin-bottom:30px;width:120px}.logout-animation-icon svg{color:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:60px}@keyframes rotateIcon{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-message-fullscreen{animation:messagePulse 2s ease-in-out infinite;color:#fff;font-size:32px;font-weight:600;margin-bottom:40px;text-align:center;text-shadow:2px 2px 8px #0000004d}@keyframes messagePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.progress-bar-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff3;border-radius:12px;box-shadow:0 4px 15px #0000004d;height:14px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#4caf50,#8bc34a 50%,#cddc39);border-radius:12px;box-shadow:0 0 20px #4caf5099;height:100%;overflow:hidden;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-bar-fill:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.progress-percentage{animation:numberPulse 1s ease-in-out infinite;color:#fff;font-size:28px;font-weight:600;margin-top:24px;text-shadow:2px 2px 6px #0000004d}@keyframes numberPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.progress-container{width:90%}.logout-animation-icon{height:100px;margin-bottom:25px;width:100px}.logout-animation-icon svg{font-size:50px}.status-message-fullscreen{font-size:24px;margin-bottom:30px}.progress-bar-container{height:12px}.progress-percentage{font-size:24px;margin-top:20px}.logout-wrapper .logout-confirm-modal{padding:24px}.logout-wrapper .logout-icon-large{height:70px;width:70px}.logout-wrapper .logout-icon-large svg{font-size:35px}}@media (max-width:600px){.logout-wrapper .logout-btn{padding:8px 16px}.logout-wrapper .logout-btn span{display:none}.logout-wrapper .logout-confirm-modal{padding:24px 20px;width:85%}.logout-wrapper .logout-confirm-modal h3{font-size:1.5rem}.logout-wrapper .logout-confirm-modal p{font-size:.95rem}.logout-wrapper .confirm-btn{font-size:.9rem;padding:12px 20px}.logout-wrapper .logout-confirm-buttons{flex-direction:column;gap:10px}}@media (max-width:480px){.status-message-fullscreen{font-size:20px;margin-bottom:25px}.progress-bar-container{height:10px}.progress-percentage{font-size:20px;margin-top:15px}.logout-animation-icon{height:80px;margin-bottom:20px;width:80px}.logout-animation-icon svg{font-size:40px}}@media (prefers-color-scheme:dark){.logout-wrapper .logout-confirm-modal{background:#2c3e50fa}.logout-wrapper .logout-confirm-modal h3{color:#ecf0f1}.logout-wrapper .logout-confirm-modal p{color:#bdc3c7}.logout-wrapper .confirm-no{background:#34495e;color:#ecf0f1}.logout-wrapper .confirm-no:hover:not(:disabled){background:#2c3e50}.logout-wrapper .logout-icon-large{background:linear-gradient(135deg,#e74c3c33,#c0392b33)}}body.modal-open{overflow:hidden}:root{--modal-bg:#fffffffa;--modal-shadow:0 25px 50px -12px #00000040;--modal-radius:20px;--modal-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--info-color:#3b82f6;--info-light:#dbeafe;--info-dark:#1d4ed8;--success-color:#10b981;--success-light:#d1fae5;--success-dark:#047857;--warning-color:#f59e0b;--warning-light:#fef3c7;--warning-dark:#b45309;--error-color:#ef4444;--error-light:#fee2e2;--error-dark:#b91c1c}.alert-modal-overlay{align-items:center;animation:modal-overlay-fade .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:99999}.alert-modal-content{animation:modal-slide-up .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;background:var(--modal-bg);border:1px solid #fff3;border-radius:20px;border-radius:var(--modal-radius);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--modal-shadow);max-width:420px;overflow:hidden;position:relative;width:100%}.alert-modal-content:before{background:linear-gradient(90deg,#3b82f6,#10b981 33%,#f59e0b 66%,#ef4444);background:linear-gradient(90deg,var(--info-color) 0,var(--success-color) 33%,var(--warning-color) 66%,var(--error-color) 100%);content:"";height:4px;left:0;opacity:.1;position:absolute;right:0;top:0}@keyframes modal-overlay-fade{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.alert-modal-header{align-items:center;display:flex;gap:16px;overflow:hidden;padding:28px 32px 20px;position:relative}.alert-modal-header:after{background:linear-gradient(90deg,#0000,#0000001a 50%,#0000);bottom:0;content:"";height:1px;left:32px;position:absolute;right:32px}.alert-modal-header.info{background:linear-gradient(135deg,#dbeafe,#ffffffe6);background:linear-gradient(135deg,var(--info-light) 0,#ffffffe6 100%)}.alert-modal-header.success{background:linear-gradient(135deg,#d1fae5,#ffffffe6);background:linear-gradient(135deg,var(--success-light) 0,#ffffffe6 100%)}.alert-modal-header.warning{background:linear-gradient(135deg,#fef3c7,#ffffffe6);background:linear-gradient(135deg,var(--warning-light) 0,#ffffffe6 100%)}.alert-modal-header.error{background:linear-gradient(135deg,#fee2e2,#ffffffe6);background:linear-gradient(135deg,var(--error-light) 0,#ffffffe6 100%)}.alert-modal-icon-container{align-items:center;border-radius:50%;box-shadow:0 8px 20px #0000001a;display:flex;height:60px;justify-content:center;min-width:60px;overflow:hidden;position:relative;width:60px}.alert-modal-header.info .alert-modal-icon-container{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--info-color),var(--info-dark));box-shadow:0 8px 20px #3b82f64d}.alert-modal-header.success .alert-modal-icon-container{background:linear-gradient(135deg,#10b981,#047857);background:linear-gradient(135deg,var(--success-color),var(--success-dark));box-shadow:0 8px 20px #10b9814d}.alert-modal-header.warning .alert-modal-icon-container{background:linear-gradient(135deg,#f59e0b,#b45309);background:linear-gradient(135deg,var(--warning-color),var(--warning-dark));box-shadow:0 8px 20px #f59e0b4d}.alert-modal-header.error .alert-modal-icon-container{background:linear-gradient(135deg,#ef4444,#b91c1c);background:linear-gradient(135deg,var(--error-color),var(--error-dark));box-shadow:0 8px 20px #ef44444d}.alert-modal-icon-container:before{background:radial-gradient(circle at 30% 30%,#ffffff4d 0,#0000 70%);border-radius:50%;content:"";height:100%;position:absolute;width:100%}.alert-modal-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:28px;z-index:1}.alert-modal-title-container{flex:1 1}.alert-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1d4ed8,#047857 33%,#b45309 66%,#b91c1c);background:linear-gradient(135deg,var(--info-dark) 0,var(--success-dark) 33%,var(--warning-dark) 66%,var(--error-dark) 100%);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700;line-height:1.3;margin:0}.alert-modal-header.info .alert-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1d4ed8,#3b82f6);background:linear-gradient(135deg,var(--info-dark),var(--info-color));-webkit-background-clip:text}.alert-modal-header.success .alert-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#047857,#10b981);background:linear-gradient(135deg,var(--success-dark),var(--success-color));-webkit-background-clip:text}.alert-modal-header.warning .alert-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#b45309,#f59e0b);background:linear-gradient(135deg,var(--warning-dark),var(--warning-color));-webkit-background-clip:text}.alert-modal-header.error .alert-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#b91c1c,#ef4444);background:linear-gradient(135deg,var(--error-dark),var(--error-color));-webkit-background-clip:text}.alert-modal-subtitle{color:#0009;font-size:14px;font-weight:500;margin:4px 0 0}.alert-modal-body{padding:28px 32px}.alert-modal-message{color:#374151;font-size:16px;font-weight:500;line-height:1.6;margin:0;text-align:center}.alert-modal-message:before{left:32px;top:20px}.alert-modal-message:after,.alert-modal-message:before{color:#0000001a;content:'"';font-family:serif;font-size:32px;font-weight:700;position:absolute}.alert-modal-message:after{bottom:20px;right:32px}.alert-modal-footer{display:flex;gap:12px;justify-content:center;padding:20px 32px 28px;position:relative}.alert-modal-footer:before{background:linear-gradient(90deg,#0000,#0000001a 50%,#0000);content:"";height:1px;left:32px;position:absolute;right:32px;top:0}.alert-modal-button{border:none;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.5px;min-width:120px;outline:none;overflow:hidden;padding:14px 32px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--modal-transition)}.alert-modal-button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.alert-modal-button:hover:before{left:100%}.alert-modal-button.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--info-color),var(--info-dark));box-shadow:0 6px 20px #3b82f64d;color:#fff}.alert-modal-button.primary:hover{box-shadow:0 10px 25px #3b82f666;transform:translateY(-2px)}.alert-modal-button.primary:active{transform:translateY(0)}.alert-modal-button.secondary{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);box-shadow:0 4px 12px #0000000d;color:#374151}.alert-modal-button.secondary:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.alert-modal-button.secondary:active{transform:translateY(0)}.alert-modal-footer.single-button{justify-content:center}.alert-modal-footer.dual-buttons{justify-content:space-between}@media (max-width:768px){.alert-modal-content{max-width:380px}.alert-modal-header{padding:24px 28px 18px}.alert-modal-icon-container{height:54px;min-width:54px;width:54px}.alert-modal-icon{font-size:24px}.alert-modal-title{font-size:20px}.alert-modal-body{padding:24px 28px}.alert-modal-message{font-size:15px}.alert-modal-footer{padding:18px 28px 24px}.alert-modal-button{min-width:110px;padding:12px 28px}}@media (max-width:480px){.alert-modal-overlay{padding:16px}.alert-modal-content{border-radius:18px;max-width:100%}.alert-modal-header{flex-direction:column;gap:12px;padding:20px 24px 16px;text-align:center}.alert-modal-icon-container{height:48px;min-width:48px;width:48px}.alert-modal-icon{font-size:22px}.alert-modal-title{font-size:18px}.alert-modal-subtitle{font-size:13px}.alert-modal-body{padding:20px 24px}.alert-modal-message{font-size:14px;padding:0 8px}.alert-modal-message:before{font-size:28px;left:16px}.alert-modal-message:after{font-size:28px;right:16px}.alert-modal-footer{flex-direction:column;gap:10px;padding:16px 24px 20px}.alert-modal-button{min-width:0;padding:14px 24px;width:100%}}@media (prefers-color-scheme:dark){.alert-modal-content{background:#1e293bf2;border-color:#ffffff1a}.alert-modal-header.info{background:linear-gradient(135deg,#3b82f633,#1e293be6)}.alert-modal-header.success{background:linear-gradient(135deg,#10b98133,#1e293be6)}.alert-modal-header.warning{background:linear-gradient(135deg,#f59e0b33,#1e293be6)}.alert-modal-header.error{background:linear-gradient(135deg,#ef444433,#1e293be6)}.alert-modal-header:after{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000)}.alert-modal-subtitle{color:#fff9}.alert-modal-message{color:#e2e8f0}.alert-modal-message:after,.alert-modal-message:before{color:#ffffff1a}.alert-modal-footer:before{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000)}.alert-modal-button.secondary{background:linear-gradient(135deg,#475569,#334155);box-shadow:0 4px 12px #0000004d;color:#e2e8f0}.alert-modal-button.secondary:hover{background:linear-gradient(135deg,#334155,#1e293b)}}@media (prefers-contrast:high){.alert-modal-content{border:2px solid}.alert-modal-footer:before,.alert-modal-header:after{height:2px}.alert-modal-button{border:2px solid #0000}}@media (prefers-reduced-motion:reduce){.alert-modal-button,.alert-modal-content,.alert-modal-overlay{animation:none;transition:none}}.alert-modal-button:focus-visible{outline:3px solid #3b82f6;outline:3px solid var(--info-color);outline-offset:2px}.alert-modal-button.secondary:focus-visible{outline-color:#374151}@media print{.alert-modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;position:static}.alert-modal-content{border:1px solid #ccc;box-shadow:none}.alert-modal-button{display:none}}.navbar{align-items:center;background:linear-gradient(90deg,#1a1a1a,#333);box-shadow:0 2px 10px #0000001a;display:flex;height:64px;justify-content:space-between;left:0;padding:.8rem 1rem;position:fixed;right:0;top:0;transition:padding .3s ease;width:100%;z-index:100}.navbar .navbar-left,.navbar .navbar-right{align-items:center;display:flex;gap:12px}.navbar .logo{border:2px solid #fff;border-radius:18px;height:32px;margin-right:2px;transition:transform .3s ease}.navbar .logo:hover{border:3px solid #87ceeb;transform:scale(1.25)}.navbar .route-name-container{flex-grow:1;margin-left:22rem;text-align:center}.navbar .Username-display{font-size:1rem;font-weight:500}.navbar .Username-display,.navbar .route-name{color:#fff;text-transform:capitalize;white-space:nowrap}.navbar .route-name{font-size:1.2rem;font-weight:600;transition:font-size .3s ease}.navbar .nav-buttons-right{align-items:center;display:flex;gap:12px}.navbar .search-bar-container{align-items:center;display:flex;gap:8px;position:relative}.navbar .search-icon{color:#bbb;cursor:pointer;font-size:1.1rem;transition:color .3s ease,transform .3s ease}.navbar .search-icon:hover{color:#87ceeb;transform:scale(1.15)}.navbar .search-bar{background:#2a2a2a;border:1px solid #555;border-radius:6px;color:#fff;font-size:.9rem;height:36px;outline:none;padding:.5rem 1rem;transition:all .3s ease;width:200px}.navbar .search-bar::placeholder{color:#888;font-size:.85rem}.navbar .search-bar:focus{background:#1a1a1a;border-color:#87ceeb;box-shadow:0 0 8px #87ceeb4d;width:220px}.navbar .manage-users-button{background:#0000;border:none;cursor:pointer;padding:0}.navbar .manage-users-icon{color:#fff;cursor:pointer;font-size:1.5rem;transition:color .3s ease,transform .3s ease}.navbar .manage-users-icon:hover{color:#87ceeb;transform:scale(1.1)}.navbar .user-profile{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:.5rem;transition:background .3s ease}.navbar .user-profile:hover{background:#87ceeb26}.navbar .menu-toggle{align-items:center;display:flex;gap:8px}.navbar .profile-icon{color:#fff;font-size:1.5rem;transition:color .3s ease}.navbar .user-profile:hover .profile-icon{color:#87ceeb}.navbar .profile-container{align-items:center;display:flex;gap:8px}.navbar .profile-info{display:flex;flex-direction:column}.navbar .profile-name{color:#fff;font-size:.9rem;font-weight:500;white-space:nowrap}.nav-buttons-right .chat-icon-wrapper{align-items:center;display:inline-flex;margin:0 5px;position:relative}.nav-buttons-right .chat-icon{color:#fff;cursor:pointer;font-size:1.5rem;transition:color .3s ease,transform .3s ease}.nav-buttons-right .chat-icon:hover{color:#87ceeb;transform:scale(1.1)}.nav-buttons-right .chat-notification-badge{align-items:center;animation:pulse 2s infinite;background-color:#2196f3;border:2px solid #1a1a1a;border-radius:50%;box-shadow:0 2px 4px #0000004d;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-8px;top:-4px;z-index:10}@media (max-width:1200px){.navbar .search-bar{width:180px}.navbar .search-bar:focus{width:200px}}@media (max-width:1024px){.navbar{padding:.6rem .8rem}.navbar .route-name{font-size:1.2rem}.navbar .search-bar{width:160px}.navbar .search-bar:focus{width:180px}}@media (max-width:768px){.navbar{height:56px;padding:.6rem}.navbar .nav-buttons-right{gap:8px}.navbar .route-name{font-size:.9rem}.navbar .search-bar-container{margin-left:0}.navbar .search-bar{font-size:.75rem;height:32px;padding:.4rem .8rem;width:100px}.navbar .search-bar:focus{width:160px}.navbar .search-bar::placeholder{font-size:.8rem}.navbar .search-icon{font-size:1rem}.nav-buttons-right .chat-icon,.navbar .manage-users-icon,.navbar .profile-icon{font-size:1.3rem}}@media (max-width:640px){.navbar .route-name{font-size:.85rem}.navbar .search-bar{width:100px}.navbar .search-bar:focus{width:110px}.navbar .nav-buttons-right{gap:6px}}@media (max-width:480px){.navbar{height:52px;padding:.5rem}.navbar .route-name{font-size:.8rem}.navbar .search-bar{height:30px;width:75px}.navbar .search-bar:focus{width:85px}.nav-buttons-right .chat-icon,.navbar .manage-users-icon,.navbar .profile-icon{font-size:1.2rem}}.navbar *{transition-timing-function:cubic-bezier(.4,0,.2,1)}.notifications{position:relative}.notifications .notification-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;margin-top:7px;position:relative}.notifications .notification-icon{font-size:1.5rem;transition:transform .3s ease}.notifications .notification-button.new-notification .notification-icon{animation:pulse 1s infinite;color:#fff}.notifications .notification-button:hover .notification-icon{color:#fff;transform:scale(1.2)}.notifications .new-notification-badge{background-color:red;border:2px solid #fff;border-radius:50%;height:10px;position:absolute;right:-5px;top:-5px;width:10px}.notifications .notification-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #00000080;box-sizing:border-box;max-height:500px;overflow-y:auto;padding:12px;position:absolute;right:0;top:100%;width:400px;z-index:1000}.notifications .notification-dropdown::-webkit-scrollbar{width:8px}.notifications .notification-dropdown::-webkit-scrollbar-track{background:#0000;border-radius:12px}.notifications .notification-dropdown::-webkit-scrollbar-thumb{background:#ccc;border-radius:12px;-webkit-transition:background .3s;transition:background .3s}.notifications .notification-dropdown::-webkit-scrollbar-thumb:hover{background:#999}.notifications .notification-dropdown::-webkit-scrollbar-corner{background:#0000}.notifications .notification-dropdown{scrollbar-color:#ccc #0000;scrollbar-width:thin}.notifications .notification-card{align-items:center;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:12px;padding:12px;transition:transform .3s ease}.notifications .notification-card:hover{box-shadow:0 4px 12px #0003;transform:scale(1.05);z-index:1}.notifications .notification-card p{color:#333;flex:1 1;font-size:.9rem;margin:0 10px 0 0}.notifications .notification-content{align-items:center;display:flex;gap:16px}.notifications .highlight-yellow{background-color:#fff9c4}.notifications .warning-icon{color:#ff4500;display:inline-block;font-size:1.5rem;margin-right:5px;text-shadow:1px 1px 5px #000;transform:rotate(7deg)}.driver-notification-card{align-items:center;background:#f8f9fa;border-left:4px solid #2196f3;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:5px;padding:12px 16px;transition:all .2s ease}.driver-notification-card:hover{background:#f1f3f5;transform:translateY(-1px)}.route-info{align-items:start;display:flex;flex:1 1;gap:8px}.from,.to{color:#333;font-weight:500}.from{min-width:100px;text-align:right}.to{min-width:120px;text-align:left}.arrow{color:#666;font-weight:700;padding:0 4px}.start-button{background:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:4px 12px;transition:all .2s ease}.start-button:hover{background:#3a7bc8;box-shadow:0 2px 4px #0000001a}.no-notifications{color:#666;padding:16px;text-align:center}.status-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.status-button.open{background-color:#4a90e2}.status-button.loading{background-color:#f39c12}.status-button.unloading{background-color:#e74c3c}.status-button.complete{background-color:#2ecc71;cursor:default}.status-button.loading-state{background-color:#95a5a6;cursor:wait}.spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:12px;margin-right:6px;width:12px}.sidebar{background:linear-gradient(90deg,#333,#1a1a1a);box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;flex-direction:column;height:100%;left:0;overflow-y:hidden;position:fixed;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:101}.sidebar.collapsed{width:72px}.sidebar.expanded{width:250px}.sidebar-header{align-items:center;display:flex;justify-content:center;margin-bottom:1px;min-height:72px;padding:18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.logo-container{align-items:center;display:flex;gap:12px}.app-name{font-size:18px;font-weight:600;opacity:1;transition:opacity .2s ease .1s,visibility 0s linear 0s;white-space:nowrap}.sidebar.collapsed .app-name{opacity:0;transition:opacity .15s ease,visibility 0s linear .15s;visibility:hidden}.sidebar .sidebar-menu{display:flex;flex:1 1;flex-direction:column;gap:4px;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;scrollbar-color:#bbb #2a2a2a;scrollbar-width:thin}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-track{background:#2a2a2a}.sidebar-menu::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#777}.sidebar .sidebar-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;position:relative;will-change:transform,background-color}.sidebar .sidebar-item,.sidebar.collapsed .sidebar-item{margin:0 8px;transition:all .25s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed .sidebar-item{justify-content:center;padding:12px}.sidebar .sidebar-item:hover{background-color:#add8e633;transform:translateX(2px)}.sidebar.collapsed .sidebar-item:hover{transform:translateX(0) scale(1.05)}.sidebar .sidebar-item.active{background-color:#add8e64d;border-left:3px solid #87ceeb;color:#fff}.sidebar.collapsed .sidebar-item.active{background-color:#add8e64d;border:2px solid #87ceeb;border-radius:8px}.sidebar .icon{align-items:center;color:#bbb;display:flex;font-size:20px;height:24px;justify-content:center;max-width:24px;min-width:24px;transition:color .2s ease,transform .2s ease;will-change:color,transform}.sidebar.collapsed .icon{font-size:22px}.sidebar .sidebar-item.active .icon{color:#87ceeb;transform:scale(1.1)}.sidebar .sidebar-item:hover .icon{color:#87ceeb}.sidebar.collapsed .sidebar-item span{opacity:0;position:absolute;transform:translateX(-10px);transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s;visibility:hidden}.sidebar .sidebar-item span{font-size:15px;font-weight:600;opacity:1;transform:translateX(0);transition:opacity .25s cubic-bezier(.4,0,.2,1) .1s,transform .25s cubic-bezier(.4,0,.2,1) .1s,visibility 0s linear 0s;white-space:nowrap;will-change:opacity,transform}.sidebar.expanded .sidebar-item span{color:#fff;opacity:1;transform:translateX(0);transition-delay:.1s;visibility:visible}.sidebar .sidebar-item:hover span{color:#87ceeb}.sidebar .sidebar-item.active span{color:#87ceeb;font-size:15px;font-weight:600}.sidebar-footer{background-color:#1a1a1a;border-radius:8px;border-top:1px solid #2a2a2a;display:flex;flex-direction:column;margin-top:auto;padding:7px;transition:background-color .25s ease}.sidebar .sidebar-footer:hover{background-color:#add8e640;border-left:5px solid #87ceeb;color:#fff}.sidebar .user-profile{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;justify-content:start;padding:8px;transition:background-color .2s ease;will-change:background-color}.sidebar .user-profile:hover .profile-icon,.sidebar .user-profile:hover .profile-info-expanded,.sidebar .user-profile:hover .profile-name{color:#87ceeb}.profile-icon{color:#bbb;font-size:24px;transition:color .2s ease;will-change:color}.profile-info-expanded{display:flex;flex-direction:column;opacity:1;transform:translateX(0);transition:opacity .25s cubic-bezier(.4,0,.2,1) .1s,transform .25s cubic-bezier(.4,0,.2,1) .1s,visibility 0s linear 0s;white-space:nowrap;will-change:opacity,transform}.sidebar.collapsed .user-profile .profile-info-expanded{opacity:0;transform:translateX(-10px);transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s;visibility:hidden}.sidebar .profile-name{color:#fff;font-size:14px;font-weight:600}.logo-image,.logo-image-small{border:2px solid #fff;border-radius:60%;border-radius:18px;height:36px;object-fit:cover;transition:transform .3s ease;width:36px}.logo-image-small:hover,.logo-image:hover{border:3px solid #87ceeb;transform:scale(1.15)}@media (max-width:1200px){.sidebar.expanded{width:220px}}@media (max-width:1024px){.sidebar.expanded{width:200px}.sidebar .icon{font-size:18px}.sidebar.collapsed .icon{font-size:20px}}@media (max-width:768px){.sidebar.collapsed{width:60px}.sidebar.expanded{width:180px}.sidebar .icon{font-size:16px}.sidebar.collapsed .icon{font-size:18px}.sidebar .sidebar-item span{font-size:13px}.sidebar .sidebar-item{padding:10px 12px}.sidebar.collapsed .sidebar-item{padding:10px}.sidebar-header{min-height:60px;padding:12px}.logo-image,.logo-image-small{height:32px;width:32px}}@media (max-width:480px){.sidebar.collapsed{width:50px}.sidebar.expanded{width:160px}.sidebar .icon{font-size:14px}.sidebar.collapsed .icon{font-size:16px}}.sidebar,.sidebar-menu{overflow-x:hidden}.sidebar .sidebar-item:focus{outline:2px solid #87ceeb;outline-offset:-2px}.sidebar *{transition-timing-function:cubic-bezier(.4,0,.2,1)}.add-truck-details-container{background-color:#f5f5f5;box-sizing:border-box;height:calc(100% - 64px);left:72px;overflow-x:hidden;overflow-y:auto;padding:2rem;position:fixed;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 72px)}body:has(.sidebar.expanded) .add-truck-details-container{left:220px;width:calc(100% - 220px)}.add-truck-details-container::-webkit-scrollbar{height:10px;width:10px}.add-truck-details-container::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}.add-truck-details-container::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}.add-truck-details-container::-webkit-scrollbar-thumb:hover{background-color:#999}.add-truck-details-container .spinner-container{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:100px;width:100%}.add-truck-details-container .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}.add-truck-details-container .modal-spinner-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fffc;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.add-truck-details-container .TripInfo{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#333;display:flex;flex-wrap:nowrap;font-size:1rem;gap:.5rem;justify-content:flex-end;margin-bottom:1rem;min-height:1rem;padding:.75rem}.add-truck-details-container .TripStatusLine{color:#000;font-size:larger;font-weight:700;margin-right:auto}.add-truck-details-container .TripID{color:#333;font-weight:700;white-space:nowrap}.add-truck-details-container .TripIDVal{background:#fff;border:2px solid #4caf50;border-radius:.5rem;box-shadow:0 0 5px #4caf50e6;color:#333;display:inline-block;font-weight:600;padding:.4rem 1rem;white-space:nowrap}.add-truck-details-container .form-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:1400px;padding:2rem;transition:box-shadow .3s ease;width:100%}.add-truck-details-container .form-container:hover{box-shadow:0 4px 12px #00000026}.add-truck-details-container .add-truck-details-title{border-bottom:2px solid #f0f0f0;color:#333;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:1rem}.add-truck-details-container .image-upload-section{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.add-truck-details-container .image-upload-item,.add-truck-details-container .image-upload-label{align-items:center;display:flex;flex-direction:column}.add-truck-details-container .image-upload-label{background:linear-gradient(135deg,#0077b6,#005b8f);border-radius:8px;box-shadow:0 2px 4px #0077b64d;color:#fff;cursor:pointer;font-size:.75rem;justify-content:center;min-width:120px;padding:1rem 1.5rem;text-align:center;transition:all .3s ease}.add-truck-details-container .image-upload-label:hover{background:linear-gradient(135deg,#005b8f,#004a75);box-shadow:0 4px 12px #0077b666;transform:translateY(-2px)}.add-truck-details-container .image-upload-label:active{transform:translateY(0)}.add-truck-details-container .image-upload-icon{font-size:1.5rem;margin-bottom:.5rem}.add-truck-details-container .image-upload-input{display:none}.add-truck-details-container .add-truck-details-form{grid-gap:1.5rem;display:grid;grid-template-columns:repeat(3,1fr);width:100%}.add-truck-details-container .form-group{display:flex;flex-direction:column;gap:.5rem;position:relative}.add-truck-details-container .form-group label{color:#333;font-size:.95rem;font-weight:600}.add-truck-details-container .form-group input,.add-truck-details-container .form-group select{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.add-truck-details-container .form-group input:focus,.add-truck-details-container .form-group select:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.add-truck-details-container .TVdropdown{background:#fff;border:2px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;list-style:none;margin-top:4px;max-height:200px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;width:100%!important;z-index:1000}.add-truck-details-container .TVdropdown li{border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;font-size:.9rem;padding:10px 12px;transition:background-color .2s ease}.add-truck-details-container .TVdropdown li:hover{background-color:#f0f7ff;color:#0077b6}.add-truck-details-container .TVdropdown li:last-child{border-bottom:none}.add-truck-details-container .submit-button{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:6px;box-shadow:0 2px 4px #2196f34d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;grid-column:1/4;justify-self:center;margin-top:1rem;padding:.85rem 3rem;transition:all .3s ease}.add-truck-details-container .submit-button:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.add-truck-details-container .submit-button:active{transform:translateY(0)}.add-truck-details-container .delete-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.add-truck-details-container .delete-modal{animation:scaleIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:90%;padding:2rem;text-align:center;width:450px}.add-truck-details-container .delete-modal-icon{color:#f44336;font-size:3rem;margin-bottom:1rem}.add-truck-details-container .delete-modal h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.add-truck-details-container .delete-modal p{color:#555;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.add-truck-details-container .delete-modal-buttons{display:flex;gap:1rem;justify-content:center}.add-truck-details-container .cancel-btn{background-color:#f8f9fa;border:2px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.add-truck-details-container .cancel-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.add-truck-details-container .confirm-delete-btn{background-color:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.add-truck-details-container .confirm-delete-btn:hover{background-color:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}.add-truck-details-container .confirm-delete-btn:active{transform:translateY(0)}@media (max-width:1200px){.add-truck-details-container{padding:.5rem}.add-truck-details-container .add-truck-details-form{grid-gap:1.25rem}}@media (max-width:1024px){body:has(.sidebar.expanded) .add-truck-details-container{left:200px;width:calc(100% - 200px)}.add-truck-details-container{padding:1rem}.add-truck-details-container .form-container{padding:1.5rem}.add-truck-details-container .add-truck-details-form{grid-gap:1.25rem;grid-template-columns:repeat(2,1fr)}.add-truck-details-container .submit-button{grid-column:1/3}}@media (max-width:768px){.add-truck-details-container{height:calc(100% - 56px);left:60px;padding:1rem;width:calc(100% - 60px)}body:has(.sidebar.expanded) .add-truck-details-container{left:180px;width:calc(100% - 180px)}.add-truck-details-container .form-container{padding:1rem}.add-truck-details-container .add-truck-details-title{font-size:1.5rem;margin-bottom:1rem}.add-truck-details-container .add-truck-details-form{grid-gap:1rem;grid-template-columns:1fr}.add-truck-details-container .submit-button{grid-column:1;padding:.75rem;width:100%}.add-truck-details-container .image-upload-section{align-items:center;flex-direction:column}.add-truck-details-container .TripInfo{flex-wrap:wrap;font-size:.9rem;gap:.5rem;justify-content:center;padding:.75rem}}@media (max-width:640px){.add-truck-details-container,.add-truck-details-container .form-container{padding:.75rem}.add-truck-details-container .add-truck-details-title{font-size:1.3rem}.add-truck-details-container .form-group label{font-size:.9rem}.add-truck-details-container .form-group input,.add-truck-details-container .form-group select{font-size:.9rem;padding:.6rem .75rem}}@media (max-width:480px){.add-truck-details-container{height:calc(100% - 52px);left:50px;padding:.5rem;width:calc(100% - 50px)}body:has(.sidebar.expanded) .add-truck-details-container{left:160px;width:calc(100% - 160px)}.add-truck-details-container .form-container{padding:.75rem}.add-truck-details-container .image-upload-label{font-size:.7rem;min-width:100px;padding:.75rem 1rem}.add-truck-details-container .image-upload-icon{font-size:1.2rem}.add-truck-details-container .TripIDVal{font-size:.9rem;padding:.3rem .6rem}}.add-truck-details-container *{transition-timing-function:cubic-bezier(.4,0,.2,1)}.todayList-container{background-color:#f5f5f5;box-sizing:border-box;height:calc(100% - 64px);left:72px;overflow-x:hidden;overflow-y:auto;padding:2rem;position:fixed;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 72px)}body:has(.sidebar.expanded) .todayList-container{left:220px;width:calc(100% - 220px)}.todayList-container::-webkit-scrollbar{height:10px;width:10px}.todayList-container::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}.todayList-container::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}.todayList-container::-webkit-scrollbar-thumb:hover{background-color:#999}.todayList-container .container{margin:0 auto;max-width:1400px;width:100%}.todayList-container .table-box{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem;transition:box-shadow .3s ease}.todayList-container .table-box:hover{box-shadow:0 4px 12px #00000026}.todayList-container .date-header{background-color:initial;border-bottom:3px solid #0077b6;color:#333;font-size:1.5rem;font-weight:600;margin:2rem 0 1rem;padding:1rem 0;white-space:nowrap;width:100%}.todayList-container .table-responsive{overflow-x:auto;overflow-y:visible;scrollbar-color:#ccc #f5f5f5;scrollbar-width:thin;width:100%}.todayList-container .table-responsive::-webkit-scrollbar{height:10px;width:10px}.todayList-container .table-responsive::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}.todayList-container .table-responsive::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}.todayList-container .table-responsive::-webkit-scrollbar-thumb:hover{background-color:#999}.todayList-container table{border:1px solid #e0e0e0;border-collapse:initial;border-radius:8px;border-spacing:0;font-family:Arial,sans-serif;font-size:14px;overflow:hidden;white-space:nowrap;width:100%}.todayList-container thead th{background:linear-gradient(180deg,#f8f8f8,#f0f0f0);border-bottom:2px solid #ccc;box-shadow:0 2px 4px #0000001a;color:#333;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px;position:-webkit-sticky;position:sticky;text-align:center!important;text-transform:uppercase;top:0;z-index:20}.todayList-container td,.todayList-container th{background-color:#fff;border:1px solid #e0e0e0;color:#333;padding:12px;position:relative;text-align:center!important}.todayList-container tbody tr{background-color:#fff;transition:background-color .2s ease}.todayList-container tbody tr:nth-child(2n){background-color:#fafafa}.todayList-container tbody tr:hover{background-color:#f0f7ff}.todayList-container .trip-id{border-radius:4px;color:#000;cursor:pointer;font-weight:500;padding:4px 8px;transition:all .3s ease}.todayList-container .trip-id:hover{background-color:#0077b61a;color:#005b8f;font-weight:600;transform:translateY(-1px)}.todayList-container .editInput{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:4px;font-size:14px;padding:6px 8px;transition:all .3s ease;width:100%}.todayList-container .editInput:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.todayList-container .download-link-btn,.todayList-container .edit-btn,.todayList-container .save-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;margin:0 2px;padding:6px 12px;transition:all .3s ease}.todayList-container .edit-btn{background-color:#2196f3;color:#fff}.todayList-container .save-btn{background-color:#4caf50;color:#fff}.todayList-container .download-link-btn{background-color:#2196f3;color:#fff;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todayList-container .edit-btn:hover{background-color:#1976d2;box-shadow:0 4px 8px #2196f34d;transform:translateY(-2px)}.todayList-container .save-btn:hover{background-color:#388e3c;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}.todayList-container .download-link-btn:hover{background-color:#1976d2;box-shadow:0 4px 8px #2196f34d;transform:translateY(-2px)}.todayList-container .download-link-btn:active,.todayList-container .edit-btn:active,.todayList-container .save-btn:active{transform:translateY(0)}.todayList-container .download-btn{background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:6px;box-shadow:0 2px 4px #4caf504d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:1.5rem;padding:.85rem 2rem;transition:all .3s ease}.todayList-container .download-btn:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.todayList-container .download-btn:active{transform:translateY(0)}.todayList-container .no-data-message{align-items:center;color:#333;display:flex;flex-direction:column;font-size:1.5rem;font-weight:600;height:60vh;justify-content:center;padding:2rem;text-align:center}.todayList-container .no-data-message p{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:600px;padding:1.5rem 2rem;width:100%}.todayList-container .TVdropdown{background:#fff;border:2px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;list-style:none;margin-top:4px;max-height:200px;min-width:200px;overflow-y:auto;padding:0;position:fixed;z-index:9999}.todayList-container .TVdropdown div{border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;font-size:.9rem;padding:10px 12px;transition:background-color .2s ease}.todayList-container .TVdropdown div:hover{background-color:#f0f7ff;color:#0077b6}.todayList-container .TVdropdown div:last-child{border-bottom:none}.todayList-container .driver-input{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-size:14px;padding:6px 8px;transition:all .3s ease;width:100%}.todayList-container .driver-input:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.todayList-container select{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-size:14px;padding:6px 8px;transition:all .3s ease;width:100%}.todayList-container select:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.todayList-container input[type=file]{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:4px;padding:.5rem;transition:all .3s ease;width:100%}.todayList-container input[type=file]:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.todayList-container .progress-bar{background:#e0e0e0;border-radius:3px;height:6px;margin-top:8px;overflow:hidden;position:relative;width:100%}.todayList-container .progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:3px;height:100%;transition:width .3s ease-in-out}.floating-map-button{align-items:center;background:linear-gradient(135deg,#4285f4,#3367d6);box-shadow:0 4px 12px #4285f44d;display:flex;flex-direction:column;height:70px;justify-content:center;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:70px;z-index:1000}.floating-map-button:hover{background:linear-gradient(135deg,#3367d6,#2a56c4);box-shadow:0 6px 16px #4285f466;transform:scale(1.05) translateY(-5px)}.floating-map-button:active{transform:scale(.98) translateY(0)}@media (max-width:1200px){.todayList-container,.todayList-container .table-box{padding:1.5rem}}@media (max-width:1024px){body:has(.sidebar.expanded) .todayList-container{left:200px;width:calc(100% - 200px)}.todayList-container,.todayList-container .table-box{padding:1.25rem}.todayList-container .date-header{font-size:1.3rem}}@media (max-width:768px){.todayList-container{height:calc(100% - 56px);left:60px;padding:1rem;width:calc(100% - 60px)}body:has(.sidebar.expanded) .todayList-container{left:180px;width:calc(100% - 180px)}.todayList-container .table-box{margin-top:1.5rem;padding:1rem}.todayList-container .date-header{font-size:1.2rem;margin:1.5rem 0 .75rem;padding:.75rem 0}.todayList-container td,.todayList-container th{font-size:12px;padding:8px}.todayList-container .download-link-btn,.todayList-container .edit-btn,.todayList-container .save-btn{font-size:12px;margin:1px;padding:4px 8px}.todayList-container .download-btn{margin-top:1rem;padding:.75rem;width:100%}.floating-map-button{bottom:20px;font-size:12px;height:60px;right:20px;width:60px}}@media (max-width:640px){.todayList-container,.todayList-container .table-box{padding:.75rem}.todayList-container td,.todayList-container th{font-size:11px;padding:6px}.todayList-container .no-data-message{font-size:1.2rem;height:50vh}.todayList-container .no-data-message p{padding:1rem}}@media (max-width:480px){.todayList-container{height:calc(100% - 52px);left:50px;padding:.5rem;top:52px;width:calc(100% - 50px)}body:has(.sidebar.expanded) .todayList-container{left:160px;width:calc(100% - 160px)}.todayList-container .table-box{padding:.75rem}.todayList-container .date-header{font-size:1.1rem}.floating-map-button{bottom:15px;font-size:11px;height:55px;right:15px;width:55px}}.todayList-container *{transition-timing-function:cubic-bezier(.4,0,.2,1)}.map-component-container{box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:1000px;padding:10px;width:100%}.search-section{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;flex-direction:row;gap:15px;padding:10px}.search-group{display:flex;flex-direction:column;flex-grow:1;min-width:70px}.search-group label{color:#333;font-size:14px;font-weight:700;margin-bottom:5px}.location-search-input{border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 2px #0000000d;padding:4px;transition:border-color .3s;width:100%}.location-search-input:focus{border-color:#e73e0f;box-shadow:0 0 0 3px #4a90e21a;outline:none}.location-info{align-items:center;display:flex;gap:10px}.track-button{background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px}.track-button.tracking{background-color:#f44336}.button-container{display:flex;justify-content:center;margin:15px 0}.get-route-button{background-color:#4a90e2;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:8px 16px;transition:all .3s}.get-route-button:hover{background-color:#3a7bc8;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.get-route-button:active{transform:translateY(0)}.mapview-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000014;height:380px;margin:0 auto;overflow:hidden;position:relative;width:100%}.mapview-container>div,.mapview-container>div>div{background:#0000!important;position:relative!important}.map-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:4rem;position:fixed;right:0;top:4rem;z-index:1100}.map-modal{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;max-width:1000px;overflow:hidden;width:90%}.map-modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:12px 16px}.map-modal-body{padding:10px}.close-modal-btn{color:#6c757d;font-size:24px;transition:color .2s}.close-modal-btn:hover{color:#495057}.error{color:#f44336;font-size:12px;margin-top:5px}.gm-style{background:#0000!important}.adp,.gm-style-mtc{background:#fff!important}.gm-style-directions{background:#0000!important}.gmnoprint img{max-width:none!important}.map-container{border-radius:2%;box-shadow:0 2px 8px #0000001a;height:98%;overflow:hidden;padding:10px;position:relative;width:100%}.loading-map{align-items:center;background-color:#f5f5f5;color:#666;display:flex;flex-direction:column;font-size:16px;height:500px;justify-content:center;width:100%}.loading-map.error{background-color:#fff5f5;color:#e53e3e}.error-details{color:#888;font-size:14px;font-style:italic;margin-top:8px}.trip-info{min-width:200px;padding:8px}.trip-info h4{color:#2c3e50;margin-bottom:8px;margin-top:0}.trip-info p{font-size:13px;margin:4px 0}.floating-map-button{background-color:#3498db;border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:80px;position:fixed;right:30px;transition:all .3s ease;width:80px;z-index:100}.floating-map-button:hover{background-color:#2980b9;transform:scale(1.05)}.freight-map-modal{align-items:center;background-color:#0009;display:flex;height:98%;justify-content:center;left:2.5rem;position:fixed;top:2rem;width:98%;z-index:1000}.freight-map-modal-content{background-color:#fff;border-radius:12px;display:flex;flex-direction:column;height:88%;overflow:hidden;width:85%}.freight-map-modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:12px 20px}.freight-map-modal-header h2{color:#2c3e50;font-size:20px;margin:0}.close-modal-btn{background:none;color:#7f8c8d;font-size:28px}.close-modal-btn:hover{color:#34495e}.freight-map-modal-body{flex:1 1;overflow:hidden;padding:0}.map-controls{align-items:center;display:flex;gap:10px;position:absolute;right:10px;top:10px;z-index:100}.refresh-button{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:14px;padding:8px 12px}.refresh-button:hover{background:#f5f5f5}.last-updated{background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;font-size:12px;padding:8px 12px}.reports-container{background-color:#f5f5f5;box-sizing:border-box;height:calc(100% - 64px);left:72px;overflow-x:hidden;overflow-y:auto;padding:2rem;position:fixed;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 72px)}body:has(.sidebar.expanded) .reports-container{left:220px;width:calc(100% - 220px)}.reports-container::-webkit-scrollbar{height:10px;width:10px}.reports-container::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}.reports-container::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}.reports-container::-webkit-scrollbar-thumb:hover{background-color:#999}.reports-container .container{margin:0 auto;max-width:1400px;width:100%}.reports-container .spinner-container{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:100px;width:100%}.reports-container .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}.reports-container .filter-box{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem;transition:box-shadow .3s ease}.reports-container .filter-box:hover{box-shadow:0 4px 12px #00000026}.reports-container .filters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.reports-container .filter-item{display:flex;flex-direction:column;gap:.5rem;position:relative}.reports-container .filter-item label{color:#333;font-size:.95rem;font-weight:600}.reports-container .filter-item input,.reports-container .filter-item select{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:.8rem;padding:.75rem;transition:all .3s ease;width:100%}.reports-container input:focus,.reports-container select:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.reports-container .dropdown{background:#fff;border:2px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;list-style:none;margin-top:4px;max-height:200px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;width:100%;z-index:1000}.reports-container .dropdown li{border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;font-size:.9rem;padding:10px 12px;transition:background-color .2s ease}.reports-container .dropdown li:hover{background-color:#f0f7ff;color:#0077b6}.reports-container .dropdown li:last-child{border-bottom:none}.reports-container .button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.reports-container .download-btn,.reports-container .search-btn,.reports-container .today-list-btn{border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:.95rem;font-weight:600;padding:.85rem 2rem;transition:all .3s ease}.reports-container .search-btn,.reports-container .today-list-btn{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.reports-container .download-btn{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.reports-container .search-btn:hover,.reports-container .today-list-btn:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.reports-container .download-btn:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.reports-container .download-btn:active,.reports-container .search-btn:active,.reports-container .today-list-btn:active{transform:translateY(0)}.reports-container .date-group-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;overflow:hidden;transition:box-shadow .3s ease}.reports-container .date-group-container:hover{box-shadow:0 4px 12px #00000026}.reports-container .date-header{background:linear-gradient(180deg,#f8f8f8,#f0f0f0);border-bottom:2px solid #e0e0e0;color:#333;font-size:1.2rem;font-weight:600;margin:0;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.reports-container .dateText{border-bottom:3px solid #0077b6;display:inline-block;margin-bottom:1rem;padding:8px 0}.reports-container .table-responsive{max-height:500px;overflow-x:auto;overflow-y:auto;scrollbar-color:#ccc #f5f5f5;scrollbar-width:thin}.reports-container .table-responsive::-webkit-scrollbar{height:10px;width:10px}.reports-container .table-responsive::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}.reports-container .table-responsive::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}.reports-container .table-responsive::-webkit-scrollbar-thumb:hover{background-color:#999}.reports-container .table-box{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem;transition:box-shadow .3s ease}.reports-container .table-box:hover{box-shadow:0 4px 12px #00000026}.reports-container table{border:1px solid #e0e0e0;border-collapse:initial;border-spacing:0;font-family:Arial,sans-serif;font-size:14px;white-space:nowrap;width:100%}.reports-container #sticky-header th{background:linear-gradient(180deg,#f8f8f8,#f0f0f0);border-bottom:2px solid #ccc;box-shadow:0 2px 4px #0000001a;color:#333;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:20}.reports-container .stickyColumnTH{background:linear-gradient(180deg,#f8f8f8,#f0f0f0);z-index:30}.reports-container .stickyColumnTD,.reports-container .stickyColumnTH{border-right:2px solid #e0e0e0;box-shadow:2px 0 4px #0000001a;left:0;position:-webkit-sticky;position:sticky}.reports-container .stickyColumnTD{background-color:#fff;z-index:10}.reports-container tbody tr:nth-child(2n) .stickyColumnTD{background-color:#fafafa}.reports-container .table-row:hover .stickyColumnTD{background-color:#f0f7ff;z-index:11}.reports-container td,.reports-container th{background-color:#fff;border:1px solid #e0e0e0;color:#333;padding:12px;text-align:center!important}.reports-container tbody tr{background-color:#fff;transition:background-color .2s ease}.reports-container tbody tr:nth-child(2n){background-color:#fafafa}.reports-container tbody tr:hover{background-color:#f0f7ff}.reports-container .trip-id{border-radius:4px;color:#000;cursor:pointer;font-weight:500;padding:4px 8px;transition:all .3s ease}.reports-container .trip-id:hover{background-color:#0077b61a;color:#005b8f;font-weight:600;transform:translateY(-1px)}.reports-container .editInput{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:4px;font-size:14px;padding:6px 8px;transition:all .3s ease;width:100%}.reports-container .editInput:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.reports-container .delete-btn,.reports-container .download-link-btn,.reports-container .edit-btn,.reports-container .save-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;margin:0 2px;padding:6px 12px;transition:all .3s ease}.reports-container .edit-btn{background-color:#2196f3;color:#fff}.reports-container .save-btn{background-color:#4caf50;color:#fff}.reports-container .delete-btn{background-color:#f44336;color:#fff}.reports-container .download-link-btn{background-color:#2196f3;color:#fff;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reports-container .edit-btn:hover{background-color:#1976d2;box-shadow:0 4px 8px #2196f34d;transform:translateY(-2px)}.reports-container .save-btn:hover{background-color:#388e3c;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}.reports-container .delete-btn:hover{background-color:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}.reports-container .download-link-btn:hover{background-color:#1976d2;box-shadow:0 4px 8px #2196f34d;transform:translateY(-2px)}.reports-container .delete-btn:active,.reports-container .download-link-btn:active,.reports-container .edit-btn:active,.reports-container .save-btn:active{transform:translateY(0)}.reports-container input[type=file]{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:4px;padding:.5rem;transition:all .3s ease;width:100%}.reports-container input[type=file]:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.reports-container select{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:4px;font-size:14px;padding:6px 8px;transition:all .3s ease}.reports-container select:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.reports-container .progress-bar{background:#e0e0e0;border-radius:3px;height:6px;margin-top:8px;overflow:hidden;position:relative;width:100%}.reports-container .progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:3px;height:100%;transition:width .3s ease-in-out}.reports-container .delete-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.reports-container .delete-modal{animation:scaleIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:90%;padding:2rem;text-align:center;width:450px}.reports-container .delete-modal-icon{color:#f44336;font-size:3rem;margin-bottom:1rem}.reports-container .delete-modal h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.reports-container .delete-modal p{color:#555;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.reports-container .trip-id-highlight{color:#f44336;font-weight:700}.reports-container .warning-text{color:#f44336;font-size:.9rem;font-style:italic;margin-bottom:1.5rem}.reports-container .delete-modal-buttons{display:flex;gap:1rem;justify-content:center}.reports-container .cancel-btn{background-color:#f8f9fa;border:2px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.reports-container .cancel-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.reports-container .confirm-delete-btn{background-color:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.reports-container .confirm-delete-btn:hover{background-color:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}.reports-container .confirm-delete-btn:active{transform:translateY(0)}@media (max-width:1200px){.reports-container{padding:1.5rem}.reports-container .table-responsive{max-height:450px}}@media (max-width:1024px){body:has(.sidebar.expanded) .reports-container{left:200px;width:calc(100% - 200px)}.reports-container{padding:1.25rem}.reports-container .filter-box{padding:1.5rem}.reports-container .filters-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.reports-container{height:calc(100% - 56px);left:60px;padding:1rem;width:calc(100% - 60px)}body:has(.sidebar.expanded) .reports-container{left:180px;width:calc(100% - 180px)}.reports-container .filter-box{padding:1rem}.reports-container .filters-grid{gap:1rem;grid-template-columns:1fr}.reports-container .button-group{flex-direction:column;gap:.75rem}.reports-container .download-btn,.reports-container .search-btn,.reports-container .today-list-btn{padding:.75rem;width:100%}.reports-container td,.reports-container th{font-size:12px;padding:8px}.reports-container .table-responsive{max-height:400px}.reports-container .stickyColumnTD,.reports-container .stickyColumnTH{background-color:inherit;border-right:1px solid #e0e0e0;box-shadow:none;left:auto;position:relative;z-index:auto}.reports-container .delete-modal{padding:1.5rem;width:90%}}@media (max-width:640px){.reports-container{padding:.75rem}.reports-container .table-responsive{max-height:350px}.reports-container td,.reports-container th{font-size:11px;padding:6px}.reports-container .delete-btn,.reports-container .download-link-btn,.reports-container .edit-btn,.reports-container .save-btn{font-size:12px;margin:1px;padding:4px 8px}}@media (max-width:480px){.reports-container{height:calc(100% - 52px);left:50px;padding:.5rem;width:calc(100% - 50px)}body:has(.sidebar.expanded) .reports-container{left:160px;width:calc(100% - 160px)}.reports-container .filter-box,.reports-container .table-box{padding:.75rem}.reports-container .date-header{font-size:1rem;padding:10px 12px}.reports-container .table-responsive{max-height:300px}}.reports-container *{transition-timing-function:cubic-bezier(.4,0,.2,1)}#freight{background-color:#f5f5f5;box-sizing:border-box;height:calc(100% - 64px);left:72px;overflow-x:hidden;overflow-y:auto;padding:2rem;position:fixed;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 72px)}body:has(.sidebar.expanded) #freight{left:220px;width:calc(100% - 220px)}#freight .spinner-container{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:100px;width:100%}#freight .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}#freight .modal-spinner-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fffc;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}#freight .container-freight{background-color:#f5f5f5;margin:0 auto;max-width:1400px;width:100%}#freight .container-freight .form-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:2rem;transition:box-shadow .3s ease;width:100%}#freight .container-freight .form-wrapper:hover{box-shadow:0 4px 12px #00000026}#freight #shipmentForm{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;width:100%}#freight #shipmentForm .filter-item{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:200px}#freight #shipmentForm label{color:#333;font-size:.95rem;font-weight:600}#freight #shipmentForm input[type=number],#freight #shipmentForm input[type=text]{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:.95rem;padding:.75rem;transition:all .3s ease;width:100%}#freight #shipmentForm input[type=number]:focus,#freight #shipmentForm input[type=text]:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}#freight .submit-button{align-self:flex-start;background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:6px;box-shadow:0 2px 4px #2196f34d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:.5rem;padding:.85rem 2rem;transition:all .3s ease}#freight .submit-button:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}#freight .submit-button:active{transform:translateY(0)}#freight .table-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:500px;padding:1.5rem;position:relative;transition:box-shadow .3s ease;width:100%}#freight .table-wrapper:hover{box-shadow:0 4px 12px #00000026}#freight .table-wrapper .editInput{border:2px solid #e0e0e0;border-radius:4px;font-size:14px;padding:6px 8px;transition:all .3s ease;width:100%}#freight .table-wrapper .editInput:focus{border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}#freight .scrollable-table{flex-grow:1;overflow-x:auto;overflow-y:auto;scrollbar-color:#ccc #f5f5f5;scrollbar-width:thin;width:100%}#freight .scrollable-table::-webkit-scrollbar{height:10px;width:10px}#freight .scrollable-table::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}#freight .scrollable-table::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}#freight .scrollable-table::-webkit-scrollbar-thumb:hover{background-color:#999}#freight #resultsTable{border:1px solid #e0e0e0;border-collapse:initial;border-spacing:0;font-family:Arial,sans-serif;font-size:14px;margin:0;white-space:nowrap;width:100%}#freight #resultsTable thead th{background:linear-gradient(180deg,#f8f8f8,#f0f0f0);border-bottom:2px solid #ccc;box-shadow:0 2px 4px #0000001a;color:#333;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:20}#freight #resultsTable td,#freight #resultsTable th{background-color:#fff;border:1px solid #e0e0e0;color:#333;padding:12px;position:relative;text-align:center}#freight #resultsTable tbody tr{background-color:#fff;transition:background-color .2s ease}#freight #resultsTable tbody tr:nth-child(2n){background-color:#fafafa}#freight #resultsTable tbody tr:hover{background-color:#f0f7ff}#freight .delete-btn,#freight .edit-btn,#freight .save-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;margin:0 2px;padding:6px 12px;transition:all .3s ease}#freight .edit-btn{background-color:#2196f3;color:#fff}#freight .save-btn{background-color:#4caf50;color:#fff}#freight .delete-btn{background-color:#f44336;color:#fff}#freight .edit-btn:hover{background-color:#1976d2;box-shadow:0 4px 8px #2196f34d;transform:translateY(-2px)}#freight .save-btn:hover{background-color:#388e3c;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}#freight .delete-btn:hover{background-color:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}#freight .delete-btn:active,#freight .edit-btn:active,#freight .save-btn:active{transform:translateY(0)}#freight .delete-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}#freight .delete-modal{animation:scaleIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:90%;padding:2rem;text-align:center;width:450px}#freight .delete-modal-icon{color:#f44336;font-size:3rem;margin-bottom:1rem}#freight .delete-modal h3{color:#333;font-size:1.5rem;margin-bottom:1rem}#freight .delete-modal p{color:#555;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}#freight .trip-id-highlight{color:#f44336;font-weight:700}#freight .warning-text{color:#f44336;font-size:.9rem;font-style:italic;margin-bottom:1.5rem}#freight .delete-modal-buttons{display:flex;gap:1rem;justify-content:center}#freight .cancel-btn{background-color:#f8f9fa;border:2px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}#freight .cancel-btn:hover{background-color:#e9ecef;border-color:#adb5bd}#freight .confirm-delete-btn{background-color:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}#freight .confirm-delete-btn:hover{background-color:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}#freight .confirm-delete-btn:active{transform:translateY(0)}@media (max-width:1200px){#freight{padding:1.5rem}#freight .table-wrapper{height:450px}}@media (max-width:1024px){body:has(.sidebar.expanded) #freight{left:200px;width:calc(100% - 200px)}#freight{padding:1.25rem}#freight .container-freight .form-wrapper{padding:1.5rem}#freight #shipmentForm{gap:1rem}#freight #shipmentForm .filter-item{min-width:180px}}@media (max-width:768px){#freight{height:calc(100% - 56px);left:60px;padding:1rem;width:calc(100% - 60px)}body:has(.sidebar.expanded) #freight{left:180px;width:calc(100% - 180px)}#freight .container-freight .form-wrapper,#freight .table-wrapper{padding:1rem}#freight #shipmentForm{flex-direction:column;gap:1rem}#freight #shipmentForm .filter-item{min-width:0;min-width:auto;width:100%}#freight .submit-button{margin-top:0;width:100%}#freight #resultsTable td,#freight #resultsTable th{font-size:12px;padding:8px}#freight .table-wrapper{height:400px}#freight .delete-modal{padding:1.5rem;width:90%}}@media (max-width:640px){#freight{padding:.75rem}#freight .table-wrapper{height:350px}#freight #resultsTable td,#freight #resultsTable th{font-size:11px;padding:6px}}@media (max-width:480px){#freight{height:calc(100% - 52px);left:50px;padding:.5rem;width:calc(100% - 50px)}body:has(.sidebar.expanded) #freight{left:160px;width:calc(100% - 160px)}#freight .container-freight .form-wrapper{padding:.75rem}#freight .table-wrapper{height:300px;padding:.75rem}#freight .submit-button{font-size:.9rem;padding:.75rem 1rem}}#freight *{transition-timing-function:cubic-bezier(.4,0,.2,1)}#vehicle{background-color:#f5f5f5;box-sizing:border-box;height:calc(100% - 64px);left:72px;overflow-x:hidden;overflow-y:auto;padding:2rem;position:fixed;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 72px)}body:has(.sidebar.expanded) #vehicle{left:220px;width:calc(100% - 220px)}#vehicle::-webkit-scrollbar{height:10px;width:10px}#vehicle::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}#vehicle::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}#vehicle::-webkit-scrollbar-thumb:hover{background-color:#999}#vehicle .container-vehicle{margin:0 auto;max-width:1400px;width:100%}#vehicle .spinner-container{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:100px;width:100%}#vehicle .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}#vehicle .modal-spinner-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fffc;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}#vehicle .form-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem;transition:box-shadow .3s ease;width:100%}#vehicle .form-section:hover{box-shadow:0 4px 12px #00000026}#vehicle .form-wrapper{display:flex;flex-direction:column;width:100%}#vehicle .form-left{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}#vehicle .form-left .filterItem{flex:1 1;min-width:200px}#vehicle .form-right{margin-top:1.5rem;width:100%}#vehicle label{color:#333;font-size:.85rem;font-weight:600;margin-bottom:.5rem}#vehicle .filterItem{display:flex;flex-direction:column;gap:.5rem;width:100%}#vehicle input[type=number],#vehicle input[type=text],#vehicle select{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:.95rem;padding:.75rem;transition:all .3s ease;width:100%}#vehicle input:focus,#vehicle select:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}#vehicle .field-table{background:#fff;border:1px solid #e0e0e0;border-collapse:initial;border-radius:6px;border-spacing:0;margin-top:1rem;overflow:hidden;width:100%}#vehicle .field-table td{background-color:#fff;border:1px solid #e0e0e0;padding:.75rem}#vehicle .field-table tr:nth-child(2n){background-color:#fafafa}#vehicle .field-table input[type=date],#vehicle .field-table input[type=file]{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:4px;padding:.1rem;transition:all .3s ease;width:95%}#vehicle .field-table input[type=date]:focus,#vehicle .field-table input[type=file]:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a}#vehicle .search-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem;text-align:center;transition:box-shadow .3s ease}#vehicle .search-container:hover{box-shadow:0 4px 12px #00000026}#vehicle .search-input{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:6px;font-size:.95rem;max-width:400px;padding:.75rem;transition:all .3s ease;width:100%}#vehicle .search-input:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a}#vehicle .tiles-view{grid-gap:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));padding:1.5rem;transition:box-shadow .3s ease}#vehicle .tiles-view:hover{box-shadow:0 4px 12px #00000026}#vehicle .tile{background:#f8f8f8;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}#vehicle .tile:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}#vehicle .tile-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}#vehicle .tile-header-row{background:linear-gradient(135deg,#f0f0f0,#e0e0e0);border-radius:4px;padding:.5rem}#vehicle .tile-table{font-size:.9rem;width:100%}#vehicle .tile-row{border-bottom:1px solid #e0e0e0;display:grid;grid-template-columns:1fr 2fr 1fr;padding:.75rem}#vehicle .tile-row:last-child{border-bottom:none}#vehicle .tile-cell{align-items:center;display:flex;justify-content:center;padding:.5rem;text-align:center}#vehicle .tile-cell.highlighted{color:#f44336;font-weight:700}#vehicle .tile-cell .upload-fields{text-align:start;width:100%}#vehicle .tile-cell .upload-fields .form-group{margin-bottom:.75rem}#vehicle .tile-cell .upload-fields label{color:#333;font-weight:600;margin:0 0 .25rem!important}#vehicle .tile-cell .upload-fields input{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:4px;margin-bottom:.5rem;padding:.5rem;transition:all .3s ease;width:100%}#vehicle .tile-cell .upload-fields input:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a}#vehicle .save-button,#vehicle .submit-button{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:6px;box-shadow:0 2px 4px #2196f34d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin:1rem 0;padding:.85rem 2rem;transition:all .3s ease}#vehicle .save-button:hover,#vehicle .submit-button:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}#vehicle .save-button:active,#vehicle .submit-button:active{transform:translateY(0)}#vehicle .delete-button{align-items:center;background:linear-gradient(135deg,#f44336,#d32f2f);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:2.5rem;justify-content:center;transition:all .3s ease;width:2.5rem}#vehicle .delete-button:hover{background:linear-gradient(135deg,#d32f2f,#c62828);box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}#vehicle .delete-button:active{transform:translateY(0)}#vehicle .button-group{align-items:center;display:flex;gap:8px;height:100%;justify-content:center}#vehicle .download-button,#vehicle .reset-button,#vehicle .upload-button{align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .3s ease}#vehicle .download-button{background:linear-gradient(135deg,#4caf50,#388e3c)}#vehicle .reset-button{background:linear-gradient(135deg,#2196f3,#1976d2)}#vehicle .upload-button{background:linear-gradient(135deg,#f44336,#d32f2f)}#vehicle .download-button:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}#vehicle .reset-button:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 8px #2196f34d;transform:translateY(-2px)}#vehicle .upload-button:hover{background:linear-gradient(135deg,#d32f2f,#c62828);box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}#vehicle .tile-actions{display:flex;gap:10px}#vehicle .vehicle-icons{font-size:1rem}#vehicle .progress-bar{background:#e0e0e0;border-radius:4px;height:6px;margin-top:8px;overflow:hidden;width:100%}#vehicle .progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:4px;height:100%;transition:width .3s ease-in-out;width:0}#vehicle .delete-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}#vehicle .delete-modal{animation:scaleIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:90%;padding:2rem;text-align:center;width:450px}#vehicle .delete-modal-icon{color:#f44336;font-size:3rem;margin-bottom:1rem}#vehicle .delete-modal h3{color:#333;font-size:1.5rem;margin-bottom:1rem}#vehicle .delete-modal p{color:#555;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}#vehicle .trip-id-highlight{color:#f44336;font-weight:700}#vehicle .warning-text{color:#f44336;font-size:.9rem;font-style:italic;margin-bottom:1.5rem}#vehicle .delete-modal-buttons{display:flex;gap:1rem;justify-content:center}#vehicle .cancel-btn{background-color:#f8f9fa;border:2px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}#vehicle .cancel-btn:hover{background-color:#e9ecef;border-color:#adb5bd}#vehicle .confirm-delete-btn{background-color:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}#vehicle .confirm-delete-btn:hover{background-color:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}#vehicle .confirm-delete-btn:active{transform:translateY(0)}@media (max-width:1200px){#vehicle{padding:1.5rem}#vehicle .tiles-view{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));padding:1.25rem}}@media (max-width:1024px){body:has(.sidebar.expanded) #vehicle{left:200px;width:calc(100% - 200px)}#vehicle{padding:1.25rem}#vehicle .form-section{padding:1.5rem}#vehicle .form-left{flex-direction:column;gap:1rem}#vehicle .tiles-view{gap:1.25rem;grid-template-columns:1fr}}@media (max-width:768px){#vehicle{height:calc(100% - 56px);left:60px;padding:1rem;width:calc(100% - 60px)}body:has(.sidebar.expanded) #vehicle{left:180px;width:calc(100% - 180px)}#vehicle .form-section,#vehicle .search-container,#vehicle .tiles-view{padding:1rem}#vehicle .form-left{flex-direction:column}#vehicle .form-left .filterItem{min-width:100%}#vehicle .search-input{max-width:100%;width:100%}#vehicle .tile{padding:1rem}#vehicle .tile-row{gap:.5rem;grid-template-columns:1fr}#vehicle .tile-cell{justify-content:flex-start;text-align:left}#vehicle .button-group,#vehicle .tile-actions{flex-direction:column;gap:.5rem}#vehicle .delete-modal{padding:1.5rem;width:90%}}@media (max-width:640px){#vehicle,#vehicle .form-section{padding:.75rem}#vehicle .tiles-view{gap:1rem;padding:.75rem}#vehicle .save-button,#vehicle .submit-button{font-size:.9rem;padding:.75rem 1rem;width:100%}}@media (max-width:480px){#vehicle{height:calc(100% - 52px);left:50px;padding:.5rem;width:calc(100% - 50px)}body:has(.sidebar.expanded) #vehicle{left:160px;width:calc(100% - 160px)}#vehicle .form-section,#vehicle .tiles-view{padding:.75rem}#vehicle .delete-button{font-size:16px;height:2rem;width:2rem}#vehicle .download-button,#vehicle .reset-button,#vehicle .upload-button{font-size:.8rem;padding:.4rem .75rem}}#vehicle *{transition-timing-function:cubic-bezier(.4,0,.2,1)}#vendor{background-color:#f5f5f5;box-sizing:border-box;height:calc(100% - 64px);left:72px;overflow-x:hidden;overflow-y:auto;padding:2rem;position:fixed;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 72px)}body:has(.sidebar.expanded) #vendor{left:220px;width:calc(100% - 220px)}#vendor::-webkit-scrollbar{height:10px;width:10px}#vendor::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}#vendor::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}#vendor::-webkit-scrollbar-thumb:hover{background-color:#999}#vendor .container-vendor{margin:0 auto;max-width:1400px;width:100%}#vendor .spinner-container{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:100px;width:100%}#vendor .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}#vendor .modal-spinner-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fffc;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}#vendor .vendorForm{grid-gap:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;padding:2rem;transition:box-shadow .3s ease}#vendor .vendorForm:hover{box-shadow:0 4px 12px #00000026}#vendor .vendorForm .filterItem{display:flex;flex-direction:column;gap:.5rem}#vendor .vendorForm label{color:#333;font-size:.95rem;font-weight:600}#vendor .vendorForm input[type=email],#vendor .vendorForm input[type=number],#vendor .vendorForm input[type=text],#vendor .vendorForm select{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:.95rem;padding:.75rem;transition:all .3s ease;width:100%}#vendor .vendorForm input:focus,#vendor .vendorForm select:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}#vendor .vendorForm .submit-button{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:6px;box-shadow:0 2px 4px #2196f34d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;grid-column:1;justify-self:start;margin-top:.5rem;padding:.85rem 2rem;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}#vendor .vendorForm .submit-button:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}#vendor .vendorForm .submit-button:active{transform:translateY(0)}#vendor .table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:500px;padding:1.5rem;position:relative;transition:box-shadow .3s ease}#vendor .table-wrapper:hover{box-shadow:0 4px 12px #00000026}#vendor .scrollable-table{flex-grow:1;overflow-x:auto;overflow-y:auto;scrollbar-color:#ccc #f5f5f5;scrollbar-width:thin;width:100%}#vendor .scrollable-table::-webkit-scrollbar{height:10px;width:10px}#vendor .scrollable-table::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}#vendor .scrollable-table::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}#vendor .scrollable-table::-webkit-scrollbar-thumb:hover{background-color:#999}#vendor #resultsTable{border:1px solid #e0e0e0;border-collapse:initial;border-spacing:0;font-family:Arial,sans-serif;font-size:14px;margin:0;white-space:nowrap;width:100%}#vendor #resultsTable thead th{background:linear-gradient(180deg,#f8f8f8,#f0f0f0);border-bottom:2px solid #ccc;box-shadow:0 2px 4px #0000001a;color:#333;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:20}#vendor #resultsTable td:nth-child(2),#vendor #resultsTable th:nth-child(2){background-color:#fff;border-right:2px solid #e0e0e0;box-shadow:2px 0 4px #0000001a;left:0;min-width:150px;position:-webkit-sticky;position:sticky;z-index:10}#vendor #resultsTable th:nth-child(2){background:linear-gradient(180deg,#f8f8f8,#f0f0f0);z-index:30}#vendor #resultsTable tbody tr:nth-child(2n) td:nth-child(2){background-color:#fafafa}#vendor #resultsTable tbody tr:hover td:nth-child(2){background-color:#f0f7ff}#vendor #resultsTable td,#vendor #resultsTable th{background-color:#fff;border:1px solid #e0e0e0;color:#333;padding:12px;position:relative;text-align:center}#vendor #resultsTable tbody tr{background-color:#fff;transition:background-color .2s ease}#vendor #resultsTable tbody tr:nth-child(2n){background-color:#fafafa}#vendor #resultsTable tbody tr:hover{background-color:#f0f7ff}#vendor #resultsTable td input[type=email],#vendor #resultsTable td input[type=number],#vendor #resultsTable td input[type=text],#vendor #resultsTable td select{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-size:14px;height:36px;min-width:150px;padding:6px 8px;transition:all .3s ease;width:100%}#vendor #resultsTable td input:focus,#vendor #resultsTable td select:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}#vendor .delete-btn,#vendor .edit-btn,#vendor .save-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;margin:0 2px;padding:6px 12px;transition:all .3s ease}#vendor .edit-btn{background-color:#2196f3;color:#fff}#vendor .save-btn{background-color:#4caf50;color:#fff}#vendor .delete-btn{background-color:#f44336;color:#fff}#vendor .edit-btn:hover{background-color:#1976d2;box-shadow:0 4px 8px #2196f34d;transform:translateY(-2px)}#vendor .save-btn:hover{background-color:#388e3c;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}#vendor .delete-btn:hover{background-color:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}#vendor .delete-btn:active,#vendor .edit-btn:active,#vendor .save-btn:active{transform:translateY(0)}#vendor .hint{color:#666;font-size:12px;margin-top:4px;opacity:.8;transition:opacity .2s ease-in-out}#vendor .filterItem input:focus+.hint{opacity:1}#vendor .delete-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}#vendor .delete-modal{animation:scaleIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:90%;padding:2rem;text-align:center;width:450px}#vendor .delete-modal-icon{color:#f44336;font-size:3rem;margin-bottom:1rem}#vendor .delete-modal h3{color:#333;font-size:1.5rem;margin-bottom:1rem}#vendor .delete-modal p{color:#555;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}#vendor .trip-id-highlight{color:#f44336;font-weight:700}#vendor .warning-text{color:#f44336;font-size:.9rem;font-style:italic;margin-bottom:1.5rem}#vendor .delete-modal-buttons{display:flex;gap:1rem;justify-content:center}#vendor .cancel-btn{background-color:#f8f9fa;border:2px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}#vendor .cancel-btn:hover{background-color:#e9ecef;border-color:#adb5bd}#vendor .confirm-delete-btn{background-color:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}#vendor .confirm-delete-btn:hover{background-color:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}#vendor .confirm-delete-btn:active{transform:translateY(0)}@media (max-width:1200px){#vendor{padding:1.5rem}#vendor .table-wrapper{height:450px}}@media (max-width:1024px){body:has(.sidebar.expanded) #vendor{left:200px;width:calc(100% - 200px)}#vendor{padding:1.25rem}#vendor .vendorForm{gap:1rem;grid-template-columns:repeat(2,1fr);padding:1.5rem}}@media (max-width:768px){#vendor{height:calc(100% - 56px);left:60px;padding:1rem;width:calc(100% - 60px)}body:has(.sidebar.expanded) #vendor{left:180px;width:calc(100% - 180px)}#vendor .table-wrapper,#vendor .vendorForm{padding:1rem}#vendor .vendorForm{gap:1rem;grid-template-columns:1fr}#vendor .vendorForm .submit-button{grid-column:1;width:100%}#vendor .table-wrapper{height:400px}#vendor #resultsTable td,#vendor #resultsTable th{font-size:12px;padding:8px}#vendor #resultsTable td:nth-child(2),#vendor #resultsTable th:nth-child(2){background-color:inherit;border-right:1px solid #e0e0e0;box-shadow:none;left:auto;position:relative;z-index:auto}#vendor .delete-modal{padding:1.5rem;width:90%}}@media (max-width:640px){#vendor{padding:.75rem}#vendor .table-wrapper{height:350px}#vendor #resultsTable td,#vendor #resultsTable th{font-size:11px;padding:6px}#vendor #resultsTable td input[type=email],#vendor #resultsTable td input[type=number],#vendor #resultsTable td input[type=text],#vendor #resultsTable td select{font-size:12px;height:32px;padding:4px 6px}}@media (max-width:480px){#vendor{height:calc(100% - 52px);left:50px;padding:.5rem;width:calc(100% - 50px)}body:has(.sidebar.expanded) #vendor{left:160px;width:calc(100% - 160px)}#vendor .vendorForm{padding:.75rem}#vendor .table-wrapper{height:300px;padding:.75rem}#vendor .vendorForm .submit-button{font-size:.9rem;padding:.75rem 1rem}#vendor .delete-btn,#vendor .edit-btn,#vendor .save-btn{font-size:12px;margin:1px;padding:4px 8px}}#vendor *{transition-timing-function:cubic-bezier(.4,0,.2,1)}#transactions{background-color:#f5f5f5;box-sizing:border-box;height:calc(100% - 64px);left:72px;overflow-x:hidden;overflow-y:auto;padding:2rem;position:fixed;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 72px)}body:has(.sidebar.expanded) #transactions{left:220px;width:calc(100% - 220px)}#transactions::-webkit-scrollbar{height:10px;width:10px}#transactions::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}#transactions::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}#transactions::-webkit-scrollbar-thumb:hover{background-color:#999}#transactions .container{margin:0 auto;max-width:1400px;width:100%}#transactions .spinner-container{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center;width:100%}#transactions .spinner{animation:spin 1s linear infinite;border-right:4px solid #f3f3f3;border-top:4px solid #f3f3f3;border-color:#3498db #3498db40 #f3f3f3 #f3f3f3;border-radius:50%;border-style:solid;border-width:4px;height:40px;width:40px}#transactions .trans-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem;transition:box-shadow .3s ease}#transactions .trans-wrapper:hover{box-shadow:0 4px 12px #00000026}#transactions .form-group{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}#transactions .filterItem{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:200px}#transactions .form-group label{color:#333;font-size:.95rem;font-weight:600}#transactions .form-group input[type=date]{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:.8rem;padding:.75rem;transition:all .3s ease;width:100%}#transactions input:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}#transactions .search-button{align-self:flex-start;background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:6px;box-shadow:0 2px 4px #2196f34d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:.5rem;padding:.85rem 2rem;transition:all .3s ease}#transactions .search-button:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}#transactions .search-button:active{transform:translateY(0)}#transactions .transaction-ack{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:2rem;padding:2rem;transition:box-shadow .3s ease}#transactions .transaction-ack:hover{box-shadow:0 4px 12px #00000026}#transactions .date-header{background-color:initial;border-bottom:3px solid #0077b6;color:#333;font-size:1.5rem;font-weight:600;margin:1rem 0;padding:1rem 0;white-space:nowrap;width:80%}#transactions .date-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;height:500px;overflow-x:auto;pointer-events:auto;width:100%}#transactions .table-wrapper{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;position:relative;width:100%}#transactions .scrollable-table{flex-grow:1;height:500px;overflow-x:auto;overflow-y:auto;scrollbar-color:#ccc #f5f5f5;scrollbar-width:thin;width:100%}#transactions .scrollable-table::-webkit-scrollbar{height:10px;width:10px}#transactions .scrollable-table::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}#transactions .scrollable-table::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}#transactions .scrollable-table::-webkit-scrollbar-thumb:hover{background-color:#999}#transactions #resultsTable{border:1px solid #e0e0e0;border-collapse:initial;border-spacing:0;font-family:Arial,sans-serif;font-size:14px;white-space:nowrap;width:100%}#transactions #resultsTable thead th{background:linear-gradient(180deg,#f8f8f8,#f0f0f0);border-bottom:2px solid #ccc;box-shadow:0 2px 4px #0000001a;color:#333;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:20}#transactions #resultsTable td,#transactions #resultsTable th{background-color:#fff;border:1px solid #e0e0e0;color:#333;padding:12px;text-align:center}#transactions #resultsTable tbody tr{background-color:#fff;transition:background-color .2s ease}#transactions #resultsTable tbody tr:nth-child(2n){background-color:#fafafa}#transactions #resultsTable tr:hover td{background-color:#f0f7ff}#transactions #resultsTable td input[type=number],#transactions #resultsTable td input[type=text],#transactions #resultsTable td select{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-size:14px;height:36px;min-width:150px;padding:6px 8px;transition:all .3s ease;width:100%}#transactions #resultsTable td input:focus,#transactions #resultsTable td select:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}#transactions .vendor-filter{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:14px;height:40px;min-width:150px;padding:8px 12px;transition:all .3s ease;width:100%}#transactions .vendor-filter:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}#transactions .trip-id{border-radius:4px;color:#0077b6;cursor:pointer;display:inline-block;font-weight:600;padding:4px 8px;transition:all .3s ease}#transactions .trip-id:hover{background-color:#0077b61a;color:#005b8f;transform:translateY(-1px)}#transactions .download-icon{color:#4caf50;cursor:pointer;font-size:16px;margin-right:8px;transition:all .3s ease;vertical-align:middle}#transactions .download-icon:hover{color:#388e3c;transform:translateY(-1px)}#transactions .delete-btn,#transactions .edit-btn,#transactions .save-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;margin:0 2px;padding:6px 12px;transition:all .3s ease}#transactions .edit-btn{background-color:#2196f3;color:#fff}#transactions .save-btn{background-color:#4caf50;color:#fff}#transactions .delete-btn{background-color:#f44336;color:#fff}#transactions .edit-btn:hover{background-color:#1976d2;box-shadow:0 4px 8px #2196f34d;transform:translateY(-2px)}#transactions .save-btn:hover{background-color:#388e3c;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}#transactions .delete-btn:hover{background-color:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}#transactions .delete-btn:active,#transactions .edit-btn:active,#transactions .save-btn:active{transform:translateY(0)}#transactions .generatePDFTransaction{background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:6px;box-shadow:0 2px 4px #4caf504d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin:1.5rem;min-width:150px;padding:.85rem 2rem;transition:all .3s ease}#transactions .generatePDFTransaction:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}#transactions .generatePDFTransaction:active{transform:translateY(0)}#transactions .download-excel-button{align-items:center;background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:6px;box-shadow:0 2px 4px #4caf504d;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1rem;margin-left:1.5rem;padding:.85rem 1.5rem;transition:all .3s ease}#transactions .download-excel-button:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}#transactions .download-excel-button:active{transform:translateY(0)}#transactions .no-results-message{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#6c757d;display:block;font-size:15px;margin-top:20px;padding:20px;text-align:center;width:100%}#transactions .table-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin-bottom:1.5rem}#transactions .select-all-container{align-items:center;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;display:flex;gap:8px;padding:.75rem}#transactions .select-all-container input[type=checkbox]{cursor:pointer;height:18px;margin:0;width:18px}#transactions .select-all-container span{color:#333;font-size:14px;font-weight:600;white-space:nowrap}#transactions .vendor-search-container{flex:1 1;margin:0;max-width:400px;min-width:300px;position:relative}#transactions .vendor-dropdown{background:#fff;border:2px solid #e0e0e0;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 4px 12px #00000026;left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;width:100%;z-index:100}#transactions .dropdown-item{border-bottom:1px solid #f0f0f0;cursor:pointer;font-size:14px;padding:10px 15px;transition:background-color .2s ease}#transactions .dropdown-item:hover{background-color:#f0f7ff;color:#0077b6}#transactions .dropdown-item:last-child{border-bottom:none}#transactions .dropdown-no-results{color:#666;font-size:14px;font-style:italic;padding:12px 15px}#transactions .error-message{background-color:#f8d7da;border:2px solid #f5c6cb;border-radius:6px;color:#721c24;font-weight:500;margin:1rem 0;padding:1rem;text-align:center}#transactions .no-data-message{background-color:#f8f8f8;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#666;font-size:1.2rem;margin:2rem 0;padding:2rem;text-align:center}#transactions .delete-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}#transactions .delete-modal{animation:scaleIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:90%;padding:2rem;text-align:center;width:450px}#transactions .delete-modal-icon{color:#f44336;font-size:3rem;margin-bottom:1rem}#transactions .delete-modal h3{color:#333;font-size:1.5rem;margin-bottom:1rem}#transactions .delete-modal p{color:#555;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}#transactions .trip-id-highlight{color:#f44336;font-weight:700}#transactions .warning-text{color:#f44336;font-size:.9rem;font-style:italic;margin-bottom:1.5rem}#transactions .delete-modal-buttons{display:flex;gap:1rem;justify-content:center}#transactions .cancel-btn{background-color:#f8f9fa;border:2px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}#transactions .cancel-btn:hover{background-color:#e9ecef;border-color:#adb5bd}#transactions .confirm-delete-btn{background-color:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}#transactions .confirm-delete-btn:hover{background-color:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}#transactions .confirm-delete-btn:active{transform:translateY(0)}@media (max-width:1200px){#transactions{padding:1.5rem}#transactions .date-section,#transactions .scrollable-table{height:450px}}@media (max-width:1024px){body:has(.sidebar.expanded) #transactions{left:200px;width:calc(100% - 200px)}#transactions{padding:1.25rem}#transactions .trans-wrapper,#transactions .transaction-ack{padding:1.5rem}#transactions .vendor-search-container{min-width:250px}}@media (max-width:768px){#transactions{height:calc(100% - 56px);left:60px;padding:1rem;width:calc(100% - 60px)}body:has(.sidebar.expanded) #transactions{left:180px;width:calc(100% - 180px)}#transactions .trans-wrapper,#transactions .transaction-ack{padding:1rem}#transactions .form-group{flex-direction:column;gap:1rem}#transactions .filterItem{min-width:0;min-width:auto;width:100%}#transactions .search-button{padding:.75rem;width:100%}#transactions .table-controls{align-items:stretch;flex-direction:column;gap:1rem}#transactions .vendor-search-container{max-width:100%;min-width:100%}.download-excel-button{justify-content:center;margin-left:0;margin-top:.5rem;width:100%}#transactions .generatePDFTransaction{margin:1rem 0;padding:.75rem;width:100%}#transactions #resultsTable td,#transactions #resultsTable th{font-size:12px;padding:8px}#transactions .date-section,#transactions .scrollable-table{height:400px}#transactions .delete-modal{padding:1.5rem;width:90%}}@media (max-width:640px){#transactions{padding:.75rem}#transactions .date-section,#transactions .scrollable-table{height:350px}#transactions #resultsTable td,#transactions #resultsTable th{font-size:11px;padding:6px}#transactions .date-header{font-size:1.2rem}#transactions .delete-btn,#transactions .edit-btn,#transactions .save-btn{font-size:12px;margin:1px;padding:4px 8px}}@media (max-width:480px){#transactions{height:calc(100% - 52px);left:50px;padding:.5rem;width:calc(100% - 50px)}body:has(.sidebar.expanded) #transactions{left:160px;width:calc(100% - 160px)}#transactions .trans-wrapper,#transactions .transaction-ack{padding:.75rem}#transactions .date-section,#transactions .scrollable-table{height:300px}#transactions .date-header{font-size:1.1rem;margin:1.5rem 0 .75rem;padding:.75rem 0}#transactions .select-all-container{padding:.5rem}}#transactions *{transition-timing-function:cubic-bezier(.4,0,.2,1)}.generate_bill{background-color:#f5f5f5;box-sizing:border-box;height:calc(100% - 64px);left:72px;overflow-x:hidden;overflow-y:auto;padding:2rem;position:fixed;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 72px)}body:has(.sidebar.expanded) .generate_bill{left:220px;width:calc(100% - 220px)}.generate_bill::-webkit-scrollbar{height:10px;width:10px}.generate_bill::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}.generate_bill::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}.generate_bill::-webkit-scrollbar-thumb:hover{background-color:#999}.generate_bill .container{margin:0 auto;max-width:1400px;width:100%}.generate_bill .bill-tabel .spinner-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.generate_bill .bill-tabel .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:10px;width:40px}.generate_bill .filter-box{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem;transition:box-shadow .3s ease}.generate_bill .filter-box:hover{box-shadow:0 4px 12px #00000026}.generate_bill .filters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.generate_bill .filter-item{display:flex;flex-direction:column;gap:.5rem;position:relative}.generate_bill .filter-item label{color:#333;font-size:.95rem;font-weight:600}.generate_bill .filter-item input,.generate_bill .filter-item select{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:.8rem;padding:.75rem;transition:all .3s ease;width:100%}.generate_bill input:focus,.generate_bill select:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.generate_bill .dropdown{background:#fff;border:2px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;list-style:none;margin-top:4px;max-height:200px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;width:100%;z-index:1000}.generate_bill .dropdown li{border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;font-size:.9rem;padding:10px 12px;transition:background-color .2s ease}.generate_bill .dropdown li:hover{background-color:#f0f7ff;color:#0077b6}.generate_bill .dropdown li:last-child{border-bottom:none}.generate_bill .search-button{align-self:flex-start;background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:6px;box-shadow:0 2px 4px #2196f34d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:.5rem;padding:.85rem 2rem;transition:all .3s ease}.generate_bill .search-button:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.generate_bill .search-button:active{transform:translateY(0)}.generate_bill .bill-tabel{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:550px;padding:2rem;transition:box-shadow .3s ease}.generate_bill .bill-tabel:hover{box-shadow:0 4px 12px #00000026}.generate_bill .table-wrapper{border:1px solid #e0e0e0;border-radius:6px;flex-grow:1;overflow-x:auto;overflow-y:auto;scrollbar-color:#ccc #f5f5f5;scrollbar-width:thin;width:100%}.generate_bill .table-wrapper::-webkit-scrollbar{height:10px;width:10px}.generate_bill .table-wrapper::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}.generate_bill .table-wrapper::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}.generate_bill .table-wrapper::-webkit-scrollbar-thumb:hover{background-color:#999}.generate_bill table{border:1px solid #e0e0e0;border-collapse:initial;border-spacing:0;font-family:Arial,sans-serif;font-size:14px;white-space:nowrap;width:100%}.generate_bill table thead th{background:linear-gradient(180deg,#f8f8f8,#f0f0f0);border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;color:#333;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:20}.generate_bill td,.generate_bill th{background-color:#fff;border:1px solid #e0e0e0;color:#333;padding:12px;text-align:center}.generate_bill tbody tr{background-color:#fff;transition:background-color .2s ease}.generate_bill tbody tr:nth-child(2n){background-color:#fafafa}.generate_bill tbody tr:hover{background-color:#f0f7ff}.generate_bill .trip-id{border-radius:4px;color:#000;cursor:pointer;font-weight:500;padding:4px 8px;transition:all .3s ease}.generate_bill .trip-id:hover{background-color:#0077b61a;color:#005b8f;font-weight:600;transform:translateY(-1px)}.generate_bill .generatePDF{background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:6px;box-shadow:0 2px 4px #4caf504d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-bottom:1.5rem;padding:.75rem 1rem;transition:all .3s ease;width:14%}.generate_bill .generatePDF:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.generate_bill .generatePDF:active{transform:translateY(0)}.generate_bill .no-data-message{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#666;font-size:1.2rem;margin:1rem;padding:2rem;text-align:center}.generate_bill .select-all-container{align-items:center;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;display:flex;gap:8px;margin-bottom:1rem;padding:.75rem}.generate_bill .select-all-container input[type=checkbox]{cursor:pointer;height:18px;margin:0;width:18px}.generate_bill .select-all-container span{color:#333;font-size:12px;font-weight:400;white-space:nowrap}@-moz-document url-prefix(){.generate_bill table th{position:-moz-sticky}}@media (max-width:1200px){.generate_bill{padding:1.5rem}.generate_bill .bill-tabel{height:500px;padding:1.5rem}}@media (max-width:1024px){body:has(.sidebar.expanded) .generate_bill{left:200px;width:calc(100% - 200px)}.generate_bill{padding:1.25rem}.generate_bill .filter-box{padding:1.5rem}.generate_bill .filters-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.generate_bill .generatePDF{width:14%}}@media (max-width:768px){.generate_bill{height:calc(100% - 56px);left:60px;padding:1rem;width:calc(100% - 60px)}body:has(.sidebar.expanded) .generate_bill{left:180px;width:calc(100% - 180px)}.generate_bill .filter-box{padding:1rem}.generate_bill .filters-grid{gap:1rem;grid-template-columns:1fr}.generate_bill .search-button{padding:.75rem;width:100%}.generate_bill .generatePDF{margin-left:0;padding:.75rem;width:100%}.generate_bill .bill-tabel{height:450px;padding:1rem}.generate_bill td,.generate_bill th{font-size:12px;padding:8px}.generate_bill .select-all-container{padding:.5rem}}@media (max-width:640px){.generate_bill{padding:.75rem}.generate_bill .bill-tabel{height:400px;padding:.75rem}.generate_bill td,.generate_bill th{font-size:11px;padding:6px}.generate_bill .no-data-message{font-size:1rem;padding:1.5rem}}@media (max-width:480px){.generate_bill{height:calc(100% - 52px);left:50px;padding:.5rem;width:calc(100% - 50px)}body:has(.sidebar.expanded) .generate_bill{left:160px;width:calc(100% - 160px)}.generate_bill .filter-box{padding:.75rem}.generate_bill .bill-tabel{height:350px;padding:.75rem}.generate_bill .generatePDF{font-size:.9rem;padding:.75rem}.generate_bill .select-all-container span{font-size:12px}}.generate_bill *{transition-timing-function:cubic-bezier(.4,0,.2,1)}.GenerateBillModal .modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.GenerateBillModal .modal-content{animation:scaleIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%;z-index:1001}.GenerateBillModal .modal-header{border-bottom:2px solid #e0e0e0;margin-bottom:1.5rem;padding-bottom:1rem}.GenerateBillModal .modal-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.GenerateBillModal .transactions-preview{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:8px;margin-bottom:1.5rem;max-height:300px;overflow-y:auto;scrollbar-color:#ccc #f5f5f5;scrollbar-width:thin}.GenerateBillModal .transactions-preview::-webkit-scrollbar{height:8px;width:8px}.GenerateBillModal .transactions-preview::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.GenerateBillModal .transactions-preview::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:4px}.GenerateBillModal .transactions-preview::-webkit-scrollbar-thumb:hover{background-color:#999}.GenerateBillModal .transactions-preview table{border-collapse:initial;border-spacing:0;font-family:Arial,sans-serif;font-size:14px;width:100%}.GenerateBillModal .transactions-preview th{background:linear-gradient(180deg,#f8f8f8,#f0f0f0);border-bottom:2px solid #e0e0e0;color:#333;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.GenerateBillModal .transactions-preview td{background-color:#fff;border-bottom:1px solid #e0e0e0;color:#333;padding:10px 12px;text-align:left}.GenerateBillModal .transactions-preview tr:nth-child(2n) td{background-color:#fafafa}.GenerateBillModal .transactions-preview tr:hover td{background-color:#f0f7ff}.GenerateBillModal .scroll-note{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-radius:0 0 6px 6px;border-top:1px solid #e0e0e0;color:#666;font-size:12px;font-style:italic;padding:8px;text-align:center}.GenerateBillModal .remarks-section{background-color:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;margin:1.5rem 0;padding:1rem}.GenerateBillModal .remarks-section h3{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.GenerateBillModal .remark-row{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.GenerateBillModal .remark-row input{background-color:#fff;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;flex:1 1;font-size:.95rem;padding:.75rem;transition:all .3s ease}.GenerateBillModal .remark-row input:focus{border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.GenerateBillModal .remark-buttons{display:flex;gap:.75rem;margin-top:.75rem}.GenerateBillModal .remark-buttons button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.6rem 1.2rem;transition:all .3s ease}.GenerateBillModal .remark-buttons button:first-child{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 2px 4px #4caf504d;color:#fff}.GenerateBillModal .remark-buttons button:last-child{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 2px 4px #f443364d;color:#fff}.GenerateBillModal .remark-buttons button:hover:not(:disabled){box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.GenerateBillModal .remark-buttons button:active:not(:disabled){transform:translateY(0)}.GenerateBillModal .remark-buttons button:disabled{background:linear-gradient(135deg,#ccc,#aaa);box-shadow:none!important;cursor:not-allowed;opacity:.7;transform:none!important}.GenerateBillModal .tax-checkbox{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e0e0e0;border-radius:8px;margin:1.5rem 0;padding:1rem;transition:all .3s ease}.GenerateBillModal .tax-checkbox:hover{background:linear-gradient(135deg,#f0f7ff,#e3f2fd);border-color:#87ceeb}.GenerateBillModal .tax-checkbox label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;margin:0}.GenerateBillModal .tax-checkbox input[type=checkbox]{accent-color:#4caf50;border-radius:4px;cursor:pointer;height:20px;width:20px}.GenerateBillModal .pass-display{border-radius:4px;color:#2196f3;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;margin:.5rem 0;padding:.5rem;transition:all .3s ease}.GenerateBillModal .pass-display:hover{background-color:#2196f31a;color:#1976d2;transform:translateY(-1px)}.GenerateBillModal .modal-actions{border-top:2px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.GenerateBillModal .modal-actions button{border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:.95rem;font-weight:600;padding:.85rem 2rem;transition:all .3s ease}.GenerateBillModal .generate-btn{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.GenerateBillModal .cancel-btn{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.GenerateBillModal .modal-actions button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.GenerateBillModal .generate-btn:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 4px 12px #4caf5066}.GenerateBillModal .cancel-btn:hover{background:linear-gradient(135deg,#d32f2f,#c62828);box-shadow:0 4px 12px #f4433666}.GenerateBillModal .modal-actions button:active{transform:translateY(0)}.GenerateBillModal .confirm-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1002}.GenerateBillModal .confirm-content{animation:scaleIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:90%;padding:2rem;text-align:center;width:400px}.GenerateBillModal .confirm-content h3{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.GenerateBillModal .confirm-content p{color:#555;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.GenerateBillModal .confirm-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.GenerateBillModal .confirm-actions button{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.GenerateBillModal .confirm-actions button:first-child{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 2px 4px #4caf504d;color:#fff}.GenerateBillModal .confirm-actions button:last-child{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 2px 4px #f443364d;color:#fff}.GenerateBillModal .confirm-actions button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.GenerateBillModal .confirm-actions button:active{transform:translateY(0)}.GenerateBillModal .modal-content h2,.GenerateBillModal .modal-content h3,.GenerateBillModal .modal-content input,.GenerateBillModal .modal-content label{color:#333;opacity:1!important}@media (max-width:768px){.GenerateBillModal .modal-content{max-height:85vh;padding:1.5rem;width:95%}.GenerateBillModal .modal-actions{flex-direction:column;gap:.75rem}.GenerateBillModal .modal-actions button{padding:.75rem;width:100%}.GenerateBillModal .remark-row{flex-direction:column;gap:.5rem}.GenerateBillModal .remark-row input{width:100%}.GenerateBillModal .remark-buttons{justify-content:center}.GenerateBillModal .confirm-content{padding:1.5rem;width:90%}}@media (max-width:480px){.GenerateBillModal .modal-content{padding:1rem}.GenerateBillModal .modal-header h2{font-size:1.3rem}.GenerateBillModal .transactions-preview{max-height:250px}.GenerateBillModal .tax-checkbox{padding:.75rem}.GenerateBillModal .confirm-content{padding:1rem}}.GenerateBillModal *{transition-timing-function:cubic-bezier(.4,0,.2,1)}.business-container{background-color:#f5f5f5;box-sizing:border-box;height:calc(100% - 64px);left:72px;overflow-x:hidden;overflow-y:auto;padding:2rem;position:fixed;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 72px)}body:has(.sidebar.expanded) .business-container{left:220px;width:calc(100% - 220px)}.business-container::-webkit-scrollbar{height:10px;width:10px}.business-container::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}.business-container::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}.business-container::-webkit-scrollbar-thumb:hover{background-color:#999}.business-container .container{margin:0 auto;max-width:1400px;width:100%}.business-container .spinner-container{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:100px;width:100%}.business-container .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}.business-container .filter-box{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem;transition:box-shadow .3s ease}.business-container .filter-box:hover{box-shadow:0 4px 12px #00000026}.business-container .filters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.business-container .filter-item{display:flex;flex-direction:column;gap:.5rem;position:relative}.business-container .filter-item label{color:#333;font-size:.95rem;font-weight:600}.business-container .filter-item input,.business-container .filter-item select{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:.85rem;padding:.75rem;transition:all .3s ease;width:100%}.business-container input:focus,.business-container select:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.business-container .editInput{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:.95rem;padding:.75rem;transition:all .3s ease;width:100%}.business-container .editInput:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a}.business-container .dropdown{background:#fff;border:2px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;list-style:none;margin-top:4px;max-height:200px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;width:100%;z-index:1000}.business-container .dropdown li{border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;font-size:.9rem;padding:10px 12px;transition:background-color .2s ease}.business-container .dropdown li:hover{background-color:#f0f7ff;color:#0077b6}.business-container .dropdown li:last-child{border-bottom:none}.business-container .button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.business-container .download-btn,.business-container .search-btn,.business-container .today-list-btn{border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:.95rem;font-weight:600;padding:.85rem 2rem;transition:all .3s ease}.business-container .search-btn,.business-container .today-list-btn{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.business-container .download-btn{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.business-container .search-btn:hover,.business-container .today-list-btn:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.business-container .download-btn:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.business-container .download-btn:active,.business-container .search-btn:active,.business-container .today-list-btn:active{transform:translateY(0)}.business-container .table-box{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:600px;padding:1.5rem;position:relative;transition:box-shadow .3s ease}.business-container .table-box:hover{box-shadow:0 4px 12px #00000026}.business-container .table-responsive{flex-grow:1;overflow-x:auto;overflow-y:auto;scrollbar-color:#ccc #f5f5f5;scrollbar-width:thin;width:100%}.business-container .table-responsive::-webkit-scrollbar{height:10px;width:10px}.business-container .table-responsive::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}.business-container .table-responsive::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}.business-container .table-responsive::-webkit-scrollbar-thumb:hover{background-color:#999}.business-container table{border:1px solid #e0e0e0;border-collapse:initial;border-spacing:0;font-family:Arial,sans-serif;font-size:14px;white-space:nowrap;width:100%}.business-container thead th{background:linear-gradient(180deg,#f8f8f8,#f0f0f0);border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;color:#333;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:20}.business-container td,.business-container th{background-color:#fff;border:1px solid #e0e0e0;color:#333;padding:12px;text-align:center!important}.business-container tbody tr{background-color:#fff;transition:background-color .2s ease}.business-container tbody tr:nth-child(2n){background-color:#fafafa}.business-container tr:hover{background-color:#f0f7ff}.business-container .stickyColumnTH{background:linear-gradient(180deg,#f8f8f8,#f0f0f0);z-index:30}.business-container .stickyColumnTD,.business-container .stickyColumnTH{border-right:2px solid #e0e0e0;box-shadow:2px 0 4px #0000001a;left:0;position:-webkit-sticky;position:sticky}.business-container .stickyColumnTD{background-color:#fff;z-index:10}.business-container tbody tr:nth-child(2n) .stickyColumnTD{background-color:#fafafa}.business-container .table-row:hover .stickyColumnTD{background-color:#f0f7ff;z-index:11}.business-container .download-link-btn{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:4px;box-shadow:0 2px 4px #2196f34d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;max-width:150px;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.business-container .download-link-btn:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 8px #2196f366;transform:translateY(-2px)}.business-container .download-link-btn:active{transform:translateY(0)}.business-container .download-link-btn:disabled{background:linear-gradient(135deg,#ccc,#aaa);box-shadow:none!important;cursor:not-allowed;opacity:.7;transform:none!important}.business-container .edit-btn,.business-container .save-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;margin:0 2px;padding:6px 12px;transition:all .3s ease}.business-container .edit-btn{background-color:#2196f3;color:#fff}.business-container .save-btn{background-color:#4caf50;color:#fff}.business-container .edit-btn:hover{background-color:#1976d2;box-shadow:0 4px 8px #2196f34d;transform:translateY(-2px)}.business-container .save-btn:hover{background-color:#388e3c;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}.business-container .edit-btn:active,.business-container .save-btn:active{transform:translateY(0)}.business-container input[type=file]{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:4px;padding:.5rem;transition:all .3s ease;width:100%}.business-container input[type=file]:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.business-container #grandTotal{color:#333;font-size:1.1rem;font-weight:700}.business-container tfoot{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);bottom:0;font-weight:700;position:-webkit-sticky;position:sticky;z-index:15}.business-container tfoot td{border-top:2px solid #ddd;font-weight:700;padding:12px}.business-container .trip-id{border-radius:4px;color:#000;cursor:pointer;font-weight:500;padding:4px 8px;transition:all .3s ease}.business-container .trip-id:hover{background-color:#0077b61a;color:#005b8f;font-weight:600;transform:translateY(-1px)}@-moz-document url-prefix(){.business-container .stickyColumnTD,.business-container .stickyColumnTH,.business-container thead th{position:-moz-sticky}}@media (max-width:1200px){.business-container{padding:1.5rem}.business-container .table-box{height:550px}}@media (max-width:1024px){body:has(.sidebar.expanded) .business-container{left:200px;width:calc(100% - 200px)}.business-container{padding:1.25rem}.business-container .filter-box{padding:1.5rem}.business-container .filters-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.business-container{height:calc(100% - 56px);left:60px;padding:1rem;width:calc(100% - 60px)}body:has(.sidebar.expanded) .business-container{left:180px;width:calc(100% - 180px)}.business-container .filter-box{padding:1rem}.business-container .filters-grid{gap:1rem;grid-template-columns:1fr}.business-container .button-group{flex-direction:column;gap:.75rem}.business-container .download-btn,.business-container .search-btn,.business-container .today-list-btn{padding:.75rem;width:100%}.business-container .table-box{height:500px;padding:1rem}.business-container td,.business-container th{font-size:12px;padding:8px}.business-container .stickyColumnTD,.business-container .stickyColumnTH{background-color:inherit;border-right:1px solid #e0e0e0;box-shadow:none;left:auto;position:relative;z-index:auto}.business-container .editInput{width:100%}}@media (max-width:640px){.business-container{padding:.75rem}.business-container .table-box{height:450px}.business-container td,.business-container th{font-size:11px;padding:6px}.business-container .edit-btn,.business-container .save-btn{font-size:12px;margin:1px;padding:4px 8px}.business-container .download-link-btn{font-size:12px;max-width:120px;padding:4px 8px}}@media (max-width:480px){.business-container{height:calc(100% - 52px);left:50px;padding:.5rem;width:calc(100% - 50px)}body:has(.sidebar.expanded) .business-container{left:160px;width:calc(100% - 160px)}.business-container .filter-box{padding:.75rem}.business-container .table-box{height:400px;padding:.75rem}.business-container #grandTotal{font-size:1rem}}.business-container *{transition-timing-function:cubic-bezier(.4,0,.2,1)}.generate-revise-bill{background-color:#f5f5f5;box-sizing:border-box;height:calc(100% - 64px);left:72px;overflow-x:hidden;overflow-y:auto;padding:2rem;position:fixed;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 72px)}body:has(.sidebar.expanded) .generate-revise-bill{left:220px;width:calc(100% - 220px)}.generate-revise-bill::-webkit-scrollbar{height:10px;width:10px}.generate-revise-bill::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}.generate-revise-bill::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}.generate-revise-bill::-webkit-scrollbar-thumb:hover{background-color:#999}.generate-revise-bill .container{margin:0 auto;max-width:1400px;width:100%}.generate-revise-bill .spinner-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100px;width:100%}.generate-revise-bill .modal-spinner-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fffc;border-radius:8px;bottom:0;display:flex;flex-direction:column;gap:15px;height:300px;justify-content:center;left:0;margin-bottom:20px;min-height:300px;position:relative;right:0;top:0;z-index:100}.generate-revise-bill .spinner{animation:spin 1s linear infinite;border-right:4px solid #f3f3f3;border-top:4px solid #f3f3f3;border-color:#3498db #3498db40 #f3f3f3 #f3f3f3;border-radius:50%;border-style:solid;border-width:4px;height:40px;width:40px}.generate-revise-bill .filter-box{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem;transition:box-shadow .3s ease}.generate-revise-bill .filter-box:hover{box-shadow:0 4px 12px #00000026}.generate-revise-bill .filters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.generate-revise-bill .filter-item{display:flex;flex-direction:column;gap:.5rem;position:relative;width:100%}.generate-revise-bill .filter-item label{color:#333;font-size:.95rem;font-weight:600}.generate-revise-bill .filter-item input,.generate-revise-bill .filter-item select{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:.8rem;padding:.75rem;transition:all .3s ease;width:100%}.generate-revise-bill input:focus,.generate-revise-bill select:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.generate-revise-bill .editInput{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:.95rem;padding:.75rem;transition:all .3s ease;width:100%}.generate-revise-bill .editInput:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a}.generate-revise-bill .button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.generate-revise-bill .download-btn,.generate-revise-bill .search-btn{border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:.95rem;font-weight:600;padding:.85rem 2rem;transition:all .3s ease}.generate-revise-bill .search-btn{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.generate-revise-bill .download-btn{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.generate-revise-bill .search-btn:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.generate-revise-bill .download-btn:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.generate-revise-bill .download-btn:active,.generate-revise-bill .search-btn:active{transform:translateY(0)}.generate-revise-bill .tables-container{margin:2rem 0}.generate-revise-bill .table-section{margin-bottom:3rem}.generate-revise-bill .table-box{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem;transition:box-shadow .3s ease}.generate-revise-bill .table-box:hover{box-shadow:0 4px 12px #00000026}.generate-revise-bill .table-header-container{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;width:100%}.generate-revise-bill .table-title{color:#333;font-size:1.5rem;font-weight:600;margin:0}.generate-revise-bill .table-info-container{align-items:flex-end;display:flex;flex-direction:column}.generate-revise-bill .info-item{color:#555;font-size:.95rem;margin:.25rem 0}.generate-revise-bill .table-responsive{display:block;max-height:500px;overflow-x:auto;overflow-y:auto;pointer-events:auto;position:relative;scrollbar-color:#ccc #f5f5f5;scrollbar-width:thin}.generate-revise-bill .table-responsive::-webkit-scrollbar{height:10px;width:10px}.generate-revise-bill .table-responsive::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}.generate-revise-bill .table-responsive::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}.generate-revise-bill .table-responsive::-webkit-scrollbar-thumb:hover{background-color:#999}.generate-revise-bill .table-responsive.editing{pointer-events:auto}.generate-revise-bill .table-responsive table{border:1px solid #e0e0e0;border-collapse:initial;border-spacing:0;font-family:Arial,sans-serif;font-size:14px;margin:10px 0;white-space:nowrap;width:100%}.generate-revise-bill .table-responsive thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.generate-revise-bill .table-responsive th{background:linear-gradient(180deg,#f8f8f8,#f0f0f0);border-bottom:2px solid #ccc;box-shadow:0 2px 4px #0000001a;color:#333;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:20}.generate-revise-bill td,.generate-revise-bill th{background-color:#fff;border:1px solid #e0e0e0;color:#333;padding:12px;position:relative;text-align:center}.generate-revise-bill tbody tr{background-color:#fff;transition:background-color .2s ease}.generate-revise-bill tr:nth-child(2n){background-color:#fafafa}.generate-revise-bill tr:hover{background-color:#f0f7ff}.generate-revise-bill td input[type=number],.generate-revise-bill td input[type=text],.generate-revise-bill td select{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-size:14px;height:36px;min-width:150px;padding:6px 8px;transition:all .3s ease;width:100%}.generate-revise-bill td input:focus,.generate-revise-bill td select:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.generate-revise-bill .edit-controls{display:flex;gap:8px;justify-content:center}.generate-revise-bill .cancel-btn,.generate-revise-bill .edit-btn,.generate-revise-bill .save-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;min-width:60px;padding:6px 12px;transition:all .3s ease}.generate-revise-bill .edit-btn{background-color:#2196f3;color:#fff}.generate-revise-bill .save-btn{background-color:#4caf50;color:#fff}.generate-revise-bill .cancel-btn{background-color:#f44336;color:#fff}.generate-revise-bill .edit-btn:hover{background-color:#1976d2;box-shadow:0 4px 8px #2196f34d;transform:translateY(-2px)}.generate-revise-bill .save-btn:hover{background-color:#388e3c;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}.generate-revise-bill .cancel-btn:hover{background-color:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}.generate-revise-bill .cancel-btn:active,.generate-revise-bill .edit-btn:active,.generate-revise-bill .save-btn:active{transform:translateY(0)}.generate-revise-bill .cancel-btn:disabled,.generate-revise-bill .edit-btn:disabled,.generate-revise-bill .save-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.generate-revise-bill .edit-form-container{position:relative;z-index:10}.generate-revise-bill .edit-form-container input,.generate-revise-bill .edit-form-container select{background-color:#fafafa;border:2px solid #0077b6;border-radius:4px;padding:6px 8px;transition:all .3s ease;width:100%}.generate-revise-bill .edit-form-container input:focus,.generate-revise-bill .edit-form-container select:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.generate-revise-bill .trip-id{border-radius:4px;color:#000;cursor:pointer;font-weight:500;padding:4px 8px;transition:all .3s ease}.generate-revise-bill .trip-id:hover{background-color:#0077b61a;color:#005b8f;font-weight:600;transform:translateY(-1px)}.generate-revise-bill .no-data-message{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#666;font-size:1.1rem;font-style:italic;margin-bottom:2rem;padding:2rem;text-align:center;transition:box-shadow .3s ease}.generate-revise-bill .no-data-message:hover{box-shadow:0 4px 12px #00000026}@media (max-width:1200px){.generate-revise-bill{padding:1.5rem}.generate-revise-bill .table-responsive{max-height:450px}}@media (max-width:1024px){body:has(.sidebar.expanded) .generate-revise-bill{left:200px;width:calc(100% - 200px)}.generate-revise-bill{padding:1.25rem}.generate-revise-bill .filter-box{padding:1.5rem}.generate-revise-bill .filters-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.generate-revise-bill .table-box{padding:1.25rem}}@media (max-width:768px){.generate-revise-bill{height:calc(100% - 56px);left:60px;padding:1rem;width:calc(100% - 60px)}body:has(.sidebar.expanded) .generate-revise-bill{left:180px;width:calc(100% - 180px)}.generate-revise-bill .filter-box{padding:1rem}.generate-revise-bill .filters-grid{gap:1rem;grid-template-columns:1fr}.generate-revise-bill .button-group{flex-direction:column;gap:.75rem}.generate-revise-bill .download-btn,.generate-revise-bill .search-btn{padding:.75rem;width:100%}.generate-revise-bill .table-header-container{align-items:flex-start;flex-direction:column;gap:1rem}.generate-revise-bill .table-info-container{align-items:flex-start}.generate-revise-bill td,.generate-revise-bill th{font-size:12px;padding:8px}.generate-revise-bill .table-responsive{max-height:400px}.generate-revise-bill .edit-controls{flex-direction:column;gap:5px}.generate-revise-bill .cancel-btn,.generate-revise-bill .edit-btn,.generate-revise-bill .save-btn{padding:8px;width:100%}.generate-revise-bill .table-title{font-size:1.3rem}}@media (max-width:640px){.generate-revise-bill{padding:.75rem}.generate-revise-bill .table-responsive{max-height:350px}.generate-revise-bill td,.generate-revise-bill th{font-size:11px;padding:6px}.generate-revise-bill .cancel-btn,.generate-revise-bill .edit-btn,.generate-revise-bill .save-btn{font-size:12px;padding:4px 8px}.generate-revise-bill .no-data-message{font-size:1rem;padding:1.5rem}}@media (max-width:480px){.generate-revise-bill{height:calc(100% - 52px);left:50px;padding:.5rem;width:calc(100% - 50px)}body:has(.sidebar.expanded) .generate-revise-bill{left:160px;width:calc(100% - 160px)}.generate-revise-bill .filter-box,.generate-revise-bill .table-box{padding:.75rem}.generate-revise-bill .table-title{font-size:1.2rem}.generate-revise-bill .table-responsive{max-height:300px}}.generate-revise-bill *{transition-timing-function:cubic-bezier(.4,0,.2,1)}.GenerateRevisedBillModal .modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.GenerateRevisedBillModal .modal-content{animation:scaleIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%;z-index:1001}.GenerateRevisedBillModal .modal-header{border-bottom:2px solid #e0e0e0;margin-bottom:1.5rem;padding-bottom:1rem}.GenerateRevisedBillModal .modal-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.GenerateRevisedBillModal .transactions-preview{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:8px;margin-bottom:1.5rem;max-height:300px;overflow-y:auto;scrollbar-color:#ccc #f5f5f5;scrollbar-width:thin}.GenerateRevisedBillModal .transactions-preview::-webkit-scrollbar{height:8px;width:8px}.GenerateRevisedBillModal .transactions-preview::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.GenerateRevisedBillModal .transactions-preview::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:4px}.GenerateRevisedBillModal .transactions-preview::-webkit-scrollbar-thumb:hover{background-color:#999}.GenerateRevisedBillModal .transactions-preview table{border-collapse:initial;border-spacing:0;font-family:Arial,sans-serif;font-size:14px;width:100%}.GenerateRevisedBillModal .transactions-preview th{background:linear-gradient(180deg,#f8f8f8,#f0f0f0);border-bottom:2px solid #e0e0e0;color:#333;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.GenerateRevisedBillModal .transactions-preview td{background-color:#fff;border-bottom:1px solid #e0e0e0;color:#333;padding:10px 12px;text-align:left}.GenerateRevisedBillModal .transactions-preview tr:nth-child(2n) td{background-color:#fafafa}.GenerateRevisedBillModal .transactions-preview tr:hover td{background-color:#f0f7ff}.GenerateRevisedBillModal .scroll-note{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-radius:0 0 6px 6px;border-top:1px solid #e0e0e0;color:#666;font-size:12px;font-style:italic;padding:8px;text-align:center}.GenerateRevisedBillModal .remarks-section{background-color:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;margin:1.5rem 0;padding:1rem}.GenerateRevisedBillModal .remarks-section h3{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.GenerateRevisedBillModal .remark-row{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.GenerateRevisedBillModal .remark-row input{background-color:#fff;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;flex:1 1;font-size:.95rem;padding:.75rem;transition:all .3s ease}.GenerateRevisedBillModal .remark-row input:focus{border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.GenerateRevisedBillModal .remark-buttons{display:flex;gap:.75rem;margin-top:.75rem}.GenerateRevisedBillModal .remark-buttons button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.6rem 1.2rem;transition:all .3s ease}.GenerateRevisedBillModal .remark-buttons button:first-child{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 2px 4px #4caf504d;color:#fff}.GenerateRevisedBillModal .remark-buttons button:last-child{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 2px 4px #f443364d;color:#fff}.GenerateRevisedBillModal .remark-buttons button:hover:not(:disabled){box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.GenerateRevisedBillModal .remark-buttons button:active:not(:disabled){transform:translateY(0)}.GenerateRevisedBillModal .remark-buttons button:disabled{background:linear-gradient(135deg,#ccc,#aaa);box-shadow:none!important;cursor:not-allowed;opacity:.7;transform:none!important}.GenerateRevisedBillModal .tax-checkbox{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e0e0e0;border-radius:8px;margin:1.5rem 0;padding:1rem;transition:all .3s ease}.GenerateRevisedBillModal .tax-checkbox:hover{background:linear-gradient(135deg,#f0f7ff,#e3f2fd);border-color:#87ceeb}.GenerateRevisedBillModal .tax-checkbox label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;margin:0}.GenerateRevisedBillModal .tax-checkbox input[type=checkbox]{accent-color:#4caf50;border-radius:4px;cursor:pointer;height:20px;width:20px}.GenerateRevisedBillModal .pass-display{border-radius:4px;color:#2196f3;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;margin:.5rem 0;padding:.5rem;transition:all .3s ease}.GenerateRevisedBillModal .pass-display:hover{background-color:#2196f31a;color:#1976d2;transform:translateY(-1px)}.GenerateRevisedBillModal .modal-actions{border-top:2px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.GenerateRevisedBillModal .modal-actions button{border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:.95rem;font-weight:600;padding:.85rem 2rem;transition:all .3s ease}.GenerateRevisedBillModal .generate-btn{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.GenerateRevisedBillModal .cancel-btn{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.GenerateRevisedBillModal .modal-actions button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.GenerateRevisedBillModal .generate-btn:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 4px 12px #4caf5066}.GenerateRevisedBillModal .cancel-btn:hover{background:linear-gradient(135deg,#d32f2f,#c62828);box-shadow:0 4px 12px #f4433666}.GenerateRevisedBillModal .modal-actions button:active{transform:translateY(0)}.GenerateRevisedBillModal .confirm-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1002}.GenerateRevisedBillModal .confirm-content{animation:scaleIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:90%;padding:2rem;text-align:center;width:400px}.GenerateRevisedBillModal .confirm-content h3{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.GenerateRevisedBillModal .confirm-content p{color:#555;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.GenerateRevisedBillModal .confirm-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.GenerateRevisedBillModal .confirm-actions button{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.GenerateRevisedBillModal .confirm-actions button:first-child{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 2px 4px #4caf504d;color:#fff}.GenerateRevisedBillModal .confirm-actions button:last-child{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 2px 4px #f443364d;color:#fff}.GenerateRevisedBillModal .confirm-actions button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.GenerateRevisedBillModal .confirm-actions button:active{transform:translateY(0)}.GenerateRevisedBillModal .modal-content h2,.GenerateRevisedBillModal .modal-content h3,.GenerateRevisedBillModal .modal-content input,.GenerateRevisedBillModal .modal-content label{color:#333;opacity:1!important}@media (max-width:768px){.GenerateRevisedBillModal .modal-content{max-height:85vh;padding:1.5rem;width:95%}.GenerateRevisedBillModal .modal-actions{flex-direction:column;gap:.75rem}.GenerateRevisedBillModal .modal-actions button{padding:.75rem;width:100%}.GenerateRevisedBillModal .remark-row{flex-direction:column;gap:.5rem}.GenerateRevisedBillModal .remark-row input{width:100%}.GenerateRevisedBillModal .remark-buttons{justify-content:center}.GenerateRevisedBillModal .confirm-content{padding:1.5rem;width:90%}}@media (max-width:480px){.GenerateRevisedBillModal .modal-content{padding:1rem}.GenerateRevisedBillModal .modal-header h2{font-size:1.3rem}.GenerateRevisedBillModal .transactions-preview{max-height:250px}.GenerateRevisedBillModal .tax-checkbox{padding:.75rem}.GenerateRevisedBillModal .confirm-content{padding:1rem}}.GenerateRevisedBillModal *{transition-timing-function:cubic-bezier(.4,0,.2,1)}.billing-id-confirm-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.billing-id-confirm-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:500px;overflow:hidden;width:90%}.billing-id-confirm-modal .modal-header{background:#ff9800;color:#fff;padding:20px;text-align:center}.billing-id-confirm-modal .modal-header h3{align-items:center;display:flex;font-size:20px;font-weight:600;gap:10px;justify-content:center;margin:0}.billing-id-confirm-modal .warning-icon{animation:pulse 2s infinite;font-size:24px}.billing-id-confirm-modal .modal-body{padding:25px}.billing-id-confirm-modal .info-text{color:#333;font-size:16px;line-height:1.5;margin-bottom:20px;text-align:center}.billing-id-confirm-modal .highlight-id{background-color:#fff3e0;border:2px solid #ffb74d;border-radius:4px;color:#f57c00;font-size:18px;padding:4px 8px}.billing-id-confirm-modal .removed-ids-label{border-bottom:1px dashed #ddd;color:#555;font-size:15px;font-weight:500;margin-top:20px;padding-bottom:8px}.billing-id-confirm-modal .removed-ids-list{list-style:none;margin:15px 0 20px;padding-left:0}.billing-id-confirm-modal .removed-id-item{align-items:center;background-color:#f5f5f5;border-left:4px solid #f44336;border-radius:6px;display:flex;margin-bottom:8px;padding:10px 15px;transition:all .2s ease}.billing-id-confirm-modal .removed-id-item:hover{background-color:#ffebee;transform:translateX(5px)}.billing-id-confirm-modal .removed-id-item strong{color:#d32f2f;font-size:15px}.billing-id-confirm-modal .bullet{color:#f44336;font-size:20px;font-weight:700;margin-right:10px}.billing-id-confirm-modal .confirmation-text{border-top:2px solid #ffcdd2;color:#d32f2f;font-size:16px;font-weight:600;margin-top:25px;padding-top:15px;text-align:center}.billing-id-confirm-modal .modal-actions{background-color:#f9f9f9;border-top:1px solid #eee;display:flex;gap:15px;justify-content:center;padding:20px}.billing-id-confirm-modal .modal-btn{border:none;border-radius:8px;box-shadow:0 3px 6px #0000001a;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.5px;min-width:140px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.billing-id-confirm-modal .modal-btn:hover{box-shadow:0 5px 12px #0003;transform:translateY(-2px)}.billing-id-confirm-modal .modal-btn:active{transform:translateY(0)}.billing-id-confirm-modal .confirm-btn{background:#4caf50;color:#fff}.billing-id-confirm-modal .confirm-btn:hover{background:#1b5e20;box-shadow:0 5px 12px #4caf504d}.billing-id-confirm-modal .cancel-btn{background:#f44336;color:#fff}.billing-id-confirm-modal .cancel-btn:hover{background:#b71c1c;box-shadow:0 5px 12px #f443364d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:576px){.billing-id-confirm-modal{max-width:95%;width:95%}.billing-id-confirm-modal .modal-header h3{font-size:18px}.billing-id-confirm-modal .modal-body{padding:20px 15px}.billing-id-confirm-modal .modal-actions{flex-direction:column;gap:10px;padding:15px}.billing-id-confirm-modal .modal-btn{padding:12px;width:100%}.billing-id-confirm-modal .removed-id-item{font-size:14px;padding:8px 12px}}#chat-page{background-color:#f5f5f5;box-sizing:border-box;height:calc(100% - 64px);left:72px;overflow:hidden;padding:1rem;position:fixed;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 72px)}body:has(.sidebar.expanded) #chat-page{left:220px;width:calc(100% - 220px)}.chat-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;height:100%;overflow:hidden;transition:box-shadow .3s ease;width:100%}.chat-container:hover{box-shadow:0 4px 12px #00000026}.chat-sidebar{border-right:1px solid #e0e0e0;flex-direction:column;height:100%;max-width:350px;min-width:250px;transition:width .3s ease;width:320px;z-index:10}.chat-sidebar,.chat-sidebar .chat-header{background-color:#fff;display:flex;flex-shrink:0}.chat-sidebar .chat-header{align-items:center;border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:15px 20px}.chat-sidebar .chat-header h2{color:#333;font-size:1.25rem;font-weight:600;margin:0}.search-container{border-bottom:1px solid #e0e0e0;padding:16px 20px;position:relative}.search-input{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:.95rem;padding:.75rem;transition:all .3s ease;width:100%}.search-input:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.search-results{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #0000001a;left:20px;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:20px;scrollbar-color:#ccc #f5f5f5;scrollbar-width:thin;top:100%;z-index:100}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.search-results::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.search-result-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#f5f5f5}.search-no-results{color:#666;font-size:.95rem;font-style:italic;padding:16px;text-align:center}.chats-list{flex:1 1;overflow-x:hidden;overflow-y:auto;scrollbar-color:#ccc #f5f5f5;scrollbar-width:thin}.chats-list::-webkit-scrollbar{width:8px}.chats-list::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.chats-list::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:4px}.chats-list::-webkit-scrollbar-thumb:hover{background-color:#999}.chat-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:12px 20px;transition:background-color .2s ease}.chat-item:hover{background-color:#f5f5f5}.chat-item.active{background-color:#e3f2fd}.chat-avatar{background:linear-gradient(135deg,#2196f3,#1976d2);font-size:1.1rem;height:40px;width:40px}.chat-avatar,.user-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;justify-content:center;margin-right:12px}.user-avatar{background:linear-gradient(135deg,#ff5722,#e64a19);font-size:.9rem;height:32px;width:32px}.chat-info{flex:1 1;min-width:0}.chat-name{color:#333;font-size:.95rem;font-weight:600;margin-bottom:4px}.last-message{color:#666;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-meta{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.timestamp{color:#999;font-size:.75rem;white-space:nowrap}.unread-badge{background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:12px;box-shadow:0 2px 4px #2196f34d;color:#fff;font-size:.75rem;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.chat-main{background-color:#fff;display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0;overflow:hidden}.chat-main .chat-header{background-color:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;justify-content:space-between;padding:15px 20px}.chat-main .chat-header,.chat-partner,.partner-avatar{align-items:center;display:flex}.partner-avatar{background:linear-gradient(135deg,#4caf50,#388e3c);border-radius:50%;color:#fff;flex-shrink:0;font-size:1.1rem;font-weight:600;height:40px;justify-content:center;margin-right:12px;width:40px}.group-avatar{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.partner-info{display:flex;flex-direction:column}.partner-name{color:#333;font-size:1rem;font-weight:600;margin-bottom:2px}.partner-status{color:#666;font-size:.85rem}.chat-header-menu{position:relative}#chat-page .menu-toggle{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:8px;transition:all .3s ease}#chat-page .menu-toggle:hover{background-color:#f5f5f5;color:#333}#chat-page .chat-menu-dropdown{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}#chat-page .menu-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:.95rem;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}#chat-page .menu-item:last-child{border-bottom:none}#chat-page .menu-item:hover:not(.disabled){background-color:#f5f5f5}#chat-page .menu-item.danger{color:#f44336}#chat-page .menu-item.danger:hover{background-color:#ffebee}#chat-page .menu-item.disabled{cursor:not-allowed;opacity:.6}.muting-spinner{font-style:italic;margin-left:auto}.messages-container{background-color:#fafafa;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px;scrollbar-color:#ccc #f5f5f5;scrollbar-width:thin}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.messages-container::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:4px}.message{display:flex;margin-bottom:16px;max-width:70%}.message.sent{justify-content:flex-end;margin-left:auto}.message.received{justify-content:flex-start;margin-right:auto}.message.system{justify-content:center;margin:8px auto;max-width:80%}.message-content{word-wrap:break-word;border-radius:18px;max-width:100%;padding:12px 16px;position:relative}.message.sent .message-content{background:linear-gradient(135deg,#2196f3,#1976d2);border-bottom-right-radius:4px}.message.received .message-content{background-color:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a}.message.system .message-content{background-color:#e1f5feb3;border:none;color:#546e7a;font-size:.85rem;font-style:italic;max-width:100%;padding:8px 16px;text-align:center}.message-content p{color:#333;font-size:.95rem;line-height:1.4;margin:0}.message.sent .message-content p{color:#fff}.message-time{color:#fffc;font-size:.75rem;margin-top:4px;text-align:right}.message.received .message-time{color:#999}.message-sender{color:#555;font-size:.75rem;font-weight:600;margin-bottom:4px}.message.sent .message-sender{display:none}.system-message-content{align-items:center;display:flex;gap:6px;justify-content:center}.date-separator{display:flex;justify-content:center;margin:20px 0;position:relative;z-index:1}.date-separator span{background-color:#0000001a;border-radius:15px;color:#666;font-size:.75rem;font-weight:500;padding:6px 16px}.loading-more-messages{background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;font-size:.85rem;font-style:italic;padding:12px}.file-message-card{max-width:100%}.file-card{align-items:center;background:#ffffffe6;border:1px solid #0000001a;border-radius:12px;display:flex;margin:4px 0;padding:12px;transition:all .3s ease}.file-card:hover{background:#fff;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.file-icon{align-items:center;background:#f0f0f0;border-radius:8px;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;margin-right:12px;width:40px}.file-details{flex:1 1;min-width:0}.file-name{color:#333;font-size:.95rem;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{color:#666;display:flex;font-size:.75rem;gap:8px}.file-size,.file-type{background:#0000001a;border-radius:4px;font-weight:500;padding:2px 6px}.upload-progress{margin-top:8px}.progress-bar{background-color:#e0e0e0;border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden;width:100%}.progress-fill{animation:progress 2s ease-in-out infinite;background-color:#2196f3;height:100%}@keyframes progress{0%{width:0}50%{width:70%}to{width:100%}}.upload-text{color:#666;font-size:.75rem;font-style:italic}.file-actions{margin-left:8px}.download-btn,.file-actions{align-items:center;display:flex}.download-btn{background-color:#2196f3;border:none;border-radius:50%;color:#fff;cursor:pointer;justify-content:center;padding:8px;transition:all .3s ease}.download-btn:hover:not(.disabled){background-color:#0d8bf2;transform:translateY(-1px)}.download-btn.disabled{background-color:#ccc;cursor:not-allowed}.file-message-text{border-top:1px solid #0000001a;margin-top:8px;padding-top:8px}.file-message-text p{color:#333;font-size:.95rem;margin:0}.message-input-container{background-color:#fff;border-top:1px solid #e0e0e0;flex-shrink:0;padding:16px 20px}.input-group{align-items:center;display:flex;gap:8px}.message-input{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:24px;flex:1 1;font-size:.95rem;outline:none;padding:.75rem 1rem;transition:all .3s ease}.message-input:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.message-input:disabled{background-color:#e9ecef;cursor:not-allowed}.file-preview{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:12px;padding:8px 12px}.file-preview span{color:#333;flex:1 1;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview button{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;padding:4px;transition:background-color .2s;width:24px}.file-preview button:hover{background-color:#e0e0e0;color:#666}.create-group-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:6px;box-shadow:0 2px 4px #4caf504d;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;padding:.75rem;transition:all .3s ease}.create-group-btn:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.file-upload-btn{align-items:center;background-color:#f5f5f5;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:10px 12px;transition:all .3s ease}.file-upload-btn:hover:not(:disabled){background-color:#e0e0e0;transform:translateY(-1px)}.file-upload-btn:disabled{cursor:not-allowed;opacity:.5}.send-btn{align-items:center;background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:24px;box-shadow:0 2px 4px #2196f34d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;justify-content:center;min-width:60px;padding:.75rem 1.5rem;transition:all .3s ease}.send-btn:hover:not(:disabled){background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.send-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed}.connection-status{align-items:center;color:#666;display:flex;font-size:.85rem;gap:6px}.status-indicator{border-radius:50%;height:8px;width:8px}.status-indicator.connected{background-color:#4caf50}.status-indicator.disconnected{background-color:#f44336}.no-chat-selected{align-items:center;background-color:#fafafa;display:flex;flex:1 1;justify-content:center}.no-chat-content{color:#999;padding:40px;text-align:center}.no-chat-content h3{color:#666;font-size:1.125rem;font-weight:600;margin-bottom:12px}.no-chat-content p{font-size:.95rem;margin:0}.group-creation-modal{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.group-creation-modal .modal-content{animation:scaleIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.group-creation-modal .modal-content h3{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:20px;margin-top:0}.group-creation-modal .modal-content input[type=text]{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:.95rem;margin-bottom:15px;padding:.75rem;transition:all .3s ease;width:100%}.group-creation-modal .modal-content input[type=text]:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.users-list{border:1px solid #e0e0e0;border-radius:6px;margin-bottom:15px;max-height:300px;overflow-y:auto;scrollbar-color:#ccc #f5f5f5;scrollbar-width:thin}.users-list::-webkit-scrollbar{width:6px}.users-list::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.users-list::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.user-item{border-bottom:1px solid #f0f0f0;cursor:pointer;font-size:.95rem;padding:12px 16px;transition:background-color .2s ease}.user-item:last-child{border-bottom:none}.user-item:hover{background-color:#f5f5f5}.user-item.selected{background-color:#e3f2fd;font-weight:600}.group-creation-modal .modal-content button{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:6px;box-shadow:0 2px 4px #2196f34d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-bottom:8px;padding:.85rem 1rem;transition:all .3s ease;width:100%}.group-creation-modal .modal-content button:first-of-type{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 2px 4px #4caf504d}.group-creation-modal .modal-content button:first-of-type:hover:not(:disabled){background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.group-creation-modal .modal-content button:first-of-type:disabled{background:#ccc;box-shadow:none;cursor:not-allowed}.group-creation-modal .modal-content button:last-of-type{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 2px 4px #f443364d;margin-bottom:0}.group-creation-modal .modal-content button:last-of-type:hover{background:linear-gradient(135deg,#d32f2f,#c62828);box-shadow:0 4px 12px #f4433666;transform:translateY(-2px)}.group-details-modal{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:3rem;z-index:1000}.group-details-content{animation:scaleIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-height:85vh;max-width:800px;overflow-y:auto;padding:2rem;width:90%}.group-details-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.group-details-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.close-modal-btn{align-items:center;background:#f443361a;border:none;border-radius:50%;color:#d32f2f;cursor:pointer;display:flex;font-size:1.125rem;font-weight:700;height:32px;justify-content:center;padding:8px;transition:all .3s ease;width:32px}.close-modal-btn:hover{background:#f4433633}.group-info-section{background-color:#f5f5f5;border-radius:8px;margin-bottom:20px;padding:15px}.group-creator,.group-stats{align-items:center;display:flex;gap:10px;margin-bottom:8px}.info-label{color:#666;font-size:.95rem;font-weight:600}.creator-name,.members-count{color:#333;font-size:.95rem}.participants-section{margin-bottom:20px}.participants-section h3{color:#333;font-size:1.125rem;font-weight:600;margin-bottom:15px}.participants-list{display:flex;flex-direction:column;gap:10px}.participant-card{align-items:center;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;display:flex;padding:12px}.participant-avatar{align-items:center;background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:600;height:40px;justify-content:center;margin-right:12px;width:40px}.participant-info{flex:1 1;min-width:0}.participant-name{color:#333;font-size:.95rem;font-weight:600;margin-bottom:4px}.participant-profile{color:#666;font-size:.75rem}.participant-actions{align-items:center;display:flex;gap:10px}.remove-participant-btn{background:linear-gradient(135deg,#f44336,#d32f2f);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .3s ease}.remove-participant-btn:hover{background:linear-gradient(135deg,#d32f2f,#c62828);box-shadow:0 2px 4px #f443364d;transform:translateY(-1px)}.creator-badge{background:linear-gradient(135deg,#4caf50,#388e3c);border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px}.history-status{color:#999;font-size:.75rem}.add-participant-section{margin-top:20px}.add-participant-section h3{color:#333;font-size:1.125rem;font-weight:600;margin-bottom:15px}.add-participant-search{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:.95rem;margin-bottom:15px;padding:.75rem;transition:all .3s ease;width:100%}.add-participant-search:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.available-users-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));max-height:300px;overflow-y:auto;scrollbar-color:#ccc #f5f5f5;scrollbar-width:thin}.available-users-grid::-webkit-scrollbar{width:6px}.available-users-grid::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.available-users-grid::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.user-card{align-items:center;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;display:flex;padding:12px;transition:background-color .2s ease}.user-card:hover{background-color:#f0f0f0}.user-card .user-avatar{height:36px;margin-right:10px;width:36px}.user-card .user-info{flex:1 1;min-width:0}.user-name{color:#333;font-size:.95rem;font-weight:600;margin-bottom:2px}.user-email,.user-profile{color:#666;font-size:.75rem}.add-user-btn{background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .3s ease}.add-user-btn:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 2px 4px #4caf504d;transform:translateY(-1px)}.notification-toast{animation:slideIn .3s ease;background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:6px;bottom:20px;box-shadow:0 4px 12px #0003;color:#fff;font-size:.95rem;max-width:300px;padding:12px 20px;position:fixed;right:20px;z-index:1000}.no-more-messages{border-bottom:1px solid #eee}.loading-more-messages,.no-more-messages{color:#666;font-size:14px;padding:10px;text-align:center}@media (max-width:1200px){#chat-page{padding:1.5rem}.chat-sidebar{min-width:220px;width:300px}}@media (max-width:1024px){body:has(.sidebar.expanded) #chat-page{left:200px;width:calc(100% - 200px)}#chat-page{padding:1.25rem}.chat-sidebar{min-width:200px;width:280px}.chat-header{padding:12px 16px}.group-details-modal{bottom:0;left:4rem;right:0;top:3rem}}@media (max-width:768px){#chat-page{height:calc(100% - 56px);left:60px;padding:1rem;width:calc(100% - 60px)}body:has(.sidebar.expanded) #chat-page{left:180px;width:calc(100% - 180px)}.chat-container{flex-direction:column}.chat-sidebar{border-bottom:1px solid #e0e0e0;border-right:none;height:40%;max-width:100%;min-height:300px;width:100%}.chat-main{height:60%}.search-container{padding:12px 16px}.message{max-width:85%}.group-creation-modal .modal-content,.group-details-content{padding:1.5rem;width:95%}.available-users-grid{grid-template-columns:1fr}}@media (max-width:640px){#chat-page{padding:.75rem}.chat-sidebar{height:35%;min-height:250px}.chat-main{height:65%}.chat-avatar,.partner-avatar{font-size:1rem;height:36px;width:36px}.chat-name,.partner-name{font-size:.9rem}}@media (max-width:480px){#chat-page{height:calc(100% - 52px);left:50px;padding:.5rem;width:calc(100% - 50px)}body:has(.sidebar.expanded) #chat-page{left:160px;width:calc(100% - 160px)}.chat-sidebar{height:30%;min-height:200px}.chat-main{height:70%}.chat-header,.search-container{padding:10px 12px}.message-input-container{padding:12px}.notification-toast{bottom:10px;font-size:.9rem;max-width:250px;padding:10px 16px;right:10px}}#chat-page *{transition-timing-function:cubic-bezier(.4,0,.2,1)}.chat-Notification{background-color:#6264a7;border-radius:10px;bottom:80px;box-shadow:0 4px 10px #0003;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-family:Segoe UI,sans-serif;isolation:isolate;padding:16px;pointer-events:auto;position:fixed;right:30px;transform:translateZ(0);transition:transform .2s ease;width:300px;will-change:transform;z-index:2147483647}.chat-Notification:hover{transform:translateY(-2px)}.chat-Notification .chat-avatar{align-items:center;background-color:#fff;border-radius:50%;color:#6264a7;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;margin-right:12px;width:40px}.chat-Notification .chat-content{display:flex;flex-direction:column;flex-grow:1;min-width:0}.chat-Notification .chat-sender{font-size:15px;font-weight:600;margin-bottom:4px}.chat-Notification .chat-message{word-wrap:break-word;display:block;margin-top:4px;max-height:none;overflow:visible}.chat-Notification .chatFile{color:#d3d3d3;display:block;font-weight:700;margin-bottom:4px;white-space:nowrap}.chat-Notification .chatFile,.chat-Notification .chatText{max-width:100%;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.chat-Notification .chatText{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4em;max-height:2.8em;white-space:normal}.chat-Notification .chat-close{background:#0000;border:none;color:#fff;cursor:pointer;flex-shrink:0;font-size:20px;font-weight:700;line-height:1;margin-left:10px;padding:0}.chat-Notification .chat-close:hover{opacity:.6}.chat-icon-wrapper{align-items:center;cursor:pointer;display:inline-flex;position:relative}.chat-notification-badge{align-items:center;animation:pulse 2s infinite;background-color:#f44;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 5px;position:absolute;right:-8px;top:-8px;z-index:10}.chat-notification-badge.hidden{display:none}@keyframes pulse{0%{box-shadow:0 0 0 0 #ff4444b3}70%{box-shadow:0 0 0 10px #f440}to{box-shadow:0 0 0 0 #f440}}.chat-notification-badge.large-count{font-size:10px;min-width:24px;padding:0 4px}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.chat-Notification{animation:slideIn .3s ease-out}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(400px)}}.chat-Notification.closing{animation:slideOut .3s ease-in}.user-management-container{background-color:#f5f5f5;box-sizing:border-box;height:calc(100% - 64px);left:72px;overflow-x:hidden;overflow-y:auto;padding:2rem;position:fixed;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 72px)}body:has(.sidebar.expanded) .user-management-container{left:220px;width:calc(100% - 220px)}.user-management-container::-webkit-scrollbar{height:10px;width:10px}.user-management-container::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}.user-management-container::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}.user-management-container::-webkit-scrollbar-thumb:hover{background-color:#999}.user-management-container .spinner-container{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:100px;width:100%}.user-management-container .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}.user-management-container .modal-spinner-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fffc;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.user-management-container .container-users{margin:0 auto;max-width:1400px;width:100%}.user-management-container .loading{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#555;font-size:1.2rem;padding:2rem;text-align:center}.user-management-container .userForm{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;min-height:120px;padding:1.5rem;transition:box-shadow .3s ease}.user-management-container .userForm:hover{box-shadow:0 4px 12px #00000026}.user-management-container .userForm-title{border-bottom:2px solid #f0f0f0;color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:1rem}.user-management-container .form-row{grid-gap:1.5rem;align-items:end;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.user-management-container .form-group{display:flex;flex-direction:column;gap:.5rem}.user-management-container .form-group label{color:#333;font-size:.95rem;font-weight:600}.user-management-container .form-control{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:.95rem;padding:.75rem;transition:all .3s ease;width:100%}.user-management-container .form-control:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.user-management-container .password-group,.user-management-container .password-input-container{position:relative}.user-management-container .password-toggle{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.user-management-container .password-toggle:hover{color:#333}.user-management-container .password-input-container input{padding-right:40px}.user-management-container .checkbox-group{align-items:center;display:flex;margin-top:0;min-height:44px}.user-management-container .checkbox-group label{align-items:center;color:#333;cursor:pointer;display:flex;font-weight:500;gap:.5rem;margin-bottom:0}.user-management-container .checkbox-group input[type=checkbox]{accent-color:#2196f3;cursor:pointer;height:18px;width:18px}.user-management-container .button-group{align-items:center;display:flex;gap:1rem;margin-top:.5rem}.user-management-container .add-user-btn{background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:6px;box-shadow:0 2px 4px #4caf504d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;min-width:140px;padding:.85rem 2rem;text-align:center;transition:all .3s ease}.user-management-container .add-user-btn:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.user-management-container .cancel-btn{background-color:#f8f9fa;border:2px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:.95rem;font-weight:600;min-width:140px;padding:.85rem 2rem;text-align:center;transition:all .3s ease}.user-management-container .cancel-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.user-management-container .inline-edit-controls{align-items:center;display:flex;gap:8px;justify-content:center}.user-management-container .save-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .3s ease}.user-management-container .save-btn:hover{background-color:#388e3c;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}.user-management-container .cancel-edit-btn{background-color:#f8f9fa;border:2px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .3s ease}.user-management-container .cancel-edit-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.user-management-container .inline-edit-input{border:2px solid #e0e0e0;border-radius:4px;font-size:14px;padding:6px 8px;transition:all .3s ease;width:100%}.user-management-container .inline-edit-input:focus{border-color:#87ceeb;box-shadow:0 0 0 2px #87ceeb33;outline:none}.user-management-container .inline-edit-select{background-color:#fff;border:2px solid #e0e0e0;border-radius:4px;font-size:14px;padding:6px 8px;transition:all .3s ease;width:100%}.user-management-container .inline-edit-select:focus{border-color:#87ceeb;box-shadow:0 0 0 2px #87ceeb33;outline:none}.user-management-container .inline-edit-checkbox{accent-color:#2196f3;cursor:pointer;height:18px;width:18px}.user-management-container .status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;min-width:70px;padding:4px 12px;text-align:center}.user-management-container .status-active{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.user-management-container .status-inactive{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.user-management-container .search-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.user-management-container .search-input{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:6px;font-size:.95rem;max-width:400px;padding:.75rem;transition:all .3s ease;width:100%}.user-management-container .search-input:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.user-management-container .table-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:550px;padding:1.5rem;position:relative;transition:box-shadow .3s ease;width:100%}.user-management-container .table-wrapper:hover{box-shadow:0 4px 12px #00000026}.user-management-container .scrollable-table{flex-grow:1;overflow-x:auto;overflow-y:auto;scrollbar-color:#ccc #f5f5f5;scrollbar-width:thin;width:100%}.user-management-container .scrollable-table::-webkit-scrollbar{height:10px;width:10px}.user-management-container .scrollable-table::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}.user-management-container .scrollable-table::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}.user-management-container .scrollable-table::-webkit-scrollbar-thumb:hover{background-color:#999}.user-management-container #userTable{border:1px solid #e0e0e0;border-collapse:initial;border-spacing:0;font-family:Arial,sans-serif;font-size:14px;margin:0;max-height:500px;white-space:nowrap;width:100%}.user-management-container #userTable thead th{background:linear-gradient(180deg,#f8f8f8,#f0f0f0);border-bottom:2px solid #ccc;box-shadow:0 2px 4px #0000001a;color:#333;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:20}.user-management-container #userTable td,.user-management-container #userTable th{background-color:#fff;border:1px solid #e0e0e0;color:#333;padding:12px;position:relative;text-align:center}.user-management-container #userTable tbody tr{background-color:#fff;transition:background-color .2s ease}.user-management-container #userTable tbody tr:nth-child(2n){background-color:#fafafa}.user-management-container #userTable tbody tr:hover{background-color:#f0f7ff}.user-management-container #userTable tbody tr.editing-row{background-color:#e8f5e9;border:2px solid #4caf50}.user-management-container #userTable tbody tr.editing-row td{border-color:#4caf50}.user-management-container .delete-btn,.user-management-container .edit-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;margin:0 2px;padding:6px 12px;transition:all .3s ease}.user-management-container .edit-btn{background-color:#2196f3;color:#fff}.user-management-container .delete-btn{background-color:#f44336;color:#fff}.user-management-container .edit-btn:hover{background-color:#1976d2;box-shadow:0 4px 8px #2196f34d;transform:translateY(-2px)}.user-management-container .delete-btn:hover{background-color:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}.user-management-container .delete-btn:active,.user-management-container .edit-btn:active{transform:translateY(0)}.user-management-container .delete-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.user-management-container .delete-modal{animation:scaleIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:90%;padding:2rem;text-align:center;width:450px}.user-management-container .delete-modal-icon{color:#f44336;font-size:3rem;margin-bottom:1rem}.user-management-container .delete-modal h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.user-management-container .delete-modal p{color:#555;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.user-management-container .user-id-highlight{color:#f44336;font-weight:700}.user-management-container .warning-text{color:#f44336;font-size:.9rem;font-style:italic;margin-bottom:1.5rem}.user-management-container .delete-modal-buttons{display:flex;gap:1rem;justify-content:center}.user-management-container .modal-cancel-btn{background-color:#f8f9fa;border:2px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.user-management-container .modal-cancel-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.user-management-container .modal-confirm-delete-btn{background-color:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.user-management-container .modal-confirm-delete-btn:hover{background-color:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}.user-management-container .modal-confirm-delete-btn:active{transform:translateY(0)}@media (max-width:1200px){.user-management-container{padding:1.5rem}.user-management-container .table-wrapper{height:500px}.user-management-container .form-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){body:has(.sidebar.expanded) .user-management-container{left:200px;width:calc(100% - 200px)}.user-management-container{padding:1.25rem}.user-management-container .userForm{padding:1.5rem}.user-management-container .table-wrapper{padding:1.25rem}.user-management-container .form-row{grid-gap:1.25rem}}@media (max-width:768px){.user-management-container{height:calc(100% - 56px);left:60px;padding:1rem;width:calc(100% - 60px)}body:has(.sidebar.expanded) .user-management-container{left:180px;width:calc(100% - 180px)}.user-management-container .search-section,.user-management-container .table-wrapper,.user-management-container .userForm{padding:1rem}.user-management-container .form-row{grid-gap:1rem;grid-template-columns:1fr}.user-management-container .button-group{flex-direction:column;gap:.75rem}.user-management-container .add-user-btn,.user-management-container .cancel-btn{text-align:center;width:100%}.user-management-container #userTable td,.user-management-container #userTable th{font-size:12px;padding:8px}.user-management-container .table-wrapper{height:450px}.user-management-container .delete-modal{padding:1.5rem;width:90%}.user-management-container .search-input{max-width:100%}}@media (max-width:640px){.user-management-container{padding:.75rem}.user-management-container .table-wrapper{height:400px}.user-management-container #userTable td,.user-management-container #userTable th{font-size:11px;padding:6px}.user-management-container .userForm-title{font-size:1.3rem}}@media (max-width:480px){.user-management-container{height:calc(100% - 52px);left:50px;padding:.5rem;width:calc(100% - 50px)}body:has(.sidebar.expanded) .user-management-container{left:160px;width:calc(100% - 160px)}.user-management-container .userForm{padding:.75rem}.user-management-container .table-wrapper{height:350px;padding:.75rem}.user-management-container .add-user-btn,.user-management-container .cancel-btn{font-size:.9rem;padding:.75rem 1rem}.user-management-container .search-section{padding:.75rem}}.user-management-container *{transition-timing-function:cubic-bezier(.4,0,.2,1)}.profile-page{height:calc(100% - 64px);left:72px;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 72px)}.profile-page,.profile-page-driver{background-color:#f5f5f5;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;padding:2rem;position:fixed}.profile-page-driver{height:100%;left:0;top:0;width:100%}body:has(.sidebar.expanded) .profile-page{left:220px;width:calc(100% - 220px)}.profile-page-driver::-webkit-scrollbar,.profile-page::-webkit-scrollbar{height:10px;width:10px}.profile-page-driver::-webkit-scrollbar-track,.profile-page::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}.profile-page-driver::-webkit-scrollbar-thumb,.profile-page::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}.profile-page-driver::-webkit-scrollbar-thumb:hover,.profile-page::-webkit-scrollbar-thumb:hover{background-color:#999}.profile-page .container,.profile-page-driver .container{margin:0 auto;max-width:1000px;width:100%}.profile-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;gap:2rem;margin-top:2.5rem;padding:2rem;position:relative;transition:box-shadow .3s ease}.profile-card:hover{box-shadow:0 6px 16px #00000026}.profile-card-header{position:absolute;right:2rem;top:1.5rem}.back-home-link{align-items:center;background:linear-gradient(135deg,#032c5d,#285489);border:none;border-radius:6px;box-shadow:0 2px 4px #032c5d4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.back-home-link:hover{background:linear-gradient(135deg,#285489,#1c3d6b);box-shadow:0 4px 12px #032c5d66;transform:translateY(-2px)}.back-home-link:active{transform:translateY(0)}.profile-avatar{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border:4px solid #fff;border-radius:50%;box-shadow:0 4px 8px #0000001a;display:flex;height:140px;justify-content:center;margin-bottom:1.5rem;overflow:hidden;position:relative;width:140px}.avatar-image{height:100%;object-fit:cover;width:100%}.avatar-icon{color:#666;font-size:56px;font-weight:700}.photo-upload{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(0deg,#000000b3,#0006);bottom:0;left:0;padding:.75rem;position:absolute;right:0;text-align:center;transform:translateY(100%);transition:transform .3s ease}.profile-avatar:hover .photo-upload{transform:translateY(0)}.upload-label{color:#fff;cursor:pointer;display:block;font-size:.85rem;font-weight:500;transition:color .3s ease}.upload-label:hover{color:#87ceeb}.file-requirements{color:#ddd;font-size:.75rem;margin-top:4px;opacity:.9}.profile-details{flex:1 1}.detail-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;margin-bottom:1rem;padding-bottom:1rem;transition:border-color .3s ease}.detail-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-row:hover{border-color:#e0e0e0}.detail-label{color:#555;flex-shrink:0;font-size:.95rem;font-weight:600;width:140px}.detail-value{color:#333;flex:1 1;font-size:1rem;font-weight:500}.edit-input-container{display:flex;flex:1 1}.edit-input-container select.edit-input,.edit-input[type=email],.edit-input[type=number],.edit-input[type=text]{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:.8rem;max-width:300px;padding:.75rem 1rem;transition:all .3s ease;width:100%}.edit-input-container select.edit-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:16px;padding-right:2.5rem}.edit-input-container select.edit-input:focus,.edit-input:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.profile-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.cancel-button,.edit-profile-button,.save-button{align-items:center;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:.85rem 1.5rem;transition:all .3s ease}.edit-profile-button{background:linear-gradient(135deg,#032c5d,#285489);color:#fff}.save-button{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.cancel-button{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.edit-profile-button:hover{background:linear-gradient(135deg,#285489,#1c3d6b);box-shadow:0 4px 12px #032c5d66;transform:translateY(-2px)}.save-button:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.cancel-button:hover{background:linear-gradient(135deg,#d32f2f,#c62828);box-shadow:0 4px 12px #f4433666;transform:translateY(-2px)}.cancel-button:active,.edit-profile-button:active,.save-button:active{transform:translateY(0)}.profile-page *,.profile-page-driver *{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (max-width:1200px){.profile-page,.profile-page-driver{padding:1.5rem}.profile-card{padding:1.75rem}}@media (max-width:1024px){body:has(.sidebar.expanded) .profile-page{left:200px;width:calc(100% - 200px)}.profile-page,.profile-page-driver{padding:1.25rem}.profile-card{gap:1.5rem;padding:1.5rem}.profile-avatar{height:120px;width:120px}.avatar-icon{font-size:48px}}@media (max-width:768px){.profile-page{height:calc(100% - 56px);left:60px;padding:1rem;width:calc(100% - 60px)}body:has(.sidebar.expanded) .profile-page{left:180px;width:calc(100% - 180px)}.profile-card{align-items:center;flex-direction:column;margin-top:2rem;padding:1.5rem;text-align:center}.profile-card-header{margin-bottom:1rem;position:relative;right:auto;text-align:center;top:auto;width:100%}.back-home-link{max-width:200px;width:100%}.detail-row{align-items:center;flex-direction:column;gap:.5rem;text-align:center}.detail-label{margin-bottom:.25rem;width:100%}.detail-value{text-align:center;width:100%}.edit-input-container{justify-content:center;width:100%}.edit-input-container select.edit-input,.edit-input[type=email],.edit-input[type=number],.edit-input[type=text]{max-width:100%;width:100%}.profile-actions{justify-content:center}.cancel-button,.edit-profile-button,.save-button{flex:1 1;max-width:200px;min-width:140px}}@media (max-width:640px){.profile-page,.profile-page-driver{padding:.75rem}.profile-card{margin-top:1.5rem;padding:1.25rem}.profile-avatar{height:100px;margin-bottom:1rem;width:100px}.avatar-icon{font-size:40px}.detail-row{margin-bottom:1rem;padding-bottom:1rem}.profile-actions{align-items:stretch;flex-direction:column;gap:.75rem}.cancel-button,.edit-profile-button,.save-button{max-width:100%;width:100%}}@media (max-width:480px){.profile-page{height:calc(100% - 52px);left:50px;padding:.5rem;width:calc(100% - 50px)}body:has(.sidebar.expanded) .profile-page{left:160px;width:calc(100% - 160px)}.profile-card{gap:1rem;margin-top:1rem;padding:1rem}.profile-avatar{height:80px;width:80px}.avatar-icon{font-size:32px}.photo-upload{padding:.5rem}.upload-label{font-size:.8rem}.file-requirements{font-size:.7rem}.detail-label,.detail-value{font-size:.9rem}.edit-input-container select.edit-input,.edit-input[type=email],.edit-input[type=number],.edit-input[type=text]{font-size:.9rem;padding:.6rem .75rem}.cancel-button,.edit-profile-button,.save-button{font-size:.85rem;padding:.75rem}}.driver-navbar{align-items:center;background:linear-gradient(90deg,#1a1a1a,#333);box-shadow:0 2px 10px #0000001a;display:flex;height:64px;justify-content:space-between;left:0;padding:.8rem 1rem;position:fixed;right:0;top:0;transition:padding .3s ease;width:100%;z-index:100}.driver-navbar .navbar-left{align-items:center;display:flex;flex:1 1;gap:12px}.driver-navbar .logo{border:2px solid #fff;border-radius:18px;cursor:pointer;height:32px;margin-right:2px;transition:transform .3s ease}.driver-navbar .logo:hover{border:3px solid #87ceeb;transform:scale(1.15)}.driver-navbar .route-name-container{flex-grow:1;text-align:center}.driver-navbar .route-name{color:#fff;font-size:1.2rem;font-weight:600;margin-left:18rem;text-transform:capitalize;transition:font-size .3s ease;white-space:nowrap}.driver-navbar .nav-buttons-right{align-items:center;display:flex;flex:1 1;gap:12px;justify-content:flex-end}.driver-navbar .Username-display{color:#fff;font-size:1rem;font-weight:500;text-transform:capitalize;transition:color .3s ease;white-space:nowrap}.driver-navbar .Username-display:hover{color:#87ceeb}.driver-navbar .user-profile{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:.5rem;transition:background .3s ease}.driver-navbar .user-profile:hover{background:#ffffff1a}.driver-navbar .menu-toggle{align-items:center;display:flex;gap:8px}.driver-navbar .profile-icon{color:#fff;font-size:1.5rem;transition:color .3s ease}.driver-navbar .user-profile:hover .profile-icon{color:#87ceeb}.driver-navbar .profile-container{align-items:center;display:flex;gap:8px}.driver-navbar .profile-info{display:flex;flex-direction:column}.driver-navbar .profile-name{color:#fff;font-size:.9rem;font-weight:500;white-space:nowrap}.driver-navbar .profile-name:hover{color:#87ceeb}.driver-navbar .status-toggle{align-items:center;background:#0000;border:2px solid #fff;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;height:36px;min-width:120px;padding:.5rem 1rem;transition:all .3s ease}.driver-navbar .status-toggle:hover{background:#ffffff1a;transform:translateY(-1px)}.driver-navbar .status-toggle.active{background:#4caf50;border-color:#4caf50}.driver-navbar .status-toggle.inactive{background:#f44336;border-color:#f44336}.driver-navbar .circle-toggle{align-items:center;background:#0000;border:2px solid #fff;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;height:36px;min-width:120px;padding:.5rem 1rem;transition:all .3s ease}.driver-navbar .circle-toggle:hover{background:#ffffff1a;transform:translateY(-1px)}.driver-navbar .circle-indicator{border-radius:50%;height:12px;transition:background-color .3s ease;width:12px}.driver-navbar .circle-indicator.active{background-color:#4caf50}.driver-navbar .circle-indicator.inactive{background-color:#f44336}.driver-navbar .status-message{animation:fadeInOut 3s ease-in-out;border-radius:4px;box-shadow:0 2px 8px #0003;font-weight:500;left:50%;padding:.75rem 1.5rem;position:fixed;top:70px;transform:translateX(-50%);z-index:1000}.driver-navbar .status-message.active{background-color:#4caf50;color:#fff}.driver-navbar .status-message.inactive{background-color:#f44336;color:#fff}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}20%{opacity:1;transform:translateX(-50%) translateY(0)}80%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-10px)}}.driver-navbar .confirm-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.driver-navbar .confirm-content{animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275);background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;color:#333;max-width:400px;padding:20px 30px;text-align:center;width:90%}.driver-navbar .confirm-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.driver-navbar .confirm-actions button{border:none;border-radius:6px;cursor:pointer;font-weight:500;min-width:80px;padding:8px 20px;transition:all .3s ease}.driver-navbar .confirm-actions button:first-child{background-color:#f44336;color:#fff}.driver-navbar .confirm-actions button:first-child:hover{background-color:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}.driver-navbar .confirm-actions button:last-child{background-color:#4caf50;color:#fff}.driver-navbar .confirm-actions button:last-child:hover{background-color:#388e3c;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}@media (max-width:1200px){.driver-navbar .route-name{font-size:1.1rem;margin-left:5rem}}@media (max-width:1024px){.driver-navbar .route-name{font-size:1.1rem;margin-left:5rem}.driver-navbar .circle-toggle,.driver-navbar .status-toggle{font-size:.9rem;min-width:100px;padding:.4rem .8rem}}@media (max-width:768px){.driver-navbar{height:56px;padding:.6rem}.driver-navbar .route-name{font-size:.9rem;margin-left:1px;margin-right:35px}.driver-navbar .nav-buttons-right{gap:8px}.driver-navbar .circle-toggle,.driver-navbar .status-toggle{font-size:.8rem;height:32px;min-width:90px;padding:.4rem .6rem}.driver-navbar .Username-display,.driver-navbar .profile-name{font-size:.8rem}.driver-navbar .profile-icon{font-size:1.3rem}.driver-navbar .status-message{font-size:.9rem;padding:.5rem 1rem;top:60px}}@media (max-width:640px){.driver-navbar .navbar-left{gap:8px}.driver-navbar .logo{height:28px}.driver-navbar .route-name{font-size:.65rem;margin-left:0}.driver-navbar .circle-toggle,.driver-navbar .status-toggle{font-size:.75rem;min-width:80px}.driver-navbar .profile-name{display:none}}@media (max-width:480px){.driver-navbar{height:52px;padding:.5rem}.driver-navbar .route-name{font-size:.8rem}.driver-navbar .circle-toggle,.driver-navbar .status-toggle{font-size:.7rem;height:28px;min-width:70px;padding:.3rem .5rem}.driver-navbar .Username-display{font-size:.75rem}.driver-navbar .profile-icon{font-size:1.2rem}}.driver-navbar *{transition-timing-function:cubic-bezier(.4,0,.2,1)}.order-book-container{background-color:#f0f2f5;box-sizing:border-box;color:#333;font-family:Inter,sans-serif;height:calc(100% - 64px);left:72px;overflow-x:hidden;overflow-y:auto;padding:2rem;position:fixed;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 72px)}body:has(.sidebar.expanded) .order-book-container{left:220px;width:calc(100% - 220px)}.order-book-container::-webkit-scrollbar{height:10px;width:10px}.order-book-container::-webkit-scrollbar-track{background:#f0f2f5;border-radius:5px}.order-book-container::-webkit-scrollbar-thumb{background-color:#a0a0a0;border:2px solid #f0f2f5;border-radius:5px}.order-book-container::-webkit-scrollbar-thumb:hover{background-color:#777}.order-book-container .order-book-operations{align-items:center;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:row;gap:1rem;margin-bottom:2rem;padding:1rem 1.5rem}.order-book-container .btn-schedule,.order-book-container .order-book-button{align-items:center;align-self:flex-start;background-color:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:5px;justify-content:center;letter-spacing:.5px;padding:.75rem 1.25rem;text-transform:uppercase;transition:all .3s ease}.order-book-container .btn-schedule:hover,.order-book-container .order-book-button:hover{background-color:#1976d2;box-shadow:0 6px 16px #007bff4d;transform:translateY(-2px)}.order-book-container .modal-spinner-overlay{align-items:center;background-color:#ffffffb3;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.order-book-container .spinner-container{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:100px;width:100%}.order-book-container .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:30px;width:30px}.order-book-container .btn-cancel{align-items:center;align-self:flex-start;background-color:#dc3545;border:1px solid #dc3545;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:5px;justify-content:center;letter-spacing:.5px;padding:.75rem 1.25rem;text-transform:uppercase;transition:all .3s ease}.order-book-container .btn-cancel:hover{background-color:#c82333;border-color:#bd2130;box-shadow:0 6px 16px #dc35454d;transform:translateY(-2px)}.order-book-container .trip-id{border-radius:4px;color:#000;cursor:pointer;font-weight:500;padding:4px 8px;transition:all .3s ease}.order-book-container .trip-id:hover{background-color:#0077b61a;color:#005b8f;font-weight:600;transform:translateY(-1px)}.order-book-container .order-book-table-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;height:600px;padding:20px;position:relative;width:100%}.order-book-container .order-book-scrollable-table{flex-grow:1;overflow-x:auto;overflow-y:auto;scrollbar-color:#a0a0a0 #f0f2f5;scrollbar-width:thin;width:100%}.order-book-container .order-book-scrollable-table::-webkit-scrollbar{height:10px;width:10px}.order-book-container .order-book-scrollable-table::-webkit-scrollbar-track{background:#f0f2f5;border-radius:5px}.order-book-container .order-book-scrollable-table::-webkit-scrollbar-thumb{background-color:#a0a0a0;border:3px solid #f0f2f5;border-radius:5px}.order-book-container .order-book-scrollable-table::-webkit-scrollbar-thumb:hover{background-color:#777}.order-book-container .order-book-table{border:1px solid #e0e0e0;border-collapse:initial;border-radius:8px;border-spacing:0;display:table;font-family:Inter,sans-serif;font-size:.9rem;margin:0;overflow:hidden;white-space:nowrap;width:100%}.order-book-table thead th{background-color:#e9ecef;border-bottom:1px solid #d0d0d0;box-shadow:0 2px 4px -1px #0000000d;color:#555;font-weight:700;padding:12px 15px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:20}.order-book-table td,.order-book-table th{background-color:#fff;border-bottom:1px solid #eee;border-right:1px solid #eee;color:#444;padding:10px 15px;text-align:left}.order-book-table td:last-child,.order-book-table th:last-child{border-right:none}.order-book-table tbody tr{background-color:#fff;transition:background-color .2s ease}.order-book-table tbody tr:hover{background-color:#f8f9fa}.order-book-container .modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;z-index:2000}.order-book-container .modal-content{animation:scaleIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;margin:4rem auto;max-height:87vh;max-width:700px;min-width:300px;padding:20px;width:95%}.order-book-container .modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:25px;padding:15px 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.order-book-container .modal-header h3{color:#212529;font-size:1.8rem;font-weight:700;margin:0}.order-book-container .close-button{align-items:center;background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:.6rem .8rem;transition:all .3s ease}.order-book-container .close-button:hover{background-color:#495057;box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.order-book-container .modal-body{grid-gap:1.5rem;display:grid;flex-grow:1;gap:1.5rem;grid-template-columns:1fr;overflow-y:auto;padding:0}.order-book-container .form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:0}.order-book-container .form-group{display:flex;flex-direction:column;gap:8px}.order-book-container .form-group label{color:#555;font-size:.85rem;font-weight:600;letter-spacing:.2px;text-transform:uppercase}.order-book-container .form-group input,.order-book-container .form-group select{background-color:#fdfdfd;border:1px solid #d0d0d0;border-radius:6px;color:#333;font-size:1rem;padding:.8rem 1.2rem;transition:border-color .2s ease,box-shadow .2s ease}.order-book-container .form-group input:focus,.order-book-container .form-group select:focus{border-color:#40c44d;box-shadow:0 0 0 3px #0fc53c40;outline:none}.order-book-container .form-group .DatePicker input{max-width:550px;min-width:315px;width:100%}.order-book-container .modal-footer{background-color:#fff;border-top:1px solid #e0e0e0;bottom:0;display:flex;flex-shrink:0;gap:15px;justify-content:flex-end;margin-top:25px;padding:20px 0 0;position:-webkit-sticky;position:sticky}.order-book-container .no-data-message{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#6c757d;display:block;font-size:15px;margin-top:20px;padding:20px;text-align:center;width:100%}@media (max-width:1600px){.order-book-container .modal-content{max-width:900px;min-width:600px}.order-book-container .form-grid{gap:18px;grid-template-columns:repeat(3,1fr)}}@media (max-width:1200px){.order-book-container{padding:1.5rem}.order-book-container .order-book-table-wrapper{height:550px}.order-book-container .modal-content{max-width:750px;min-width:auto}.order-book-container .form-grid{gap:15px;grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){body:has(.sidebar.expanded) .order-book-container{left:200px;width:calc(100% - 200px)}.order-book-container{padding:1.25rem}}@media (max-width:768px){.order-book-container{height:calc(100% - 56px);left:60px;padding:1rem;width:calc(100% - 60px)}body:has(.sidebar.expanded) .order-book-container{left:180px;width:calc(100% - 180px)}.order-book-container .order-book-operations{align-items:stretch;flex-direction:column;margin-bottom:1rem;padding:1rem}.order-book-container .btn-cancel,.order-book-container .btn-schedule,.order-book-container .order-book-button{font-size:.9rem;padding:.8rem 1rem;width:100%}.order-book-container .order-book-button{margin-top:0}.order-book-container .order-book-table-wrapper{height:500px;padding:15px}.order-book-container .order-book-table td,.order-book-container .order-book-table th{font-size:11px;padding:8px 10px}.order-book-container .modal-overlay{align-items:flex-start;padding:1rem}.order-book-container .modal-content{margin:1rem 0;max-width:100%;min-width:0;min-width:auto;padding:20px;width:100%}.order-book-container .modal-header{align-items:flex-start;flex-direction:column;margin-bottom:15px;padding-bottom:10px}.order-book-container .modal-header h3{font-size:1.5rem;margin-bottom:10px}.order-book-container .close-button{align-self:flex-end;margin-right:-10px;margin-top:-30px}.order-book-container .modal-body{gap:1rem}.order-book-container .form-grid{gap:1rem;grid-template-columns:1fr}.order-book-container .modal-footer{flex-direction:column-reverse;gap:10px;margin-top:15px;padding:15px 0 0}}@media (max-width:640px){.order-book-container{padding:.75rem}.order-book-container .order-book-table-wrapper{height:450px}.order-book-container .order-book-table td,.order-book-container .order-book-table th{font-size:11px;padding:6px}}@media (max-width:480px){.order-book-container{height:calc(100% - 52px);left:50px;padding:.5rem;width:calc(100% - 50px)}body:has(.sidebar.expanded) .order-book-container{left:160px;width:calc(100% - 160px)}.order-book-container .order-book-table-wrapper{height:400px;padding:.75rem}}.order-book-container *{transition-timing-function:cubic-bezier(.4,0,.2,1)}.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{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;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-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.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{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.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{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.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{display:block;margin-left:auto;margin-right:auto;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{font-size:20px;position:relative;top:-1px;width:0}.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{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.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{display:inline-block;margin-left:10px}.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{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;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:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.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):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;text-align:center;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day--disabled,.react-datepicker__day-name--disabled,.react-datepicker__time-name--disabled{color:#ccc;cursor:default}.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{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.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{background-color:#ff6803;border-radius:.3rem;color:#fff;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{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.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{opacity:1;visibility:visible}.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{background-color:#216ba5;border-radius:.3rem;color:#fff}.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{background-color:#bad9f1;border-radius:.3rem;color:#000}.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;color:#fff}.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){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;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{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.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{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.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{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.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{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width: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{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.task-container{background-color:#f5f5f5;box-sizing:border-box;height:calc(100% - 64px);left:72px;overflow-x:hidden;overflow-y:auto;padding:2rem;position:fixed;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 72px)}body:has(.sidebar.expanded) .task-container{left:250px;width:calc(100% - 250px)}.task-container::-webkit-scrollbar{height:10px;width:10px}.task-container::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}.task-container::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}.task-container::-webkit-scrollbar-thumb:hover{background-color:#999}.task-container .container{margin:0 auto;max-width:1400px;width:100%}.task-container .task-assignment{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:row;gap:1.5rem;margin-bottom:2rem;padding:2rem;transition:box-shadow .3s ease;width:100%}.task-container .task-assignment:hover{box-shadow:0 4px 12px #00000026}.task-container .assign-button,.task-container .btn-cancel,.task-container .btn-create{align-items:center;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;padding:.85rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.task-container .assign-button,.task-container .btn-create{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.task-container .assign-button:hover,.task-container .btn-create:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.task-container .assign-button:active,.task-container .btn-create:active{transform:translateY(0)}.task-container .btn-cancel{background:linear-gradient(135deg,#dc3545,#c82333);border:none;color:#fff}.task-container .btn-cancel:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 4px 12px #dc354566;transform:translateY(-2px)}.task-container .btn-cancel:active{transform:translateY(0)}.task-container .task-table-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:550px;padding:1.5rem;position:relative;transition:box-shadow .3s ease;width:100%}.task-container .task-table-wrapper:hover{box-shadow:0 4px 12px #00000026}.task-container .task-scrollable-table{flex-grow:1;overflow-x:auto;overflow-y:auto;scrollbar-color:#ccc #f5f5f5;scrollbar-width:thin;width:100%}.task-container .task-scrollable-table::-webkit-scrollbar{height:10px;width:10px}.task-container .task-scrollable-table::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}.task-container .task-scrollable-table::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}.task-container .task-scrollable-table::-webkit-scrollbar-thumb:hover{background-color:#999}.task-container .task-table{border:1px solid #e0e0e0;border-collapse:initial;border-radius:6px;border-spacing:0;font-family:Arial,sans-serif;font-size:14px;margin:0;overflow:hidden;white-space:nowrap;width:100%}.task-container .task-table thead th{background:linear-gradient(180deg,#f8f8f8,#f0f0f0);border-bottom:2px solid #ccc;box-shadow:0 2px 4px #0000001a;color:#333;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px 15px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:20}.task-container .task-table td,.task-container .task-table th{background-color:#fff;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;color:#333;padding:12px 15px;text-align:left}.task-container .task-table tbody tr{background-color:#fff;transition:background-color .2s ease}.task-container .task-table tbody tr:nth-child(2n){background-color:#fafafa}.task-container .task-table tbody tr:hover{background-color:#f0f7ff}.task-container .task-table td:first-child,.task-container .task-table th:first-child{min-width:100px;width:15%}.task-container .task-table td:nth-child(2),.task-container .task-table th:nth-child(2){word-wrap:break-word;min-width:200px;white-space:normal;width:32%}.task-container .task-table td:nth-child(3),.task-container .task-table th:nth-child(3){min-width:80px;width:10%}.task-container .task-table td:nth-child(4),.task-container .task-table th:nth-child(4){min-width:120px;width:18%}.task-container .task-table td:nth-child(5),.task-container .task-table th:nth-child(5){min-width:100px;width:15%}.task-container .task-table td:nth-child(6),.task-container .task-table th:nth-child(6){min-width:80px;width:10%}.task-container .task-table td:last-child,.task-container .task-table th:last-child{border-right:none}.task-container .edit-input{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:4px;box-sizing:border-box;padding:8px;transition:all .3s ease;width:100%}.task-container .edit-input:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.task-container textarea.edit-input{min-height:80px;resize:vertical}.task-container .delete-btn,.task-container .edit-btn,.task-container .edit-btn-cancel,.task-container .save-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;margin:0 2px;padding:6px 12px;transition:all .3s ease}.task-container .edit-btn,.task-container .task-table-wrapper .edit-btn{background-color:#2196f3;color:#fff}.task-container .save-btn{background-color:#4caf50;color:#fff}.task-container .delete-btn{background-color:#f44336;color:#fff}.task-container .edit-btn-cancel{background-color:#6c757d;color:#fff}.task-container .edit-btn:hover{background-color:#1976d2;box-shadow:0 4px 8px #2196f34d;transform:translateY(-2px)}.task-container .save-btn:hover{background-color:#388e3c;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}.task-container .delete-btn:hover{background-color:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}.task-container .edit-btn-cancel:hover{background-color:#5a6268;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-2px)}.task-container .delete-btn:active,.task-container .edit-btn-cancel:active,.task-container .edit-btn:active,.task-container .save-btn:active{transform:translateY(0)}.task-container .task-table-wrapper .edit-btn-container{align-items:center;display:flex;gap:.5rem;justify-content:center}.task-container .hint{color:#666;font-size:12px;margin-top:4px;opacity:.8;transition:opacity .2s ease-in-out}.task-container .filterItem input:focus+.hint{opacity:1}.task-container .modal-overlay{align-items:flex-start;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.task-container .modal-content{animation:scaleIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;margin:4rem auto;max-height:90vh;max-width:700px;min-width:300px;padding:20px;width:95%}.task-container .modal-content.loading{opacity:.7;pointer-events:none;position:relative}.task-container .modal-header{align-items:center;background-color:#f8f9fa;border-bottom:2px solid #e0e0e0;border-top-left-radius:12px;border-top-right-radius:12px;display:flex;flex-shrink:0;justify-content:space-between;padding:.75rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.task-container .modal-header h3{color:#333;font-size:1.5rem;font-weight:600;margin:0}.task-container .close-button{align-items:center;background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:.6rem 1rem;transition:all .3s ease}.task-container .close-button:hover{background:linear-gradient(135deg,#5a6268,#495057);box-shadow:0 4px 8px #6c757d4d;transform:translateY(-2px)}.task-container .modal-body{flex-grow:1;overflow-y:auto;padding:.7rem}.task-container .form-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr}.task-container .form-group{display:flex;flex-direction:column}.task-container .form-group label{color:#333;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.task-container .form-group input,.task-container .form-group select,.task-container .form-group textarea{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:.8rem;padding:.75rem .5rem;transition:all .3s ease;width:100%}.task-container .form-group input:focus,.task-container .form-group select:focus,.task-container .form-group textarea:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.task-container .form-group textarea{min-height:100px;resize:vertical}.task-container .form-group.full-width{grid-column:1/-1}.task-container .modal-footer{background-color:#f8f9fa;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:2px solid #e0e0e0;display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end;padding:.5rem}.task-container .spinner-container{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:100px;width:100%}.task-container .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}.task-container .modal-spinner-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fffc;border-radius:8px;position:absolute;z-index:10}.task-container .delete-modal-overlay,.task-container .modal-spinner-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;right:0;top:0}.task-container .delete-modal-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;position:fixed;z-index:1000}.task-container .delete-modal{animation:scaleIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:90%;padding:2rem;text-align:center;width:450px}.task-container .delete-modal-icon{color:#f44336;font-size:3rem;margin-bottom:1rem}.task-container .delete-modal h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.task-container .delete-modal p{color:#555;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.task-container .trip-id-highlight{color:#f44336;font-weight:700}.task-container .warning-text{color:#f44336;font-size:.9rem;font-style:italic;margin-bottom:1.5rem}.task-container .delete-modal-buttons{display:flex;gap:1rem;justify-content:center}.task-container .cancel-btn{background-color:#f8f9fa;border:2px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.task-container .cancel-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.task-container .confirm-delete-btn{background-color:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.task-container .confirm-delete-btn:hover{background-color:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}.task-container .confirm-delete-btn:active{transform:translateY(0)}.task-container .no-data-message{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;color:#666;display:flex;flex-direction:column;font-size:1.1rem;justify-content:center;margin-top:2rem;min-height:150px;padding:2rem;text-align:center;width:100%}@media (max-width:1200px){.task-container{padding:1.5rem}.task-container .task-table-wrapper{height:500px}}@media (max-width:1024px){body:has(.sidebar.expanded) .task-container{left:200px;width:calc(100% - 200px)}.task-container{padding:1.25rem}.task-container .task-assignment{padding:1.5rem}.task-container .modal-content{max-width:750px}}@media (min-width:600px){.task-container .modal-body .form-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.task-container{height:calc(100% - 56px);left:60px;padding:1rem;width:calc(100% - 60px)}body:has(.sidebar.expanded) .task-container{left:180px;width:calc(100% - 180px)}.task-container .task-assignment{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.task-container .assign-button,.task-container .btn-cancel,.task-container .btn-create{padding:.75rem;width:100%}.task-container .task-table-wrapper{height:450px;padding:1rem}.task-container .task-table td,.task-container .task-table th{font-size:12px;padding:8px 10px}.task-container .modal-overlay{padding:.75rem}.task-container .modal-content{margin:.5rem 0;max-width:100%;width:100%}.task-container .modal-header{align-items:stretch;flex-direction:column;gap:.75rem;padding:1rem}.task-container .modal-header h3{font-size:1.3rem;text-align:center}.task-container .close-button{align-self:flex-end;margin-top:-40px}.task-container .modal-body{padding:1rem}.task-container .modal-body .form-grid{grid-template-columns:1fr}.task-container .modal-footer{flex-direction:column-reverse;gap:.75rem;padding:1rem}.task-container .modal-footer button{width:100%}.task-container .delete-modal{padding:1.5rem;width:90%}.task-container .delete-modal-buttons{flex-direction:column;gap:.75rem}.task-container .cancel-btn,.task-container .confirm-delete-btn{width:100%}}@media (max-width:640px){.task-container{padding:.75rem}.task-container .task-table-wrapper{height:400px}.task-container .task-table td,.task-container .task-table th{font-size:11px;padding:6px 8px}.task-container .delete-btn,.task-container .edit-btn,.task-container .edit-btn-cancel,.task-container .save-btn{font-size:12px;margin:1px;padding:4px 8px}.task-container .no-data-message{font-size:1rem;padding:1.5rem}}@media (max-width:480px){.task-container{height:calc(100% - 52px);left:50px;padding:.5rem;width:calc(100% - 50px)}body:has(.sidebar.expanded) .task-container{left:160px;width:calc(100% - 160px)}.task-container .task-assignment{padding:.75rem}.task-container .task-table-wrapper{height:350px;padding:.75rem}.task-container .modal-header{padding:.75rem}.task-container .modal-header h3{font-size:1.2rem}.task-container .close-button{font-size:.8rem;padding:.5rem .75rem}.task-container .modal-body,.task-container .modal-footer{padding:.75rem}}.task-container *{transition-timing-function:cubic-bezier(.4,0,.2,1)}.approval-container{background-color:#f5f5f5;box-sizing:border-box;height:calc(100% - 64px);left:72px;overflow-x:hidden;overflow-y:auto;padding:2rem;position:fixed;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 72px)}body:has(.sidebar.expanded) .approval-container{left:250px;width:calc(100% - 250px)}.approval-container::-webkit-scrollbar{height:10px;width:10px}.approval-container::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}.approval-container::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}.approval-container::-webkit-scrollbar-thumb:hover{background-color:#999}.approval-container .container{margin:0 auto;max-width:1400px;width:100%}.approval-container .approval-system{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:row;gap:1.5rem;margin-bottom:2rem;padding:2rem;transition:box-shadow .3s ease;width:100%}.approval-container .approval-system:hover{box-shadow:0 4px 12px #00000026}.approval-container .approval-button,.approval-container .btn-cancel,.approval-container .btn-create{align-items:center;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;padding:.85rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.approval-container .approval-button,.approval-container .btn-create{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.approval-container .approval-button:hover,.approval-container .btn-create:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.approval-container .approval-button:active,.approval-container .btn-create:active{transform:translateY(0)}.approval-container .btn-cancel{background:linear-gradient(135deg,#dc3545,#c82333);border:none;color:#fff}.approval-container .btn-cancel:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 4px 12px #dc354566;transform:translateY(-2px)}.approval-container .btn-cancel:active{transform:translateY(0)}.approval-container .spinner-container{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:100px;width:100%}.approval-container .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}.approval-container .modal-spinner-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fffc;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.approval-container .approval-table-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:550px;padding:1.5rem;position:relative;transition:box-shadow .3s ease;width:100%}.approval-container .approval-table-wrapper:hover{box-shadow:0 4px 12px #00000026}.approval-container .approval-scrollable-table{flex-grow:1;overflow-x:auto;overflow-y:auto;scrollbar-color:#ccc #f5f5f5;scrollbar-width:thin;width:100%}.approval-container .approval-scrollable-table::-webkit-scrollbar{height:10px;width:10px}.approval-container .approval-scrollable-table::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}.approval-container .approval-scrollable-table::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}.approval-container .approval-scrollable-table::-webkit-scrollbar-thumb:hover{background-color:#999}.approval-container .approval-table{border:1px solid #e0e0e0;border-collapse:initial;border-radius:6px;border-spacing:0;font-family:Arial,sans-serif;font-size:14px;margin:0;overflow:hidden;table-layout:fixed;white-space:nowrap;width:100%}.approval-container .approval-table thead th{background:linear-gradient(180deg,#f8f8f8,#f0f0f0);border-bottom:2px solid #ccc;box-shadow:0 2px 4px #0000001a;color:#333;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px 16px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:20}.approval-container .approval-table td,.approval-container .approval-table th{background-color:#fff;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;color:#333;line-height:1.4;padding:12px 16px;text-align:left;vertical-align:top}.approval-container .approval-table tbody tr{background-color:#fff;transition:background-color .2s ease}.approval-container .approval-table tbody tr:nth-child(2n){background-color:#fafafa}.approval-container .approval-table tbody tr:hover{background-color:#f0f7ff}.approval-container .approval-table td:first-child,.approval-container .approval-table th:first-child{min-width:120px;width:10%}.approval-container .approval-table td:nth-child(2),.approval-container .approval-table td:nth-child(3),.approval-container .approval-table th:nth-child(2),.approval-container .approval-table th:nth-child(3){min-width:140px;width:10%}.approval-container .approval-table td:nth-child(4),.approval-container .approval-table th:nth-child(4){word-wrap:break-word;min-width:200px;white-space:normal;width:30%}.approval-container .approval-table td:nth-child(5),.approval-container .approval-table th:nth-child(5){min-width:120px;width:12%}.approval-container .approval-table td:nth-child(6),.approval-container .approval-table th:nth-child(6){min-width:120px;width:20%}.approval-container .approval-table td:nth-child(7),.approval-container .approval-table td:nth-child(8),.approval-container .approval-table th:nth-child(7),.approval-container .approval-table th:nth-child(8){min-width:80px;width:8%}.approval-container .approval-table td:last-child,.approval-container .approval-table th:last-child{border-right:none}.approval-container .approval-table td:nth-child(4),.approval-container .approval-table td:nth-child(6){max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approval-container .approval-table td:nth-child(4):hover,.approval-container .approval-table td:nth-child(6):hover{overflow:visible;text-overflow:clip;white-space:normal}.approval-container .delete-button,.approval-container .edit-btn-cancel,.approval-container .edit-button,.approval-container .save-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;margin:0 2px;padding:6px 12px;transition:all .3s ease}.approval-container .edit-button{background-color:#2196f3;color:#fff}.approval-container .delete-button{background-color:#f44336;color:#fff}.approval-container .save-btn{background-color:#4caf50;color:#fff}.approval-container .edit-btn-cancel{background-color:#6c757d;color:#fff}.approval-container .edit-button:hover{background-color:#1976d2;box-shadow:0 4px 8px #2196f34d;transform:translateY(-2px)}.approval-container .delete-button:hover{background-color:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}.approval-container .save-btn:hover{background-color:#388e3c;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}.approval-container .edit-btn-cancel:hover{background-color:#5a6268;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-2px)}.approval-container .delete-button:active,.approval-container .edit-btn-cancel:active,.approval-container .edit-button:active,.approval-container .save-btn:active{transform:translateY(0)}.approval-container .approval-table-wrapper .approve-btn,.approval-container .approval-table-wrapper .reject-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:22px;font-weight:900;height:35px;justify-content:center;transition:all .3s ease;width:35px}.approval-container .approval-table-wrapper .approve-btn{background:linear-gradient(135deg,#e6f4ea,#c8e6c9);color:#2e7d32}.approval-container .approval-table-wrapper .reject-btn{background:linear-gradient(135deg,#fdecea,#ffcdd2);color:#c62828}.approval-container .approval-table-wrapper .approve-btn:hover{background:linear-gradient(135deg,#c8e6c9,#a5d6a7);box-shadow:0 4px 8px #2e7d324d;transform:translateY(-2px)}.approval-container .approval-table-wrapper .reject-btn:hover{background:linear-gradient(135deg,#ffcdd2,#ef9a9a);box-shadow:0 4px 8px #c628284d;transform:translateY(-2px)}.approval-container .approval-table-wrapper .status-btn-container{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;justify-content:center}.approval-container .approval-table-wrapper .edit-btn-container{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.approval-container .edit-input{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:4px;box-sizing:border-box;padding:8px;transition:all .3s ease;width:100%}.approval-container .edit-input:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.approval-container textarea.edit-input{min-height:80px;resize:vertical}.approval-container .modal-overlay{align-items:flex-start;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.approval-container .modal-content{animation:scaleIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;margin:4rem auto;max-height:90vh;max-width:700px;min-width:300px;padding:20px;width:95%}.approval-container .modal-content.loading{opacity:.7;pointer-events:none;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.approval-container .modal-header{align-items:center;background-color:#f8f9fa;border-bottom:2px solid #e0e0e0;border-top-left-radius:12px;border-top-right-radius:12px;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.approval-container .modal-header h3{color:#333;font-size:1.5rem;font-weight:600;margin:0}.approval-container .close-button{align-items:center;background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:.6rem 1rem;transition:all .3s ease}.approval-container .close-button:hover{background:linear-gradient(135deg,#5a6268,#495057);box-shadow:0 4px 8px #6c757d4d;transform:translateY(-2px)}.approval-container .modal-body{flex-grow:1;overflow-y:auto;padding:1.5rem}.approval-container .form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.approval-container .form-group{display:flex;flex-direction:column;margin-bottom:1rem}.approval-container .form-group label{color:#333;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.approval-container .form-group input,.approval-container .form-group select,.approval-container .form-group textarea{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:.8rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.approval-container .form-group input:focus,.approval-container .form-group select:focus,.approval-container .form-group textarea:focus{background-color:#fff;border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.approval-container .form-group textarea{min-height:100px;resize:vertical}.approval-container .form-group.full-width{grid-column:1/-1}.approval-container .modal-footer{background-color:#f8f9fa;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:2px solid #e0e0e0;display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end;padding:.5rem}.approval-container .modal-footer button{border-radius:6px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.approval-container .delete-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.approval-container .delete-modal{animation:scaleIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:90%;padding:2rem;text-align:center;width:450px}.approval-container .delete-modal-icon{color:#f44336;font-size:3rem;margin-bottom:1rem}.approval-container .delete-modal h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.approval-container .delete-modal p{color:#555;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.approval-container .trip-id-highlight{color:#f44336;font-weight:700}.approval-container .warning-text{color:#f44336;font-size:.9rem;font-style:italic;margin-bottom:1.5rem}.approval-container .delete-modal-buttons{display:flex;gap:1rem;justify-content:center}.approval-container .cancel-btn{background-color:#f8f9fa;border:2px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.approval-container .cancel-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.approval-container .confirm-delete-btn{background-color:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.approval-container .confirm-delete-btn:hover{background-color:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}.approval-container .confirm-delete-btn:active{transform:translateY(0)}.approval-container .no-data-message{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;color:#666;display:flex;flex-direction:column;font-size:1.1rem;justify-content:center;margin-top:2rem;min-height:150px;padding:2rem;text-align:center;width:100%}@media (max-width:1200px){.approval-container{padding:1.5rem}.approval-container .approval-table-wrapper{height:500px}.approval-container .modal-content{max-width:750px}}@media (max-width:1024px){body:has(.sidebar.expanded) .approval-container{left:200px;width:calc(100% - 200px)}.approval-container{padding:1.25rem}.approval-container .approval-system{padding:1.5rem}.approval-container .form-grid{grid-template-columns:1fr 1fr}}@media (min-width:600px){.approval-container .modal-body .form-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.approval-container{height:calc(100% - 56px);left:60px;padding:1rem;width:calc(100% - 60px)}body:has(.sidebar.expanded) .approval-container{left:180px;width:calc(100% - 180px)}.approval-container .approval-system{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.approval-container .approval-button,.approval-container .btn-cancel,.approval-container .btn-create{padding:.75rem;width:100%}.approval-container .approval-table-wrapper{height:450px;padding:1rem}.approval-container .approval-table td,.approval-container .approval-table th{font-size:12px;padding:8px 10px}.approval-container .modal-overlay{padding:.75rem}.approval-container .modal-content{margin:.5rem 0;max-width:100%;width:100%}.approval-container .modal-header{align-items:stretch;flex-direction:column;gap:.75rem;padding:1rem}.approval-container .modal-header h3{font-size:1.3rem;text-align:center}.approval-container .close-button{align-self:flex-end;margin-top:-40px}.approval-container .modal-body{padding:1rem}.approval-container .modal-body .form-grid{grid-template-columns:1fr}.approval-container .modal-footer{flex-direction:column-reverse;gap:.75rem;padding:1rem}.approval-container .modal-footer button{width:100%}.approval-container .delete-modal{padding:1.5rem;width:90%}.approval-container .delete-modal-buttons{flex-direction:column;gap:.75rem}.approval-container .cancel-btn,.approval-container .confirm-delete-btn{width:100%}.approval-container .approval-table-wrapper .status-btn-container{flex-direction:row;gap:.3rem}}@media (max-width:640px){.approval-container{padding:.75rem}.approval-container .approval-table-wrapper{height:400px}.approval-container .approval-table td,.approval-container .approval-table th{font-size:11px;padding:6px 8px}.approval-container .delete-button,.approval-container .edit-btn-cancel,.approval-container .edit-button,.approval-container .save-btn{font-size:12px;margin:1px;padding:4px 8px}.approval-container .approval-table-wrapper .approve-btn,.approval-container .approval-table-wrapper .reject-btn{font-size:18px;height:30px;width:30px}.approval-container .no-data-message{font-size:1rem;padding:1.5rem}}@media (max-width:480px){.approval-container{height:calc(100% - 52px);left:50px;padding:.5rem;width:calc(100% - 50px)}body:has(.sidebar.expanded) .approval-container{left:160px;width:calc(100% - 160px)}.approval-container .approval-system{padding:.75rem}.approval-container .approval-table-wrapper{height:350px;padding:.75rem}.approval-container .modal-header{padding:.75rem}.approval-container .modal-header h3{font-size:1.2rem}.approval-container .close-button{font-size:.8rem;padding:.5rem .75rem}.approval-container .modal-body,.approval-container .modal-footer{padding:.75rem}}.approval-container *{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--loading-gradient:linear-gradient(135deg,#667eea,#764ba2);--loading-success:linear-gradient(135deg,#4caf50,#2196f3);--loading-danger:linear-gradient(135deg,#e74c3c,#c0392b);--loading-card-bg:#fffffffa;--loading-shadow:0 20px 60px #0000004d;--loading-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);--wheel-rim:#2c3e50;--wheel-tire:#7f8c8d;--wheel-hub:#667eea;--wheel-tread:#95a5a6}.loading-container{align-items:center;animation:loadingFadeIn .4s ease-in;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eeaf2,#764ba2f2);display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:10001}.loading-container:before{animation:logisticsBackground 25s linear infinite;background:radial-gradient(circle at 20% 30%,#2c3e501a 0,#0000 50%),radial-gradient(circle at 40% 60%,#7e8eea1a 0,#0000 50%),radial-gradient(circle at 60% 40%,#764ba21a 0,#0000 50%),radial-gradient(circle at 80% 70%,#95a5a61a 0,#0000 50%);content:"";height:300%;position:absolute;width:300%}@keyframes logisticsBackground{0%{transform:translate(0) rotate(0deg)}to{transform:translate(-100px,-100px) rotate(1turn)}}.loading-container .loading-content{animation:loadingSlideIn .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;background:var(--loading-card-bg);border-radius:24px;box-shadow:0 20px 60px #0000004d;box-shadow:var(--loading-shadow);min-width:400px;overflow:hidden;padding:50px 60px;position:relative;text-align:center;z-index:1}.loading-container .loading-content:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--loading-gradient);content:"";height:6px;left:0;position:absolute;top:0;width:100%}.wheel-loading-container{align-items:center;display:flex;height:200px;justify-content:center;margin:0 auto 30px;position:relative;width:200px}.loading-wheel{animation:wheelSpin 2s linear infinite;height:120px;position:relative;width:120px}.wheel-outer-ring{border:12px solid #7f8c8d;border:12px solid var(--wheel-tire);border-radius:50%;box-shadow:0 0 0 3px #2c3e504d,0 0 20px #2c3e5033;height:120px;position:absolute;width:120px}.wheel-rim{background:linear-gradient(45deg,#2c3e50e6,#34495ee6 50%,#2c3e50e6);border:8px solid #2c3e50;border:8px solid var(--wheel-rim);height:80px;width:80px}.wheel-hub,.wheel-rim{border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.wheel-hub{align-items:center;animation:hubPulse 2s ease-in-out infinite;background:#667eea;background:var(--wheel-hub);box-shadow:0 0 10px #667eea80,inset 0 0 10px #fff3;display:flex;height:40px;justify-content:center;width:40px}.hub-nut{background:#fffc;border-radius:4px;height:15px;position:relative;transform:rotate(45deg);width:15px}.hub-nut:after,.hub-nut:before{background:#fff6;border-radius:2px;content:"";position:absolute}.hub-nut:before{height:3px;left:0;top:50%;transform:translateY(-50%);width:15px}.hub-nut:after{height:15px;left:50%;top:0;transform:translateX(-50%);width:3px}.wheel-spokes{animation:wheelSpin 3s linear infinite reverse;height:120px;position:absolute;width:120px}.spoke{background:linear-gradient(90deg,#95a5a6cc,#95a5a6 50%,#95a5a6cc);border-radius:2px;height:4px;left:50%;position:absolute;top:50%;transform-origin:0 50%;width:40px}.spoke:first-child{transform:translateY(-50%) rotate(0deg)}.spoke:nth-child(2){transform:translateY(-50%) rotate(45deg)}.spoke:nth-child(3){transform:translateY(-50%) rotate(90deg)}.spoke:nth-child(4){transform:translateY(-50%) rotate(135deg)}.spoke:nth-child(5){transform:translateY(-50%) rotate(180deg)}.spoke:nth-child(6){transform:translateY(-50%) rotate(225deg)}.spoke:nth-child(7){transform:translateY(-50%) rotate(270deg)}.spoke:nth-child(8){transform:translateY(-50%) rotate(315deg)}.wheel-tread{background:radial-gradient(circle at 50% 50%,#0000 60px,#95a5a6 0,#95a5a6 70px,#0000 0);background:radial-gradient(circle at 50% 50%,#0000 60px,var(--wheel-tread) 60px,var(--wheel-tread) 70px,#0000 70px);border-radius:50%;height:140px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:140px}.orbiting-wheel{animation:orbitWheel 4s linear infinite;background:#2c3e50;background:var(--wheel-rim);border:4px solid #7f8c8d;border:4px solid var(--wheel-tire);border-radius:50%;box-shadow:0 0 10px #2c3e504d;height:40px;position:absolute;width:40px}.orbiting-wheel:first-child{animation-delay:0s;border-color:#e74c3c;left:50%;top:0;transform:translateX(-50%)}.orbiting-wheel:nth-child(2){animation-delay:1s;border-color:#3498db;right:0;top:50%;transform:translateY(-50%)}.orbiting-wheel:nth-child(3){animation-delay:2s;border-color:#2ecc71;bottom:0;left:50%;transform:translateX(-50%)}.orbiting-wheel:nth-child(4){animation-delay:3s;border-color:#f39c12;left:0;top:50%;transform:translateY(-50%)}.orbiting-wheel:before{background:#667eea;background:var(--wheel-hub);border-radius:50%;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}@keyframes wheelSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes hubPulse{0%,to{box-shadow:0 0 10px #667eea80;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 20px #667eeacc;transform:translate(-50%,-50%) scale(1.1)}}@keyframes orbitWheel{0%{transform:rotate(0deg) translateX(80px) rotate(0deg)}to{transform:rotate(1turn) translateX(80px) rotate(-1turn)}}.loading-container .loading-content h2{-webkit-text-fill-color:#0000;animation:titlePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--loading-gradient);-webkit-background-clip:text;color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:1.8rem;font-weight:700;margin:0 0 16px}@keyframes titlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.loading-subtitle{animation:subtitleFade 1.5s ease-in-out infinite;color:#7f8c8d;font-size:1rem;font-weight:500;margin:0 0 24px}@keyframes subtitleFade{0%,to{opacity:.6}50%{opacity:1}}.loading-progress-track{background:#667eea1a;border-radius:10px;height:8px;margin-top:24px;overflow:hidden;position:relative;width:100%}.loading-progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--loading-gradient);border-radius:10px;height:100%;transition:width .3s ease;width:0}.progress-wheel{animation:progressWheel 2s ease-in-out infinite;background:#2c3e50;background:var(--wheel-rim);border:3px solid #7f8c8d;border:3px solid var(--wheel-tire);box-shadow:0 2px 8px #2c3e5066;height:20px;transform:translateY(-50%) translateX(-20px);width:20px}.progress-wheel,.progress-wheel:before{border-radius:50%;position:absolute;top:50%}.progress-wheel:before{background:#667eea;background:var(--wheel-hub);content:"";height:6px;left:50%;transform:translate(-50%,-50%);width:6px}@keyframes progressWheel{0%,to{transform:translateY(-50%) translateX(-20px)}50%{transform:translateY(-50%) translateX(calc(100% - 20px))}}.loading-container .loading-dots{align-items:center;display:flex;gap:8px;height:40px;justify-content:center;margin-top:20px}.loading-container .loading-dots span{animation:wheelDots 1.4s ease-in-out infinite;background:#667eea;background:var(--wheel-hub);border-radius:50%;box-shadow:0 4px 8px #667eea4d;display:inline-block;height:12px;position:relative;width:12px}.loading-container .loading-dots span:before{background:#fff;border-radius:50%;content:"";height:4px;left:4px;position:absolute;top:4px;width:4px}.loading-container .loading-dots span:first-child{animation-delay:0s}.loading-container .loading-dots span:nth-child(2){animation-delay:.2s}.loading-container .loading-dots span:nth-child(3){animation-delay:.4s}@keyframes wheelDots{0%,80%,to{opacity:.5;transform:translateY(0) scale(1)}40%{opacity:1;transform:translateY(-20px) scale(1.2)}}.loading-stats{border-top:1px solid #0000000d;display:flex;justify-content:space-around;margin-top:30px;padding-top:20px}.loading-stat{text-align:center}.loading-stat-value{color:#667eea;display:block;font-size:1.5rem;font-weight:700}.loading-stat-label{color:#95a5a6;font-size:.85rem;margin-top:4px}@keyframes loadingFadeIn{0%{opacity:0}to{opacity:1}}@keyframes loadingSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.loading-container.loading-success .wheel-outer-ring{border-color:#4caf50}.loading-container.loading-success .wheel-hub{background:#4caf50;box-shadow:0 0 20px #4caf5080}.loading-container.loading-success .loading-content h2,.loading-container.loading-success .loading-content:before{background:linear-gradient(135deg,#4caf50,#2196f3);background:var(--loading-success)}.loading-container.loading-success .loading-content h2{-webkit-text-fill-color:#0000;-webkit-background-clip:text}.loading-container.loading-success .progress-wheel{background:#4caf50;border-color:#388e3c}.loading-container.loading-error .wheel-outer-ring{border-color:#e74c3c}.loading-container.loading-error .wheel-hub{background:#e74c3c;box-shadow:0 0 20px #e74c3c80}.loading-container.loading-error .loading-content h2,.loading-container.loading-error .loading-content:before{background:linear-gradient(135deg,#e74c3c,#c0392b);background:var(--loading-danger)}.loading-container.loading-error .loading-content h2{-webkit-text-fill-color:#0000;-webkit-background-clip:text}.loading-container.loading-error .progress-wheel{background:#e74c3c;border-color:#c0392b}@media (max-width:768px){.loading-container .loading-content{max-width:90%;min-width:320px;padding:40px}.wheel-loading-container{height:160px;margin-bottom:25px;width:160px}.loading-wheel,.wheel-outer-ring{height:100px;width:100px}.wheel-outer-ring{border-width:10px}.wheel-rim{border-width:6px;height:70px;width:70px}.orbiting-wheel,.wheel-hub{height:35px;width:35px}@keyframes orbitWheel{0%{transform:rotate(0deg) translateX(60px) rotate(0deg)}to{transform:rotate(1turn) translateX(60px) rotate(-1turn)}}.loading-container .loading-content h2{font-size:1.5rem}.loading-subtitle{font-size:.9rem}}@media (max-width:480px){.loading-container .loading-content{border-radius:20px;min-width:280px;padding:30px 25px}.wheel-loading-container{height:140px;margin-bottom:20px;width:140px}.loading-wheel,.wheel-outer-ring{height:80px;width:80px}.wheel-outer-ring{border-width:8px}.wheel-rim{border-width:5px;height:60px;width:60px}.orbiting-wheel,.wheel-hub{height:30px;width:30px}@keyframes orbitWheel{0%{transform:rotate(0deg) translateX(50px) rotate(0deg)}to{transform:rotate(1turn) translateX(50px) rotate(-1turn)}}.loading-container .loading-content h2{font-size:1.3rem;margin-bottom:12px}.loading-subtitle{font-size:.85rem}}@media (prefers-color-scheme:dark){.loading-container{background:linear-gradient(135deg,#2c3e50fa,#34495efa)}.loading-container .loading-content{background:#2c3e50fa;box-shadow:0 20px 60px #0009}.loading-container .loading-content h2{color:#ecf0f1}.loading-subtitle{color:#bdc3c7}.wheel-outer-ring{border-color:#34495e}.wheel-rim{background:linear-gradient(45deg,#2c3e50e6,#34495ee6 50%,#2c3e50e6);border-color:#2c3e50}.loading-stat-label{color:#7f8c8d}.loading-stats{border-top-color:#ffffff0d}}.loading-container .loading-content{transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--loading-transition)}.loading-container .loading-content:hover{box-shadow:0 25px 70px #0006;transform:translateY(-5px)}body.loading-active{overflow:hidden}.driver{background-color:#f5f5f5;box-sizing:border-box;height:calc(100% - 64px);left:0;overflow-x:hidden;overflow-y:auto;padding:2rem;position:fixed;top:64px;transition:all .3s ease;width:100%}.driver::-webkit-scrollbar{height:10px;width:10px}.driver::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}.driver::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}.driver::-webkit-scrollbar-thumb:hover{background-color:#999}.driver .container-driver{margin:0 auto;max-width:1400px;width:100%}.driver .table-wrapper,.driver .table-wrapper-transit{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;margin-bottom:2rem;overflow:hidden;transition:box-shadow .3s ease;width:100%}.driver .table-wrapper-transit:hover,.driver .table-wrapper:hover{box-shadow:0 4px 12px #00000026}.driver .table-wrapper h1,.driver .table-wrapper-transit h1{color:#333;font-size:1.5rem;font-weight:600;margin:0;padding:20px 20px 0}.driver .table-wrapper-transit .table-container{display:flex;flex-direction:column;flex-grow:1;padding:20px;width:100%}.driver .table-wrapper-transit table{min-width:800px;width:100%}.driver .table-wrapper-transit .table-responsive{border-radius:6px;flex-grow:1;margin-top:15px;overflow-x:auto;overflow-y:visible;scrollbar-color:#ccc #f5f5f5;scrollbar-width:thin;width:100%}.driver .table-wrapper-transit .table-responsive::-webkit-scrollbar{height:10px;width:10px}.driver .table-wrapper-transit .table-responsive::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px;margin:5px}.driver .table-wrapper-transit .table-responsive::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}.driver .table-wrapper-transit .table-responsive::-webkit-scrollbar-thumb:hover{background-color:#999}.driver #resultsTable-transit{background-color:#fff;border:1px solid #e0e0e0;border-collapse:initial;border-radius:8px;border-spacing:0;font-family:Inter,sans-serif;font-size:14px;margin:0;table-layout:fixed;width:100%}.driver #resultsTable-transit thead th{background:linear-gradient(180deg,#f8f8f8,#f0f0f0);border-bottom:2px solid #ddd;box-shadow:0 2px 4px #0000001a;color:#333;font-size:12px;font-weight:700;letter-spacing:.5px;min-width:80px;padding:12px 10px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:20}.driver #resultsTable-transit td:first-child,.driver #resultsTable-transit th:first-child{min-width:80px;width:80px}.driver #resultsTable-transit td:nth-child(2),.driver #resultsTable-transit td:nth-child(3),.driver #resultsTable-transit th:nth-child(2),.driver #resultsTable-transit th:nth-child(3){min-width:120px;width:120px}.driver #resultsTable-transit td:nth-child(4),.driver #resultsTable-transit th:nth-child(4){min-width:140px;width:140px}.driver #resultsTable-transit td:nth-child(5),.driver #resultsTable-transit td:nth-child(6),.driver #resultsTable-transit td:nth-child(7),.driver #resultsTable-transit th:nth-child(5),.driver #resultsTable-transit th:nth-child(6),.driver #resultsTable-transit th:nth-child(7){min-width:100px;width:100px}.driver #resultsTable-transit td:nth-child(8),.driver #resultsTable-transit td:nth-child(9),.driver #resultsTable-transit th:nth-child(8),.driver #resultsTable-transit th:nth-child(9){min-width:80px;width:80px}.driver #resultsTable-transit td,.driver #resultsTable-transit th{background-color:#fff;border:1px solid #e0e0e0;color:#333;padding:10px;text-align:left;vertical-align:middle}.driver #resultsTable-transit tbody tr{background-color:#fff;transition:background-color .2s ease}.driver #resultsTable-transit tbody tr:nth-child(2n){background-color:#fafafa}.driver #resultsTable-transit tbody tr:hover{background-color:#f0f7ff}.driver #resultsTable-transit select{background-color:#fafafa;border:2px solid #ddd;border-radius:6px;box-sizing:border-box;cursor:pointer;font-size:14px;height:36px;padding:6px 10px;transition:all .3s ease;width:100%}.driver #resultsTable-transit select:focus{background-color:#fff;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.driver .edit-btn,.driver .save-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;min-width:60px;padding:6px 12px;transition:all .3s ease}.driver .edit-btn{background:#2196f3;color:#fff}.driver .save-btn{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.driver .edit-btn:hover,.driver .save-btn:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.driver .edit-btn:hover{background:#1976d2}.driver .save-btn:hover{background:linear-gradient(135deg,#388e3c,#2e7d32)}.driver .scrollable-table{flex-grow:1;overflow-x:auto;overflow-y:auto;padding:20px;scrollbar-color:#ccc #f5f5f5;scrollbar-width:thin;width:100%}.driver .scrollable-table::-webkit-scrollbar{height:10px;width:10px}.driver .scrollable-table::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}.driver .scrollable-table::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #f5f5f5;border-radius:5px}.driver .scrollable-table::-webkit-scrollbar-thumb:hover{background-color:#999}.driver #resultsTable{border:1px solid #e0e0e0;border-collapse:initial;border-radius:8px;border-spacing:0;font-family:Inter,sans-serif;font-size:14px;margin:0;min-width:800px;overflow:hidden;width:100%}.driver #resultsTable thead th{background:linear-gradient(180deg,#f8f8f8,#f0f0f0);border-bottom:2px solid #ddd;box-shadow:0 2px 4px #0000001a;color:#333;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:20}.driver #resultsTable td,.driver #resultsTable th{background-color:#fff;border:1px solid #e0e0e0;color:#333;padding:10px 12px;text-align:left}.driver #resultsTable tbody tr:nth-child(2n){background-color:#fafafa}.driver #resultsTable tbody tr:hover{background-color:#f0f7ff}.driver .spinner-container{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:100px;width:100%}.driver .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.driver .editing-row{background-color:#f8f9fa!important;transition:all .3s ease}.driver .editing-row td{position:relative;z-index:10}.driver .edit-container{display:flex;flex-direction:column;gap:8px}@media (max-width:1200px){.driver{padding:1.5rem}}@media (max-width:1024px){.driver{padding:1.25rem}.driver #resultsTable,.driver #resultsTable-transit{min-width:900px}}@media (max-width:768px){.driver{height:calc(100% - 56px);padding:1rem;top:56px}.driver .table-wrapper h1,.driver .table-wrapper-transit h1{font-size:1.3rem;padding:15px 15px 0}.driver .scrollable-table,.driver .table-wrapper-transit .table-container{padding:15px}.driver #resultsTable-transit{font-size:13px;min-width:700px}.driver #resultsTable-transit td,.driver #resultsTable-transit th{padding:8px 10px}.driver #resultsTable{font-size:13px;min-width:700px}.driver #resultsTable td,.driver #resultsTable th{padding:8px 10px}.driver .edit-btn,.driver .save-btn{font-size:12px;min-width:55px;padding:5px 10px}}@media (max-width:640px){.driver{padding:.75rem}.driver .table-wrapper h1,.driver .table-wrapper-transit h1{font-size:1.2rem;padding:12px 12px 0}.driver .scrollable-table,.driver .table-wrapper-transit .table-container{padding:12px}.driver #resultsTable-transit{font-size:12px;min-width:650px}.driver #resultsTable-transit td,.driver #resultsTable-transit th{padding:6px 8px}.driver #resultsTable{font-size:12px;min-width:650px}.driver #resultsTable td,.driver #resultsTable th{padding:6px 8px}.driver .edit-btn,.driver .save-btn{font-size:11px;min-width:50px;padding:4px 8px}}@media (max-width:480px){.driver{height:calc(100% - 52px);padding:.5rem;top:52px}.driver .table-wrapper h1,.driver .table-wrapper-transit h1{font-size:1.1rem;padding:10px 10px 0}.driver .scrollable-table,.driver .table-wrapper-transit .table-container{padding:10px}.driver #resultsTable-transit{font-size:11px;min-width:600px}.driver #resultsTable-transit td,.driver #resultsTable-transit th{padding:5px 6px}.driver #resultsTable{font-size:11px;min-width:600px}.driver #resultsTable td,.driver #resultsTable th{padding:5px 6px}.driver .edit-btn,.driver .save-btn{font-size:10px;min-width:45px;padding:3px 6px}}.driver *{transition-timing-function:cubic-bezier(.4,0,.2,1)}
/*# sourceMappingURL=main.39785466.css.map*/