*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.home-container,body{background-color:#000000;color:#ffffff}.home-container{min-height:100vh}.notch-navbar{background:linear-gradient(135deg,#000000,#1a1a1a);backdrop-filter:blur(20px);border-bottom:1px solid #333333;position:fixed;top:0;left:0;right:0;z-index:1000;height:70px}.notch-navbar-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:100%}.brand-name{font-size:1.5rem;font-weight:700;color:#ffffff;letter-spacing:-.5px}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{font-weight:500;font-size:.95rem;transition:all .3s ease;position:relative}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#60a5fa;transition:width .3s ease}.nav-link:hover:after{width:100%}.login-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:white;text-decoration:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px rgba(37,99,235,.3)}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,.4)}.main-content{padding-top:120px;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#000000,#000000)}.welcome-screen{max-width:800px;margin:0 auto;padding:2rem}.main-text{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2;color:#ffffff}.highlight{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-desc{font-size:1.2rem;color:#d1d5db;margin-bottom:2rem;line-height:1.6}.main-extra{color:#9ca3af;font-style:italic}.cta-buttons{display:flex;gap:1rem;margin-top:2rem;justify-content:center}.cta-primary,.cta-secondary{padding:1rem 2rem;border-radius:.75rem;font-weight:600;text-decoration:none;transition:all .3s ease;font-size:1.1rem}.cta-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:white;box-shadow:0 4px 15px rgba(37,99,235,.3)}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,.4)}.cta-secondary{background:transparent;color:#60a5fa;border:2px solid #60a5fa}.cta-secondary:hover{background:#60a5fa;color:#000000}.quick-track{background:linear-gradient(135deg,#111111,#222222);padding:4rem 2rem;border-top:1px solid #333333;border-bottom:1px solid #333333}.track-container{max-width:600px;margin:0 auto;text-align:center}.track-title{font-size:2.5rem;font-weight:700;color:#ffffff;margin-bottom:1rem}.track-subtitle{font-size:1.1rem;color:#9ca3af;margin-bottom:2rem}.track-form{display:flex;gap:1rem;margin-bottom:1rem}.track-input{flex:1;padding:1rem;border:2px solid #333333;border-radius:.75rem;font-size:1rem;outline:none;transition:border-color .3s;background:#1a1a1a;color:#ffffff}.track-input:focus{border-color:#60a5fa}.track-input::placeholder{color:#6b7280}.track-button{padding:1rem 2rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:white;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s}.track-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,.4)}.track-demo{font-size:.9rem;color:#9ca3af}.demo-code{background:#333333;padding:.25rem .5rem;border-radius:.25rem;font-family:Courier New,monospace;color:#60a5fa;font-weight:600;cursor:pointer}.demo-code:hover{background:#404040}.section-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,#333333,transparent);margin:0}.services-section{background:#000000;padding:5rem 2rem}.services-title{font-size:3rem;font-weight:700;color:#ffffff;text-align:center;margin-bottom:1rem}.services-subtitle{text-align:center;font-size:1.2rem;color:#9ca3af;margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.services-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.service-box{background:linear-gradient(135deg,#111111,#1a1a1a);border-radius:1rem;padding:2rem;border:1px solid #333333;transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.service-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(96,165,250,.1),transparent);transition:left .5s ease}.service-box:hover:before{left:100%}.service-box:hover{transform:translateY(-10px);border-color:#60a5fa;box-shadow:0 20px 40px rgba(96,165,250,.2)}.service-icon{font-size:3rem;margin-bottom:1rem;display:block}.service-box h3{font-size:1.5rem;font-weight:600;color:#ffffff;margin-bottom:1rem}.service-box p{color:#d1d5db;line-height:1.6;margin-bottom:1.5rem}.service-features{display:flex;flex-direction:column;margin-bottom:1.5rem}.feature,.service-features{gap:.5rem;align-items:center}.feature{font-size:.875rem;color:#9ca3af;background:#222222;padding:.25rem .75rem;border-radius:1rem;display:inline-flex;border:1px solid #333333}.service-cta{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:white;text-decoration:none;border-radius:.5rem;font-weight:500;transition:all .3s;border:none;cursor:pointer}.service-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,.4)}.pricing-section{background:linear-gradient(135deg,#111111,#000000);padding:5rem 2rem;border-top:1px solid #333333}.pricing-title{font-size:3rem;font-weight:700;color:#ffffff;text-align:center;margin-bottom:1rem}.pricing-subtitle{font-size:1.2rem;color:#9ca3af;text-align:center;margin-bottom:4rem}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto 4rem}.pricing-card{background:linear-gradient(135deg,#1a1a1a,#111111);border-radius:1rem;padding:2rem;border:2px solid #333333;position:relative;transition:all .3s ease;text-align:center}.pricing-card:hover{transform:translateY(-10px);border-color:#60a5fa;box-shadow:0 20px 40px rgba(96,165,250,.2)}.pricing-card.featured{border-color:#60a5fa;transform:scale(1.05);background:linear-gradient(135deg,#1e3a8a,#1a1a1a)}.featured-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#60a5fa,#3b82f6);color:white;padding:.5rem 1rem;border-radius:1rem;font-size:.875rem;font-weight:600}.pricing-name{font-size:1.5rem;font-weight:600;color:#ffffff;text-align:center;margin-bottom:1rem}.pricing-price{text-align:center;margin-bottom:2rem}.price-currency{font-size:1.5rem;color:#9ca3af;vertical-align:top}.price-amount{font-size:3rem;font-weight:700;color:#60a5fa}.price-period{font-size:1rem;color:#9ca3af;margin-left:.5rem}.pricing-features{list-style:none;padding:0;margin-bottom:2rem}.pricing-features li{padding:.5rem 0;color:#d1d5db;text-align:left}.pricing-note{text-align:center;color:#9ca3af;font-size:.875rem;font-style:italic}.pricing-calculator{background:linear-gradient(135deg,#1a1a1a,#111111);border-radius:1rem;padding:2rem;border:1px solid #333333;max-width:600px;margin:0 auto}.calculator-title{font-size:1.5rem;font-weight:600;color:#ffffff;text-align:center;margin-bottom:1.5rem}.calculator-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:1rem;align-items:center}.calc-input,.calc-select{padding:.75rem;border:1px solid #333333;border-radius:.5rem;outline:none;background:#222222;color:#ffffff}.calc-input::placeholder{color:#6b7280}.calc-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:white;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s}.calc-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,.4)}.features-highlight{padding:5rem 2rem;background:linear-gradient(135deg,#000000,#111111);border-top:1px solid #333333}.features-title{font-size:3rem;font-weight:700;color:#ffffff;text-align:center;margin-bottom:4rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;max-width:1200px;margin:0 auto}.feature-item{text-align:center;padding:2rem;background:linear-gradient(135deg,#1a1a1a,#111111);border-radius:1rem;border:1px solid #333333;transition:all .3s ease}.feature-item:hover{transform:translateY(-10px);border-color:#60a5fa;box-shadow:0 20px 40px rgba(96,165,250,.2)}.feature-icon{font-size:3rem;margin-bottom:1rem;display:block}.feature-item h3{font-size:1.25rem;font-weight:600;color:#ffffff;margin-bottom:1rem}.feature-item p{color:#d1d5db;line-height:1.6}.chatbot-container{position:fixed;bottom:2rem;right:2rem;z-index:1000}.chatbot-toggle{width:60px;height:60px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:50%;color:white;cursor:pointer;box-shadow:0 4px 12px rgba(37,99,235,.3);transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative}.chatbot-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(37,99,235,.4)}.chat-icon{font-size:1.5rem}.chat-pulse{position:absolute;width:100%;height:100%;border:2px solid #60a5fa;border-radius:50%;animation:pulse 2s infinite}.chatbot-window{width:350px;height:500px;background:#1a1a1a;border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.5);display:flex;flex-direction:column;overflow:hidden;border:1px solid #333333}.chatbot-header{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:white;padding:1rem;display:flex;justify-content:space-between;align-items:center}.chat-header-info h3{margin:0;font-size:1.1rem}.online-status{font-size:.8rem;opacity:.9}.chatbot-close{background:none;border:none;color:white;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;border-radius:50%;transition:background .2s}.chatbot-close:hover{background:rgba(255,255,255,.1)}.chatbot-messages{flex:1;padding:1rem;overflow-y:auto;background:#111111}.bot-message{display:flex;gap:.75rem;margin-bottom:1rem}.bot-avatar{width:32px;height:32px;background:#333333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.message-content{flex:1}.message-content p{background:#222222;padding:.75rem;border-radius:.75rem;margin:0 0 1rem;font-size:.9rem;line-height:1.4;color:#ffffff;border:1px solid #333333}.quick-actions{display:flex;flex-direction:column;gap:.5rem}.quick-btn{background:#333333;border:1px solid #404040;padding:.5rem .75rem;border-radius:.5rem;font-size:.85rem;cursor:pointer;transition:all .2s;text-align:left;color:#ffffff}.quick-btn:hover{background:#404040;border-color:#60a5fa}.chatbot-input{padding:1rem;border-top:1px solid #333333;display:flex;gap:.5rem;background:#1a1a1a}.chat-input{flex:1;padding:.75rem;border:1px solid #333333;border-radius:.5rem;outline:none;font-size:.9rem;background:#222222;color:#ffffff}.chat-input::placeholder{color:#6b7280}.chat-send{padding:.75rem 1rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:white;border:none;border-radius:.5rem;cursor:pointer;font-size:.9rem;transition:all .3s}.chat-send:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.3)}.footer{background:linear-gradient(135deg,#111111,#000000);border-top:1px solid #333333;padding:3rem 0 1rem}.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:0 2rem}.footer-col{display:flex;flex-direction:column}.footer-title{font-size:1.25rem;font-weight:600;color:#ffffff;margin-bottom:1rem}.footer-col p{color:#9ca3af;line-height:1.6;margin-bottom:1rem}.footer-link{color:#d1d5db;text-decoration:none;padding:.25rem 0;transition:color .3s ease;font-size:.9rem}.footer-link:hover{color:#60a5fa}.footer-stats{display:flex;gap:2rem;margin-top:1rem}.stat{display:flex;flex-direction:column;align-items:center}.stat strong{font-size:1.25rem;color:#60a5fa;font-weight:700}.stat span{font-size:.8rem;color:#9ca3af}.contact-info{display:flex;flex-direction:column;gap:.5rem}.contact-info p{margin:0;font-size:.9rem;color:#d1d5db}.footer-bottom{border-top:1px solid #333333;padding:1.5rem 0;margin-top:2rem;background:#000000}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.footer-bottom-content p{color:#9ca3af;font-size:.9rem}.social-icons{display:flex;gap:1rem}.social-icon{width:40px;height:40px;background:#222222;border:1px solid #333333;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#9ca3af;text-decoration:none;transition:all .3s ease}.social-icon:hover{background:#60a5fa;color:#ffffff;transform:translateY(-2px);border-color:#60a5fa}.social-icon svg{width:20px;height:20px}@media (max-width:768px){.notch-navbar-inner{padding:0 1rem;flex-wrap:wrap;gap:1rem}.nav-links{display:none}.main-text{font-size:2.5rem}.cta-buttons{align-items:center}.cta-buttons,.track-form{flex-direction:column}.calculator-form,.features-grid,.pricing-cards{grid-template-columns:1fr}.chatbot-window{width:calc(100vw - 2rem);height:calc(100vh - 4rem);bottom:1rem;right:1rem}.footer-bottom-content{flex-direction:column;gap:1rem;text-align:center}.footer-stats{justify-content:center}.services-boxes{grid-template-columns:1fr}}@media (max-width:480px){.features-title,.main-text,.pricing-title,.services-title,.track-title{font-size:2rem}.footer-inner{grid-template-columns:1fr;text-align:center}.footer-stats{justify-content:center}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#111111}::-webkit-scrollbar-thumb{background:#333333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#404040}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-item,.pricing-card,.service-box{animation:fadeInUp .6s ease-out}.feature-item:hover .feature-icon,.service-box:hover .service-icon{transform:scale(1.1);transition:transform .3s ease}.calc-button:focus,.chat-send:focus,.cta-primary:focus,.cta-secondary:focus,.login-btn:focus,.nav-link:focus,.service-cta:focus,.track-button:focus{outline:2px solid #60a5fa;outline-offset:2px}.login-bg{min-height:85vh;background:linear-gradient(135deg,#0a0a0a 80%,#1e293b);display:flex;align-items:center;justify-content:center;padding:1rem 0}.login-content{display:flex;width:100%;max-width:500px;height:60vh;background:rgba(20,20,20,.98);border-radius:1.5rem;box-shadow:0 0 12px 3px #2563eb,0 6px 20px rgba(0,0,0,.6);border:2px solid #fff;overflow:hidden}.login-left{flex:1;background:linear-gradient(135deg,#1e293b,#0f172a);flex-direction:column;padding:2rem 1.5rem;text-align:center;position:relative}.login-image,.login-left{display:flex;align-items:center;justify-content:center}.login-image{width:120px;height:120px;margin-bottom:1rem;background:linear-gradient(135deg,#60a5fa,#2563eb);border-radius:50%;font-size:2.5rem;color:white;box-shadow:0 0 20px rgba(96,165,250,.5)}.login-description{color:#fff}.login-description h2{font-size:1.8rem;font-weight:700;color:#60a5fa;margin-bottom:.75rem;text-shadow:0 2px 8px rgba(0,0,0,.5)}.login-description p{font-size:.95rem;color:#d1d5db;line-height:1.5;margin-bottom:1rem}.login-features{margin-top:1rem;text-align:left}.login-feature{display:flex;align-items:center;margin-bottom:.5rem;color:#d1d5db;font-size:.85rem}.login-feature svg{margin-right:.5rem;color:#60a5fa;flex-shrink:0}.login-right{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;background:rgba(10,10,10,.95)}.login-form-container{width:100%;max-width:320px;color:#fff}.login-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#60a5fa;text-align:center}.login-form{width:100%;gap:1rem}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:.25rem}.login-field label{color:#d1d5db;font-weight:500;font-size:.8rem}.login-input{padding:.6rem .8rem;border-radius:.75rem;border:1px solid #374151;background:#18181b;color:#fff;font-size:.9rem;outline:none;transition:border .2s}.login-input:focus{border-color:#60a5fa}.login-password-wrap{display:flex;align-items:center;position:relative}.show-password-btn{margin-left:.5rem;background:none;border:none;color:#60a5fa;font-size:.75rem;cursor:pointer;padding:0;transition:color .2s;position:absolute;right:8px}.show-password-btn:hover{color:#2563eb}.login-submit-btn{width:100%;padding:.6rem 0;background:#60a5fa;color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;margin-top:.75rem;transition:background .2s}.login-submit-btn:hover{background:#2563eb}.login-footer{margin-top:1rem;text-align:center;color:#9ca3af;font-size:.8rem}.login-link{color:#60a5fa;text-decoration:none;margin:0 .25rem;transition:color .2s}.login-link:hover{color:#fff}@media (max-width:900px){.login-bg{min-height:auto;padding:1rem}.login-content{flex-direction:column;height:auto;max-height:90vh}.login-left{padding:1.5rem 1rem}.login-image{width:80px;height:80px;font-size:2rem;margin-bottom:.75rem}.login-description h2{font-size:1.5rem}.login-description p{font-size:.85rem}.login-features{margin-top:.75rem}.login-feature{font-size:.8rem;margin-bottom:.4rem}.login-right{padding:1.5rem 1rem}.login-form-container{max-width:280px}.login-title{font-size:1.3rem;margin-bottom:1rem}}@media (max-width:600px){.login-content{margin:0 .5rem}}.register-bg{min-height:100vh;min-width:100vw;background:linear-gradient(135deg,#0a0a0a 80%,#1e293b);display:flex;align-items:center;justify-content:center;padding:70px 0 1rem}.register-content{display:flex;width:100%;max-width:500px;height:80vh;background:rgba(20,20,20,.98);border-radius:1.5rem;box-shadow:0 0 12px 3px #2563eb,0 6px 20px rgba(0,0,0,.6);border:2px solid #fff;overflow:hidden}.register-left{flex:1;background:linear-gradient(135deg,#1e293b,#0f172a);flex-direction:column;padding:2rem 1.5rem;text-align:center;position:relative}.register-image,.register-left{display:flex;align-items:center;justify-content:center}.register-image{width:120px;height:120px;margin-bottom:1rem;background:linear-gradient(135deg,#60a5fa,#2563eb);border-radius:50%;font-size:2.5rem;color:white;box-shadow:0 0 20px rgba(96,165,250,.5)}.register-description{color:#fff}.register-description h2{font-size:1.8rem;font-weight:700;color:#60a5fa;margin-bottom:.75rem;text-shadow:0 2px 8px rgba(0,0,0,.5)}.register-description p{font-size:.95rem;color:#d1d5db;line-height:1.5;margin-bottom:1rem}.register-features{margin-top:1rem;text-align:left}.register-feature{display:flex;align-items:center;margin-bottom:.5rem;color:#d1d5db;font-size:.85rem}.register-feature svg{margin-right:.5rem;color:#60a5fa;flex-shrink:0}.register-right{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;background:rgba(10,10,10,.95)}.register-form-container{width:100%;max-width:320px;color:#fff;padding-top:10px;padding-bottom:10px}.register-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#60a5fa;text-align:center}.register-form{width:100%;gap:1rem}.register-field,.register-form{display:flex;flex-direction:column}.register-field{gap:.25rem}.register-field label{color:#d1d5db;font-weight:500;font-size:.8rem}.register-input{padding:.6rem .8rem;border-radius:.75rem;border:1px solid #374151;background:#18181b;color:#fff;font-size:.9rem;outline:none;transition:border .2s}.register-input:focus{border-color:#60a5fa}.register-password-wrap{display:flex;align-items:center;position:relative}.register-show-password-btn{margin-left:.5rem;background:none;border:none;color:#60a5fa;font-size:.75rem;cursor:pointer;padding:0;transition:color .2s;position:absolute;right:8px}.register-show-password-btn:hover{color:#2563eb}.register-submit-btn{width:100%;padding:.6rem 0;background:#60a5fa;color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;margin-top:.75rem;transition:background .2s}.register-submit-btn:hover{background:#2563eb}.register-footer{margin-top:1rem;text-align:center;color:#9ca3af;font-size:.8rem}.register-link{color:#60a5fa;text-decoration:none;margin:0 .25rem;transition:color .2s}.register-link:hover{color:#fff}@media (max-width:900px){.register-bg{min-height:auto;padding:1rem}.register-content{flex-direction:column;height:auto;max-height:90vh}.register-left{padding:1.5rem 1rem}.register-image{width:80px;height:80px;font-size:2rem;margin-bottom:.75rem}.register-description h2{font-size:1.5rem}.register-description p{font-size:.85rem}.register-features{margin-top:.75rem}.register-feature{font-size:.8rem;margin-bottom:.4rem}.register-right{padding:1.5rem 1rem}.register-form-container{max-width:280px}.register-title{font-size:1.3rem;margin-bottom:1rem}}@media (max-width:600px){.register-content{margin:0 .5rem}}.demo-credentials{margin-top:1.5rem;text-align:left}.credential-group{background:rgba(255,255,255,.1);padding:.75rem;border-radius:.5rem;margin-bottom:.75rem}.credential-group h4{color:#60a5fa;font-size:.9rem;margin:0 0 .25rem;font-weight:600}.credential-group p{color:#d1d5db;font-size:.8rem;margin:.1rem 0;font-family:Courier New,monospace}.error-message{background:#dc2626;color:white;padding:.75rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem;text-align:center}.login-submit-btn:disabled{background:#6b7280;cursor:not-allowed}.form-container{background:#1a1a1a;border:1px solid #374151;width:90%}.form-title{color:#60a5fa}.form-row{margin-bottom:1rem}.form-input,.form-select,.form-textarea{border:1px solid #374151;background:#0a0a0a}.form-actions{margin-top:2rem}.table-container{background:#1a1a1a;border:1px solid #374151}.data-table tbody tr:hover{background:#0f1419}.parcel-id{color:#60a5fa!important}.status.pending{background:#fbbf24;color:#92400e}.status.processing{background:#60a5fa;color:#1e3a8a}.status.ready{background:#34d399;color:#065f46}.status.in-transit{background:#a78bfa;color:#5b21b6}.status.active{background:#10b981;color:#064e3b}.status.nearly-full{background:#f59e0b;color:#92400e}.status.in-progress{background:#3b82f6;color:#1e3a8a}.status.planned{background:#6b7280;color:#ffffff}.btn-small.secondary{border:1px solid #4b5563}.btn-small.danger{background:#dc2626;color:white}.btn-small.danger:hover{background:#b91c1c}.warehouse-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.warehouse-card{background:#1a1a1a;border:1px solid #374151;transition:border-color .2s}.warehouse-header{justify-content:space-between}.warehouse-name{font-size:1.25rem}.capacity-info{margin-top:1rem}.capacity-bar{width:100%;background:#374151;border-radius:4px}.capacity-fill{background:#60a5fa}.consolidation-controls{background:#1a1a1a;border:1px solid #374151;border-radius:1rem;padding:1.5rem}.consolidation-groups{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.group-card{background:#1a1a1a;border:1px solid #374151}.group-title{color:#60a5fa;font-size:1.25rem}.parcel-item{padding:.5rem 0;border-bottom:1px solid #374151}.parcel-item:last-child{border-bottom:none}.planning-panel,.routes-panel{background:#1a1a1a;border:1px solid #374151}.route-form{display:flex;flex-direction:column;gap:1rem}.route-item{background:#0a0a0a;border:1px solid #374151;border-radius:.5rem}.route-name{color:#60a5fa}.tracking-map{background:#1a1a1a;border:1px solid #374151}.map-text{color:#60a5fa;font-size:2rem;margin:0}.map-subtext{color:#9ca3af;margin:.5rem 0 0}.tracking-sidebar{background:#1a1a1a;border:1px solid #374151;overflow-y:auto}.delivery-item{background:#0a0a0a;border:1px solid #374151;border-radius:.5rem}.progress-bar{border-radius:3px}.report-filters{background:#1a1a1a;border:1px solid #374151}.filter-select{background:#0a0a0a;outline:none}.performance-card{background:#1a1a1a;border:1px solid #374151}.performance-title{margin:0 0 .5rem}.performance-value{font-size:2rem}.activity-text{color:#d1d5db!important}.activity-time{color:#9ca3af!important}@media (max-width:1024px){.route-planning-grid,.tracking-dashboard{grid-template-columns:1fr}.tracking-dashboard{height:auto}.tracking-map{height:400px}}@media (max-width:768px){.form-row{grid-template-columns:1fr}.section-header{gap:1rem}.filter-section,.section-header{flex-direction:column;align-items:flex-start}.consolidation-groups,.performance-metrics,.warehouse-grid{grid-template-columns:1fr}}.section-subtitle,.section-title{color:#ffffff!important}.section-subtitle{font-size:1.125rem}.user-name{color:#ffffff!important}.loading{min-height:100vh}.logout-btn{margin-left:.5rem;padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem}.online-toggle{margin-right:1rem}.status-toggle{padding:.5rem 1rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.status-toggle.online{background:#10b981;color:white}.status-toggle.offline{background:#6b7280;color:white}.overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.driver-status{padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:1rem}.driver-status.online{background:#d1fae5;color:#065f46;border:2px solid #10b981}.driver-status.offline{background:#f3f4f6;color:#374151;border:2px solid #6b7280}.driver-metric{background:#1a1a1a!important;border:1px solid #374151!important}.metric-value{color:#ffffff!important}.metric-label{color:#9ca3af!important}.current-route-card{background:#1a1a1a;border:1px solid #374151;border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.card-title{color:#60a5fa;font-size:1.25rem;margin:0 0 1rem}.route-info{display:flex;justify-content:space-between;align-items:center;gap:2rem}.route-details{flex:1}.route-name{font-size:1.125rem}.route-description{color:#9ca3af;margin:0 0 1rem}.route-progress{margin-top:1rem}.progress-bar{width:100%;height:8px;background:#374151;border-radius:4px}.progress-fill{background:#60a5fa}.route-actions{flex-direction:column}.quick-stats{background:#1a1a1a;border:1px solid #374151;border-radius:1rem;padding:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-item{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#0a0a0a;border-radius:.5rem;border:1px solid #374151}.stat-label{font-size:.875rem;margin-bottom:.5rem}.routes-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.route-card{background:#1a1a1a;border:1px solid #374151;border-radius:1rem;padding:1.5rem;transition:border-color .2s}.route-card:hover{border-color:#60a5fa}.route-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.route-main-info{flex:1}.route-id{color:#60a5fa;font-size:1.125rem;font-weight:700;margin:0}.route-title{color:#ffffff;font-size:1rem;font-weight:600;margin:.25rem 0 0}.route-badges{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.priority-badge,.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.active{background:#10b981;color:#ffffff}.status-badge.scheduled{background:#f59e0b;color:#ffffff}.status-badge.completed{background:#6b7280;color:#ffffff}.priority-badge.high{background:#dc2626;color:#ffffff}.priority-badge.medium{background:#f59e0b;color:#ffffff}.priority-badge.low{background:#10b981;color:#ffffff}.route-stats{display:flex;gap:1rem;margin-bottom:1.5rem}.route-stat{display:flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.875rem}.stat-icon{font-size:1rem}.route-actions{display:flex;gap:.5rem;flex-wrap:wrap}.deliveries-list{display:flex;flex-direction:column;gap:1rem}.delivery-card{background:#1a1a1a;border:1px solid #374151;border-radius:1rem;padding:1.5rem}.delivery-header{align-items:center;margin-bottom:1rem}.delivery-id{font-weight:700;font-size:1.125rem}.delivery-badges{display:flex;gap:.5rem}.delivery-details{margin-bottom:1.5rem}.detail-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;color:#d1d5db;font-size:.875rem}.detail-icon{font-size:1rem;width:20px;text-align:center}.delivery-actions{display:flex;gap:.5rem;flex-wrap:wrap}.navigation-container{display:grid;grid-template-columns:2fr 1fr;gap:2rem;height:600px}.map-section{background:#1a1a1a;border:1px solid #374151;border-radius:1rem;display:flex;align-items:center;justify-content:center}.map-placeholder{padding:2rem}.map-content{max-width:400px}.map-title{color:#60a5fa;font-size:2rem;margin:0 0 .5rem}.map-subtitle{color:#9ca3af;margin:0 0 2rem}.current-location{background:#0a0a0a;border:1px solid #374151;border-radius:.5rem;padding:1rem}.destination-text,.location-text{color:#d1d5db;font-size:.875rem;margin:.25rem 0}.navigation-sidebar{background:#1a1a1a;border:1px solid #374151;border-radius:1rem;padding:1.5rem;overflow-y:auto}.sidebar-title{font-size:1.125rem;margin:0 0 1rem}.next-delivery{margin-bottom:2rem}.delivery-info{background:#0a0a0a;border:1px solid #374151;border-radius:.5rem;padding:1rem}.customer-name{color:#60a5fa;font-size:1rem;font-weight:600;margin:0 0 .5rem}.delivery-address,.delivery-time{color:#d1d5db;font-size:.875rem;margin:.25rem 0}.directions{margin-bottom:2rem}.direction-steps{display:flex;flex-direction:column;gap:.75rem}.direction-step{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#0a0a0a;border-radius:.5rem;border:1px solid #374151}.direction-step.current{border-color:#60a5fa;background:rgba(96,165,250,.1)}.step-icon{font-size:1rem}.step-text{color:#d1d5db;font-size:.875rem}.navigation-controls{display:flex;flex-direction:column;gap:.5rem}.nav-btn{padding:.75rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}.nav-btn.primary{background:#2563eb;color:white}.nav-btn.secondary{background:#374151;color:#d1d5db}.scanner-container{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.scanner-section{background:#1a1a1a;border:1px solid #374151;border-radius:1rem;padding:1.5rem}.camera-placeholder{background:#0a0a0a;border:2px dashed #374151;border-radius:1rem;padding:3rem;text-align:center;margin-bottom:2rem}.camera-icon{font-size:4rem;margin-bottom:1rem}.camera-title{color:#ffffff;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.camera-subtitle{color:#9ca3af;margin:0 0 2rem}.scanner-frame{width:200px;height:200px;border:2px solid #60a5fa;border-radius:.5rem;margin:0 auto;position:relative;overflow:hidden}.scanner-line{width:100%;height:2px;background:#60a5fa;position:absolute;top:50%;animation:scanLine 2s linear infinite}@keyframes scanLine{0%{transform:translateY(-100px)}to{transform:translateY(100px)}}.manual-input{text-align:left}.input-title{color:#ffffff;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.barcode-input{width:100%;padding:.75rem;border:1px solid #374151;border-radius:.5rem;background:#0a0a0a;color:#ffffff;margin-bottom:1rem}.scanner-history{background:#1a1a1a;border:1px solid #374151;border-radius:1rem;padding:1.5rem}.history-title{color:#ffffff;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.scan-list{display:flex;flex-direction:column;gap:.75rem}.scan-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#0a0a0a;border-radius:.5rem;border:1px solid #374151}.scan-code{color:#60a5fa;font-weight:600}.scan-status{color:#10b981;font-size:.875rem}.scan-time{color:#9ca3af;font-size:.875rem}.earnings-overview{margin-bottom:2rem}.earnings-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.earning-card{background:#1a1a1a;border:1px solid #374151;border-radius:1rem;padding:1.5rem;text-align:center}.earning-title{color:#9ca3af;font-size:.875rem;font-weight:500;margin:0 0 .5rem}.earning-amount{color:#10b981;font-size:2rem;font-weight:700;margin:0 0 .5rem}.earning-details{color:#d1d5db;font-size:.875rem;margin:0}.payment-breakdown{background:#1a1a1a;border:1px solid #374151;border-radius:1rem;padding:1.5rem}.breakdown-title{color:#ffffff;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.breakdown-items{display:flex;flex-direction:column;gap:.75rem}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#0a0a0a;border-radius:.5rem;border:1px solid #374151}.item-label{color:#d1d5db}.item-value{color:#60a5fa;font-weight:600}.history-filters{display:flex;gap:1rem;margin-bottom:2rem;align-items:center}.filter-select{padding:.75rem;border:1px solid #374151;border-radius:.5rem;background:#1a1a1a;color:#ffffff}.history-table{background:#1a1a1a;border:1px solid #374151;border-radius:1rem;overflow:hidden}.data-table th{background:#374151;padding:1rem}.data-table td{padding:1rem;border-bottom:1px solid #374151}.table-date{color:#60a5fa!important;font-weight:600}.table-earnings{color:#10b981!important;font-weight:600}.rating-display{color:#f59e0b}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.analytics-card{background:#1a1a1a;border:1px solid #374151;border-radius:1rem;padding:1.5rem}.analytics-title{color:#ffffff;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.analytics-chart{margin-bottom:1rem}.chart-placeholder{border:1px solid #374151;padding:2rem}.chart-text{font-size:3rem;margin:0 0 .5rem}.chart-label{color:#60a5fa;font-size:1.25rem;font-weight:600;margin:0}.analytics-insight{color:#10b981;font-size:.875rem;margin:0}.performance-goals{background:#1a1a1a;border:1px solid #374151;border-radius:1rem;padding:1.5rem}.goals-title{color:#ffffff;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.goal-items{display:flex;flex-direction:column;gap:1rem}.goal-item{background:#0a0a0a;border:1px solid #374151;border-radius:.5rem;padding:1rem}.goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.goal-name{color:#d1d5db;font-weight:500}.goal-progress{color:#60a5fa;font-weight:600}.goal-bar{width:100%;height:8px;background:#374151;border-radius:4px;overflow:hidden}.goal-fill{height:100%;background:#10b981;transition:width .3s ease}@media (max-width:1024px){.navigation-container,.scanner-container{grid-template-columns:1fr}.route-info{flex-direction:column;align-items:flex-start}.route-actions{flex-direction:row;width:100%}}@media (max-width:768px){.overview-header{flex-direction:column;gap:1rem;align-items:flex-start}.routes-container{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid,.earnings-cards{grid-template-columns:1fr}.history-filters{flex-direction:column;align-items:stretch}}.admin-dashboard{min-height:100vh;background:#000000;color:#ffffff;padding:0}.admin-header{padding:1rem 2rem}.admin-title{color:#ffffff;font-size:1.875rem;font-weight:700;margin:0}.header-actions{gap:1rem}.notification-bell{position:relative}.notification-badge{position:absolute;top:-5px;right:-5px;background:#dc2626;color:white;border-radius:50%;width:20px;height:20px;font-size:.75rem;display:flex;align-items:center;justify-content:center}.admin-logout{padding:.5rem 1rem;background:#dc2626;color:white;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background .2s}.admin-logout:hover{background:#b91c1c}.admin-layout{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 80px)}.admin-sidebar{background:linear-gradient(180deg,#111111,#0a0a0a);border-right:1px solid #333333;padding:2rem 0;overflow-y:auto}.admin-content{padding:2rem;overflow-y:auto;background:#000000}.sidebar-nav{list-style:none;padding:0;margin:0}.nav-item{margin-bottom:.5rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:#d1d5db;text-decoration:none;transition:all .3s;border-left:3px solid transparent}.nav-link.active,.nav-link:hover{background:#1a1a1a;color:#60a5fa;border-left-color:#60a5fa}.nav-text{font-weight:500}.dashboard-overview{margin-bottom:3rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.metric-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(96,165,250,.2)}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.metric-title{color:#9ca3af;font-size:.875rem;font-weight:500;margin:0}.metric-icon{background:rgba(96,165,250,.1);width:40px;height:40px;font-size:1.25rem}.metric-value{font-size:2.25rem;margin:0 0 .5rem}.metric-change{display:flex;align-items:center;gap:.25rem;font-size:.875rem}.metric-change.positive{color:#10b981}.metric-change.negative{color:#ef4444}.metric-change.neutral{color:#9ca3af}.change-arrow{font-size:.75rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.quick-action-card{border-radius:.75rem;padding:1.25rem}.quick-action-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(96,165,250,.15)}.action-icon{font-size:2rem;margin-bottom:.75rem}.action-title{color:#ffffff;font-size:1rem;font-weight:600;margin:0 0 .25rem}.action-description{color:#9ca3af;font-size:.875rem;margin:0}.section{margin-bottom:3rem}.section-title{font-size:1.875rem}.section-subtitle{margin:.25rem 0 0}.section-actions{display:flex;gap:1rem}.btn{font-weight:500;transition:all .3s}.btn-primary:hover{box-shadow:0 6px 20px rgba(37,99,235,.4)}.btn-secondary{background:#374151;color:#d1d5db;border:1px solid #4b5563}.btn-secondary:hover{background:#4b5563;border-color:#60a5fa}.btn-danger{background:#dc2626;color:white}.btn-danger:hover{background:#b91c1c}.btn-small{padding:.5rem 1rem}.table-header{padding:1rem 1.5rem;border-bottom:1px solid #333333;display:flex;justify-content:space-between;align-items:center}.table-title{color:#ffffff;font-size:1.125rem;font-weight:600;margin:0}.table-filters{display:flex;gap:1rem;align-items:center}.filter-input,.filter-select{padding:.5rem .75rem;border:1px solid #333333;border-radius:.375rem;background:#222222;color:#ffffff;font-size:.875rem;outline:none}.filter-input:focus,.filter-select:focus{border-color:#60a5fa}.filter-input::placeholder{color:#6b7280}.data-table tbody tr:last-child td{border-bottom:none}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.pending{background:rgba(251,191,36,.2);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-badge.processing{background:rgba(96,165,250,.2);color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.status-badge.shipped{background:rgba(168,85,247,.2);color:#a855f7;border:1px solid rgba(168,85,247,.3)}.status-badge.delivered{background:rgba(16,185,129,.2);color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge.cancelled{background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-badge.active{background:rgba(16,185,129,.2);color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge.inactive{background:rgba(107,114,128,.2);color:#6b7280;border:1px solid rgba(107,114,128,.3)}.status-badge.high{background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-badge.medium{background:rgba(251,191,36,.2);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-badge.low{background:rgba(16,185,129,.2);color:#10b981;border:1px solid rgba(16,185,129,.3)}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.form-title{margin:0}.form-close{background:none;border:none;color:#9ca3af;font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s}.form-close:hover{background:#333333;color:#ffffff}.form-content{gap:1.5rem}.form-content,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-actions{padding-top:1rem;border-top:1px solid #333333}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.card{background:linear-gradient(135deg,#1a1a1a,#111111);border:1px solid #333333;border-radius:1rem;padding:1.5rem;transition:all .3s ease}.card:hover{transform:translateY(-3px);border-color:#60a5fa;box-shadow:0 8px 25px rgba(96,165,250,.15)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-title{color:#ffffff;font-size:1.125rem;font-weight:600;margin:0}.card-badge{padding:.25rem .75rem;background:rgba(96,165,250,.2);color:#60a5fa;border-radius:9999px;font-size:.75rem;font-weight:500}.card-content{color:#d1d5db;margin-bottom:1.5rem}.card-actions{display:flex;gap:.5rem}.chart-container{background:linear-gradient(135deg,#1a1a1a,#111111);border:1px solid #333333;border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-title{color:#ffffff;font-size:1.125rem;font-weight:600;margin:0}.chart-controls{display:flex;gap:.5rem}.chart-placeholder{background:#0a0a0a;border:1px solid #333333;border-radius:.5rem;padding:3rem;text-align:center;margin-bottom:1rem}.chart-icon{font-size:3rem;color:#60a5fa;margin-bottom:1rem}.chart-text{color:#9ca3af;font-size:1rem;margin:0}.activity-feed{background:linear-gradient(135deg,#1a1a1a,#111111);border:1px solid #333333;border-radius:1rem;padding:1.5rem;max-height:500px;overflow-y:auto}.activity-header{margin-bottom:1.5rem}.activity-title{color:#ffffff;font-size:1.125rem;font-weight:600;margin:0}.activity-item{background:#0a0a0a;border-radius:.5rem}.activity-icon{width:40px;height:40px}.activity-content{flex:1}.activity-text{margin:0 0 .25rem}.activity-time{font-size:.875rem;margin:0}.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.user-card{background:linear-gradient(135deg,#1a1a1a,#111111);border:1px solid #333333;border-radius:1rem;padding:1.5rem;text-align:center;transition:all .3s ease}.user-card:hover{transform:translateY(-3px);border-color:#60a5fa;box-shadow:0 8px 25px rgba(96,165,250,.15)}.user-avatar{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:white;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;margin:0 auto 1rem}.user-name{color:#ffffff;font-size:1.125rem;margin:0 0 .25rem}.user-email{color:#9ca3af;font-size:.875rem;margin:0 0 1rem}.user-role{display:inline-block;padding:.25rem .75rem;background:rgba(96,165,250,.2);color:#60a5fa;border-radius:9999px;font-size:.75rem;font-weight:500;margin-bottom:1rem}.user-stats{display:flex;justify-content:space-around;margin-bottom:1rem}.user-stat{text-align:center}.stat-value{color:#60a5fa;font-size:1.25rem;font-weight:600;margin:0}.stat-label{margin:0}.user-actions{display:flex;gap:.5rem;justify-content:center}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.settings-section{background:linear-gradient(135deg,#1a1a1a,#111111);border:1px solid #333333;border-radius:1rem;padding:1.5rem}.settings-title{color:#ffffff;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #333333}.setting-item:last-child{border-bottom:none}.setting-label{color:#d1d5db;font-weight:500}.setting-description{color:#9ca3af;font-size:.875rem;margin:.25rem 0 0}.setting-control{display:flex;align-items:center;gap:.5rem}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#374151;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:white;transition:.3s;border-radius:50%}.toggle-input:checked+.toggle-slider{background:#60a5fa}.toggle-input:checked+.toggle-slider:before{transform:translateX(20px)}.report-filters{border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-label{color:#d1d5db;font-weight:500;font-size:.875rem}.report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:linear-gradient(135deg,#1a1a1a,#111111);border:1px solid #333333;border-radius:1rem;padding:1.5rem;text-align:center}.summary-icon{background:rgba(96,165,250,.2);color:#60a5fa;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 1rem}.summary-value{color:#ffffff;font-size:2rem;font-weight:700;margin:0 0 .5rem}.summary-label{color:#9ca3af;font-size:.875rem;margin:0}@media (max-width:1024px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{display:none}.settings-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.admin-header{padding:1rem;flex-direction:column;gap:1rem}.admin-content{padding:1rem}.section-header{flex-direction:column;gap:1rem;align-items:flex-start}.form-row{grid-template-columns:1fr}.table-filters{flex-direction:column;gap:.5rem}.cards-grid,.user-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.filter-grid,.metrics-grid,.quick-actions-grid,.report-summary{grid-template-columns:1fr}}.loading-skeleton{background:linear-gradient(90deg,#333333 25%,#404040 50%,#333333 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:.375rem}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-title{height:1.5rem;width:60%;margin-bottom:1rem}.skeleton-card{height:200px;margin-bottom:1rem}@media print{.admin-header,.admin-sidebar,.btn,.card-actions,.section-actions{display:none!important}.admin-layout{grid-template-columns:1fr}.admin-content{padding:0}.card,.metric-card,.table-container{border:1px solid #333!important;box-shadow:none!important}}.activity-feed::-webkit-scrollbar,.admin-content::-webkit-scrollbar,.admin-sidebar::-webkit-scrollbar{width:6px}.activity-feed::-webkit-scrollbar-track,.admin-content::-webkit-scrollbar-track,.admin-sidebar::-webkit-scrollbar-track{background:#111111}.activity-feed::-webkit-scrollbar-thumb,.admin-content::-webkit-scrollbar-thumb,.admin-sidebar::-webkit-scrollbar-thumb{background:#333333;border-radius:3px}.activity-feed::-webkit-scrollbar-thumb:hover,.admin-content::-webkit-scrollbar-thumb:hover,.admin-sidebar::-webkit-scrollbar-thumb:hover{background:#404040}.font-mono{font-family:Courier New,monospace;font-weight:500}.text-sm{font-size:.875rem;line-height:1.25rem}.admin-sidebar .nav-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:#d1d5db;text-decoration:none;transition:all .3s ease;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-size:.875rem}.admin-sidebar .nav-link:hover{transform:translateX(3px)}.admin-sidebar .nav-link.active,.admin-sidebar .nav-link:hover{background:linear-gradient(135deg,#1a1a1a,#222222);color:#60a5fa;border-left-color:#60a5fa}.admin-sidebar .nav-link.active{font-weight:600}.admin-sidebar .nav-link .nav-icon{font-size:1.125rem;width:20px;text-align:center;transition:transform .3s ease}.admin-sidebar .nav-link:hover .nav-icon{transform:scale(1.1)}.admin-sidebar .nav-link .nav-text{font-weight:500;flex:1}.admin-header{background:linear-gradient(135deg,#1a1a1a,#111111);border-bottom:1px solid #333333;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.3)}.admin-title h1{color:#ffffff;font-size:1.875rem;font-weight:700;margin:0;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-welcome{color:#9ca3af;font-size:1rem;margin:.25rem 0 0}.user-name{color:#60a5fa;font-weight:600}.metric-card{padding:1.75rem;position:relative;overflow:hidden;backdrop-filter:blur(10px)}.metric-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(96,165,250,.25)}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#60a5fa,#3b82f6);opacity:0;transition:opacity .3s ease}.metric-card:hover:before{opacity:1}.metric-icon{background:rgba(96,165,250,.15);border:1px solid rgba(96,165,250,.3);border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;color:#60a5fa;font-size:1.35rem;transition:all .3s ease}.metric-card:hover .metric-icon{background:rgba(96,165,250,.25);transform:scale(1.1)}.metric-value{font-size:2.5rem;font-weight:800;margin:.75rem 0 .5rem}.data-table{font-size:.875rem}.data-table th{background:linear-gradient(135deg,#222222,#1a1a1a);padding:1.25rem 1.5rem;border-bottom:2px solid #333333;position:sticky;top:0;z-index:10}.data-table td{padding:1.25rem 1.5rem;vertical-align:middle}.data-table tbody tr{transition:all .2s ease}.data-table tbody tr:hover{background:linear-gradient(135deg,rgba(96,165,250,.08),rgba(59,130,246,.05));transform:scale(1.005)}.quick-action-card{background:linear-gradient(135deg,#1a1a1a,#111111);border:1px solid #333333;border-radius:1rem;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;text-decoration:none;color:inherit;position:relative;overflow:hidden}.quick-action-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(96,165,250,.1),transparent);transition:left .5s ease}.quick-action-card:hover:before{left:100%}.quick-action-card:hover{transform:translateY(-5px);border-color:#60a5fa;box-shadow:0 10px 30px rgba(96,165,250,.2)}.action-icon{font-size:2.5rem;margin-bottom:1rem;color:#60a5fa;transition:all .3s ease}.quick-action-card:hover .action-icon{transform:scale(1.2) rotate(5deg)}.activity-item{padding:1.25rem;background:linear-gradient(135deg,#0a0a0a,#111111)}.activity-item:hover{box-shadow:0 5px 15px rgba(96,165,250,.1)}.activity-icon{background:rgba(96,165,250,.2);color:#60a5fa;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.25rem;border:1px solid rgba(96,165,250,.3)}.btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:white;box-shadow:0 4px 15px rgba(37,99,235,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(37,99,235,.4)}.section-header{align-items:flex-end;padding-bottom:1rem;border-bottom:1px solid #333333}.section-title{margin:0}.section-subtitle{color:#9ca3af;font-size:1rem;margin:.5rem 0 0;font-weight:400}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#000000,#111111);color:#ffffff}.loading-container div{font-size:1.25rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:1024px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:fixed;top:80px;left:-250px;height:calc(100vh - 80px);width:250px;z-index:999;transition:left .3s ease}.admin-sidebar.open{left:0}.admin-content{margin-left:0}}@media (max-width:768px){.admin-header{padding:1rem;flex-direction:column;gap:1rem;text-align:center}.admin-title h1{font-size:1.5rem}.admin-content{padding:1rem}.metrics-grid{grid-template-columns:1fr;gap:1rem}.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.section-title{font-size:1.5rem}}@media (max-width:480px){.quick-actions-grid{grid-template-columns:1fr}.data-table{font-size:.75rem}.data-table td,.data-table th{padding:.75rem .5rem}}.dashboard-container{min-height:100vh;background:#000000;color:#ffffff;display:flex;flex-direction:column}.dashboard-header{background:linear-gradient(135deg,#1a1a1a,#111111);border-bottom:1px solid #333333;padding:1rem 2rem;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between;max-width:1400px;margin:0 auto}.header-content,.logo-section{display:flex;align-items:center}.logo-section{gap:1rem}.logo-icon{font-size:2rem;color:#60a5fa}.system-title{color:#ffffff;font-size:1.875rem;font-weight:700;margin:0;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions{display:flex;align-items:center;gap:1.5rem}.notification-bell{background:#222222;border:1px solid #333333;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;font-size:1.25rem}.notification-bell:hover{background:#333333;border-color:#60a5fa}.user-profile{display:flex;align-items:center;gap:.75rem}.profile-img{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#3b82f6);border:2px solid #333333}.user-name{color:#d1d5db;font-weight:500}.logout-btn{padding:.5rem 1rem;background:#dc2626;color:white;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background .2s}.logout-btn:hover{background:#b91c1c}.dashboard-layout{display:grid;grid-template-columns:280px 1fr;flex:1;min-height:0}.sidebar{background:linear-gradient(180deg,#111111,#0a0a0a);border-right:1px solid #333333;padding:2rem 0;overflow-y:auto}.nav-section{margin-bottom:2rem;padding:0 1rem}.nav-section h3{color:#9ca3af;font-size:.875rem;font-weight:600;margin:0 0 1rem 1rem;text-transform:uppercase;letter-spacing:.05em}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#d1d5db;background:none;border:none;width:100%;text-align:left;cursor:pointer;transition:all .3s;border-radius:.5rem;margin-bottom:.25rem;font-size:.875rem}.nav-item:hover{background:#1a1a1a;color:#60a5fa;transform:translateX(5px)}.nav-item.active{background:linear-gradient(135deg,#1a1a1a,#222222);color:#60a5fa;border-left:3px solid #60a5fa;font-weight:600}.nav-icon{font-size:1.125rem;width:20px;text-align:center}.main-content{padding:2rem;overflow-y:auto;background:#000000}.content-section{max-width:1200px;margin:0 auto}.section-title{color:#ffffff;font-size:2rem;font-weight:700;margin:0 0 2rem;background:linear-gradient(135deg,#ffffff,#d1d5db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{color:#ffffff;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:linear-gradient(135deg,#1a1a1a,#111111);border:1px solid #333333;border-radius:1rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.metric-card:hover{transform:translateY(-3px);border-color:#60a5fa;box-shadow:0 8px 25px rgba(96,165,250,.15)}.metric-card .metric-icon{background:rgba(96,165,250,.2);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#60a5fa}.metric-info{flex:1}.metric-value{color:#ffffff;font-size:2rem;font-weight:700;margin:0;line-height:1}.metric-label{color:#9ca3af;font-size:.875rem;margin:.25rem 0 0}.staff-quick-actions{margin-bottom:2rem}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.action-btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem}.action-btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:white;box-shadow:0 4px 15px rgba(37,99,235,.3)}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,.4)}.action-btn.secondary{background:#374151;color:#d1d5db;border:1px solid #4b5563}.action-btn.secondary:hover{background:#4b5563;border-color:#60a5fa}.recent-activity{margin-bottom:2rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#1a1a1a,#111111);border:1px solid #333333;border-radius:.75rem;transition:all .3s ease}.activity-item:hover{border-color:#60a5fa;transform:translateX(5px)}.activity-item .activity-icon{background:rgba(96,165,250,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#60a5fa;flex-shrink:0}.activity-text{color:#d1d5db;margin:0;font-size:.875rem}.activity-time{color:#9ca3af;font-size:.75rem;margin:.25rem 0 0}.form-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.form-container{background:linear-gradient(135deg,#1a1a1a,#111111);border:1px solid #333333;border-radius:1rem;padding:2rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.form-title{color:#ffffff;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.parcel-form,.route-form,.warehouse-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-label{color:#d1d5db;font-weight:500;font-size:.875rem}.form-input,.form-select,.form-textarea{padding:.75rem;border:1px solid #333333;border-radius:.5rem;background:#222222;color:#ffffff;font-size:.875rem;outline:none;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#60a5fa}.form-input::placeholder{color:#6b7280}.form-textarea{min-height:100px;resize:vertical}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.table-container{background:linear-gradient(135deg,#1a1a1a,#111111);border:1px solid #333333;border-radius:1rem;overflow:hidden;margin-bottom:2rem}.data-table{width:100%;border-collapse:collapse}.data-table th{background:#222222;color:#ffffff;text-align:left;font-weight:600}.data-table td,.data-table th{padding:1rem 1.5rem;font-size:.875rem;border-bottom:1px solid #333333}.data-table td{color:#d1d5db}.data-table tbody tr:hover{background:rgba(96,165,250,.05)}.parcel-id{font-family:Courier New,monospace;font-weight:600;color:#60a5fa}.status{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status.pending{background:rgba(251,191,36,.2);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status.processing{background:rgba(96,165,250,.2);color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.status.ready{background:rgba(168,85,247,.2);color:#a855f7;border:1px solid rgba(168,85,247,.3)}.status.in-transit{background:rgba(34,197,94,.2);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status.active{background:rgba(16,185,129,.2);color:#10b981;border:1px solid rgba(16,185,129,.3)}.status.nearly-full{background:rgba(251,191,36,.2);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status.in-progress{background:rgba(96,165,250,.2);color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.status.planned{background:rgba(107,114,128,.2);color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.btn-small{padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;margin-right:.5rem}.btn-small.primary{background:#2563eb;color:white}.btn-small.primary:hover{background:#1d4ed8}.btn-small.secondary{background:#374151;color:#d1d5db}.btn-small.secondary:hover{background:#4b5563}.warehouse-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.warehouse-card{background:linear-gradient(135deg,#1a1a1a,#111111);border:1px solid #333333;border-radius:1rem;padding:1.5rem;transition:all .3s ease}.warehouse-card:hover{transform:translateY(-3px);border-color:#60a5fa;box-shadow:0 8px 25px rgba(96,165,250,.15)}.warehouse-header{display:flex;justify-content:between;align-items:center;margin-bottom:1rem}.warehouse-name{color:#ffffff;font-size:1.125rem;font-weight:600;margin:0;flex:1}.warehouse-details{margin-bottom:1.5rem}.warehouse-location{color:#9ca3af;margin:0 0 1rem}.capacity-info{margin-bottom:1rem}.capacity-text{color:#d1d5db;font-size:.875rem;margin:0 0 .5rem}.capacity-bar{background:#333333;border-radius:9999px;height:8px;overflow:hidden}.capacity-fill{background:linear-gradient(90deg,#10b981,#059669);height:100%;border-radius:9999px;transition:width .3s ease}.warehouse-actions{display:flex;gap:.5rem}.consolidation-controls{margin-bottom:2rem}.filter-section{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#1a1a1a,#111111);border:1px solid #333333;border-radius:.75rem}.filter-select{min-width:150px}.consolidation-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.group-card{background:linear-gradient(135deg,#1a1a1a,#111111);border:1px solid #333333;border-radius:1rem;padding:1.5rem;transition:all .3s ease}.group-card:hover{border-color:#60a5fa;transform:translateY(-3px)}.group-title{color:#ffffff;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.group-info{color:#9ca3af;font-size:.875rem;margin:0 0 1rem}.parcel-list{margin-bottom:1.5rem}.parcel-item{background:#222222;padding:.5rem .75rem;border-radius:.375rem;margin-bottom:.25rem;color:#d1d5db;font-size:.875rem}.route-planning-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.planning-panel,.routes-panel{background:linear-gradient(135deg,#1a1a1a,#111111);border:1px solid #333333;border-radius:1rem;padding:1.5rem}.panel-title{color:#ffffff;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.route-list{display:flex;flex-direction:column;gap:1rem}.route-item{background:#222222;padding:1rem;border-radius:.75rem;border:1px solid #333333}.route-name{color:#ffffff;font-size:1rem;font-weight:600;margin:0 0 .5rem}.route-info{color:#9ca3af;font-size:.875rem;margin:0 0 1rem}.route-status{display:flex;justify-content:space-between;align-items:center}.tracking-dashboard{display:grid;grid-template-columns:2fr 1fr;gap:2rem;height:600px}.tracking-map{background:linear-gradient(135deg,#1a1a1a,#111111);border:1px solid #333333;border-radius:1rem;display:flex;align-items:center;justify-content:center}.map-placeholder{text-align:center;color:#9ca3af}.map-text{font-size:3rem;margin:0 0 1rem}.map-subtext{font-size:1rem;margin:0}.tracking-sidebar{background:linear-gradient(135deg,#1a1a1a,#111111);border:1px solid #333333;border-radius:1rem;padding:1.5rem}.sidebar-title{color:#ffffff;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.delivery-list{display:flex;flex-direction:column;gap:1rem}.delivery-item{background:#222222;padding:1rem;border-radius:.75rem;border:1px solid #333333}.delivery-header{display:flex;justify-content:space-between;margin-bottom:.75rem}.delivery-id{color:#60a5fa;font-weight:600}.delivery-driver{color:#9ca3af;font-size:.875rem}.delivery-progress{margin-bottom:.75rem}.progress-text{color:#d1d5db;font-size:.875rem;margin:0 0 .5rem}.progress-bar{background:#333333;border-radius:9999px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#60a5fa,#3b82f6);height:100%;border-radius:9999px;transition:width .3s ease}.delivery-eta{margin:0}.eta-text{color:#9ca3af;font-size:.875rem;margin:0}.reports-dashboard{display:flex;flex-direction:column;gap:2rem}.report-filters{display:flex;gap:1rem;align-items:center;padding:1rem;background:linear-gradient(135deg,#1a1a1a,#111111);border:1px solid #333333;border-radius:.75rem}.performance-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.performance-card{background:linear-gradient(135deg,#1a1a1a,#111111);border:1px solid #333333;border-radius:1rem;padding:1.5rem;text-align:center;transition:all .3s ease}.performance-card:hover{transform:translateY(-3px);border-color:#60a5fa;box-shadow:0 8px 25px rgba(96,165,250,.15)}.performance-title{color:#9ca3af;font-size:.875rem;font-weight:500;margin:0 0 .75rem}.performance-value{color:#ffffff;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.performance-change{font-size:.875rem;margin:0}.performance-change.positive{color:#10b981}.performance-change.negative{color:#ef4444}.loading{display:flex;justify-content:center;align-items:center;height:100vh;background:#000000;color:#ffffff;font-size:1.25rem}@media (max-width:1024px){.dashboard-layout{grid-template-columns:1fr}.sidebar{display:none}.route-planning-grid,.tracking-dashboard{grid-template-columns:1fr}.tracking-dashboard{height:auto}}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem}.main-content{padding:1rem}.action-buttons,.consolidation-groups,.form-row,.metrics-grid,.performance-metrics,.warehouse-grid{grid-template-columns:1fr}}@media (max-width:480px){.section-title,.system-title{font-size:1.5rem}.data-table{font-size:.75rem}.data-table td,.data-table th{padding:.75rem .5rem}}.role-management{margin-bottom:3rem}.role-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #333333}.role-management-title{color:#ffffff;font-size:2rem;font-weight:700;margin:0;background:linear-gradient(135deg,#ffffff,#d1d5db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.role-management-subtitle{color:#9ca3af;font-size:1rem;margin:.5rem 0 0;font-weight:400}.role-management-actions{display:flex;gap:1rem;align-items:center}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.role-card{background:linear-gradient(135deg,#1a1a1a,#111111);border:1px solid #333333;border-radius:1rem;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.role-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#60a5fa,#3b82f6);opacity:0;transition:opacity .3s ease}.role-card:hover{transform:translateY(-5px);border-color:#60a5fa;box-shadow:0 15px 40px rgba(96,165,250,.25)}.role-card:hover:before{opacity:1}.role-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.role-info{flex:1}.role-name{color:#ffffff;font-size:1.5rem;font-weight:700;margin:0 0 .5rem;gap:.75rem}.role-icon,.role-name{display:flex;align-items:center}.role-icon{background:rgba(96,165,250,.2);border:1px solid rgba(96,165,250,.3);border-radius:50%;width:40px;height:40px;justify-content:center;font-size:1.25rem;color:#60a5fa}.role-description{color:#9ca3af;font-size:.9rem;line-height:1.5;margin:0 0 1rem}.role-stats{display:flex;gap:2rem;margin-bottom:1.5rem}.role-stat{text-align:center}.stat-number{color:#60a5fa;font-size:1.5rem;font-weight:700;margin:0;line-height:1}.stat-label{color:#9ca3af;margin:.25rem 0 0}.role-level,.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.role-level{background:rgba(96,165,250,.1);color:#60a5fa;padding:.25rem .75rem;border-radius:9999px;font-weight:600;border:1px solid rgba(96,165,250,.3)}.role-level.admin{background:rgba(239,68,68,.1);color:#ef4444;border-color:rgba(239,68,68,.3)}.role-level.staff{background:rgba(251,191,36,.1);color:#fbbf24;border-color:rgba(251,191,36,.3)}.role-level.user{background:rgba(16,185,129,.1);color:#10b981;border-color:rgba(16,185,129,.3)}.role-permissions{margin-bottom:2rem}.permissions-title{color:#ffffff;font-size:1rem;font-weight:600;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.permission-item{background:#222222;border:1px solid #333333;border-radius:.5rem;padding:.75rem;text-align:center;transition:all .2s ease}.permission-item.granted{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.3);color:#10b981}.permission-item.denied{background:rgba(107,114,128,.1);border-color:rgba(107,114,128,.3);color:#6b7280}.permission-icon{font-size:1.25rem;margin-bottom:.5rem;display:block}.permission-name{font-size:.75rem;font-weight:500;margin:0}.role-actions{display:flex;gap:.75rem;justify-content:flex-end}.role-action-btn{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:.5rem}.role-action-btn.edit{background:#2563eb;color:white}.role-action-btn.edit:hover{background:#1d4ed8;transform:translateY(-1px)}.role-action-btn.delete{background:#dc2626;color:white}.role-action-btn.delete:hover{background:#b91c1c;transform:translateY(-1px)}.role-action-btn.manage{background:#059669;color:white}.role-action-btn.manage:hover{background:#047857;transform:translateY(-1px)}.role-assignment{background:linear-gradient(135deg,#1a1a1a,#111111);border:1px solid #333333;border-radius:1rem;padding:2rem;margin-bottom:2rem}.assignment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.assignment-title{color:#ffffff;font-size:1.5rem;font-weight:600;margin:0}.assignment-search{display:flex;gap:1rem;align-items:center}.search-input{padding:.75rem;border:1px solid #333333;border-radius:.5rem;background:#222222;color:#ffffff;font-size:.875rem;outline:none;min-width:250px;transition:border-color .2s}.search-input:focus{border-color:#60a5fa}.search-input::placeholder{color:#6b7280}.role-filter{padding:.75rem;border:1px solid #333333;border-radius:.5rem;background:#222222;color:#ffffff;font-size:.875rem;outline:none;min-width:150px}.user-roles-table{background:#0a0a0a;border:1px solid #333333;border-radius:1rem;overflow:hidden}.user-roles-table .data-table th{background:linear-gradient(135deg,#222222,#1a1a1a);color:#ffffff;padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.875rem;border-bottom:2px solid #333333}.user-roles-table .data-table td{padding:1rem 1.5rem;border-bottom:1px solid #333333;color:#d1d5db;font-size:.875rem;vertical-align:middle}.user-avatar-small{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:white;justify-content:center;font-size:.875rem;font-weight:600;margin-right:.75rem}.user-avatar-small,.user-info{display:flex;align-items:center}.user-details{flex:1}.user-name-table{color:#ffffff;font-weight:600;margin:0}.user-email-table{color:#9ca3af;font-size:.75rem;margin:0}.current-role{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.current-role.admin{background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.current-role.staff{background:rgba(251,191,36,.2);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.current-role.customer{background:rgba(96,165,250,.2);color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.current-role.driver{background:rgba(16,185,129,.2);color:#10b981;border:1px solid rgba(16,185,129,.3)}.role-change-select{padding:.5rem;border:1px solid #333333;border-radius:.375rem;background:#222222;color:#ffffff;font-size:.75rem;outline:none;margin-right:.5rem}.role-change-select:focus{border-color:#60a5fa}.change-role-btn{padding:.375rem .75rem;background:#059669;color:white;border:none;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.change-role-btn:hover{background:#047857}.change-role-btn:disabled{background:#374151;cursor:not-allowed}.role-creation-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.role-form-container{background:linear-gradient(135deg,#1a1a1a,#111111);border:1px solid #333333;border-radius:1rem;padding:2rem;width:100%;max-width:700px;max-height:90vh;overflow-y:auto}.role-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #333333}.role-form-title{color:#ffffff;font-size:1.5rem;font-weight:600;margin:0}.role-form-close{background:none;border:none;color:#9ca3af;font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s}.role-form-close:hover{background:#333333;color:#ffffff}.role-form-content{display:flex;flex-direction:column;gap:2rem}.role-basic-info{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.role-permissions-section{grid-column:1/-1}.permissions-section-title{color:#ffffff;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.permissions-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.permission-category{background:#222222;border:1px solid #333333;border-radius:.75rem;padding:1.5rem}.category-title{color:#60a5fa;font-size:1rem;font-weight:600;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.category-icon{font-size:1.25rem}.permission-list{display:flex;flex-direction:column;gap:.75rem}.permission-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s}.permission-checkbox:hover{background:rgba(96,165,250,.05);border-radius:.375rem;padding:.25rem;margin:-.25rem}.permission-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#60a5fa;cursor:pointer}.permission-label{color:#d1d5db;font-size:.875rem;cursor:pointer;flex:1}.permission-description{color:#9ca3af;font-size:.75rem;margin-top:.25rem}.role-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem;border-top:1px solid #333333}.form-btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:.875rem}.form-btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:white;box-shadow:0 4px 15px rgba(37,99,235,.3)}.form-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,.4)}.form-btn.secondary{background:#374151;color:#d1d5db;border:1px solid #4b5563}.form-btn.secondary:hover{background:#4b5563;border-color:#60a5fa}.role-activity-log{background:linear-gradient(135deg,#1a1a1a,#111111);border:1px solid #333333;border-radius:1rem;padding:2rem;margin-top:2rem}.activity-log-header{margin-bottom:1.5rem}.activity-log-title{color:#ffffff;font-size:1.25rem;font-weight:600;margin:0}.activity-entries{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto}.activity-entry{display:flex;gap:1rem;padding:1rem;background:#0a0a0a;border-radius:.75rem;border:1px solid #333333;transition:all .3s ease}.activity-entry:hover{border-color:#60a5fa;transform:translateX(3px)}.activity-timestamp{color:#9ca3af;font-size:.75rem;min-width:120px;text-align:right}.activity-details{flex:1}.activity-action{color:#ffffff;font-weight:500;margin:0 0 .25rem}.activity-description{color:#9ca3af;font-size:.875rem;margin:0}.activity-user{color:#60a5fa;font-weight:500}@media (max-width:1024px){.permissions-categories,.role-basic-info,.roles-grid{grid-template-columns:1fr}}@media (max-width:768px){.role-management-header{flex-direction:column;gap:1rem;align-items:flex-start}.role-management-actions{width:100%;justify-content:flex-start}.role-stats{gap:1rem}.assignment-header{flex-direction:column;gap:1rem;align-items:flex-start}.assignment-search{width:100%;flex-direction:column}.role-filter,.search-input{width:100%}.activity-entry,.role-form-actions{flex-direction:column}.activity-entry{gap:.5rem}.activity-timestamp{text-align:left;min-width:auto}}@media (max-width:480px){.roles-grid{grid-template-columns:1fr}.role-stats{justify-content:space-around}.permissions-grid{grid-template-columns:repeat(2,1fr)}.role-actions{flex-direction:column}.data-table td,.data-table th{padding:.75rem .5rem;font-size:.75rem}}@keyframes roleChange{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.role-change-animation{animation:roleChange .3s ease-in-out}.role-change-success{background:rgba(16,185,129,.1)!important;border-color:#10b981!important}.role-change-error{background:rgba(239,68,68,.1)!important;border-color:#ef4444!important}