@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap");@font-face{font-family:"0xProto Nerd Font";src:url(/fonts/0xProtoNerdFont-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--background:#fafafa;--foreground:#262626;--border:#e6e6e6;--ring:#ff470f;--font-sans:"0xProto Nerd Font",monospace}*{border-color:var(--border);outline-color:hsla(var(--ring)/.5);margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Bebas Neue,sans-serif;font-style:normal}.sub-h{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.placeholder-text{color:#fff}.dashboard-container{min-height:100vh;background-color:#1a1a1a;display:flex;align-items:center;justify-content:center;padding:1.25rem;position:relative;overflow:hidden;isolation:isolate}.grid-pattern{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent,transparent 19px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.1) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.1) 20px),repeating-linear-gradient(0deg,transparent,transparent 99px,hsla(0,0%,100%,.08) 0,hsla(0,0%,100%,.1) 100px),repeating-linear-gradient(90deg,transparent,transparent 99px,hsla(0,0%,100%,.08) 0,hsla(0,0%,100%,.1) 100px);background-position:50%;mix-blend-mode:screen}.diagonal-lines{position:absolute;top:0;left:0;right:0;bottom:0}.diagonal-line{position:absolute;background:hsla(0,0%,100%,.1);height:1px;transform-origin:top left}.diagonal-45{width:141.4%;transform:rotate(45deg);top:0;left:0}.diagonal-neg-45{width:141.4%;transform:rotate(-45deg);transform-origin:top right;top:40%;right:0}.diagonal-30{width:115.5%;transform:rotate(30deg);top:0;left:0}.diagonal-60{width:115.5%;transform:rotate(60deg);top:0;left:0}.dashboard-card{z-index:10;width:100%;max-width:90rem;height:37.5rem;border-radius:1.5rem;overflow:hidden;background-color:hsla(0,0%,100%,.05);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);display:flex}.sidebar{width:20%;background-color:#e5e5e5;padding:1.5rem;flex-direction:column;position:relative;z-index:20}.header-sidebar,.sidebar{display:flex;justify-content:space-between}.header-sidebar{align-items:center;margin-bottom:2.5rem}.user-avatar{width:2rem;height:2rem;border-radius:50%;background-color:#ff6b35;border:2px solid #fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center}.user-name{font-size:.875rem;font-weight:600;color:#374151;margin-left:.5rem}.nav-container{flex-grow:1;display:flex;flex-direction:column;gap:.75rem}.nav-button{width:100%;display:flex;align-items:center;font-size:.875rem;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:all .3s ease;border:none;background:transparent;padding:.5rem 0;color:#6b7280;text-align:left}.nav-button:hover{color:#ff6b35}.nav-button.active{background-color:#ff6b35;color:#fff;padding-right:1.5rem;margin:1rem -1.5rem;padding-top:1rem;padding-bottom:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);position:relative}.nav-button.active:before{content:"";position:absolute;left:-.5rem;top:50%;transform:translateY(-50%);width:.75rem;height:.75rem;background-color:#ff6b35;border-radius:50%}.nav-number{margin-right:1rem;width:1.5rem;text-align:right}.nav-button.active .nav-number{color:#fff}.nav-button:not(.active) .nav-number{color:#9ca3af}.nav-icon{width:1rem;height:1rem;margin-right:.5rem}.nav-button.active .nav-icon{color:#fff}.footer-link,.nav-button:not(.active) .nav-icon{color:#9ca3af}.footer-link{font-size:.875rem;text-decoration:none;margin-top:2.5rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;border:none;background:transparent;padding:0;transition:color .3s ease}.footer-link:hover{color:#ff6b35}.main-content{position:relative;flex-grow:1}.status-indicator{display:flex;align-items:center;gap:.5rem}.pulsing{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.orange-dot{background-color:#ff6b35}.orange-dot,.status-dot{width:.5rem;height:.5rem;border-radius:50%}.status-dot{background-color:#4ade80}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.overlay-text{position:absolute;inset:0;display:flex;justify-content:flex-end;align-items:center;padding-right:200px;z-index:25;pointer-events:none}.overlay-text-content{font-size:320px;letter-spacing:.08em;font-weight:900;color:hsla(0,0%,100%,.02);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.central-dashboard-container{position:relative;height:100%;width:60%}.background-pattern{position:absolute;inset:0;z-index:20;opacity:.2;background-image:radial-gradient(circle at 2px 2px,hsla(0,0%,100%,.25) 1px,transparent 0);background-size:32px 32px}.background-pattern,.blobs-container{height:100%;width:100%;pointer-events:none}.blobs-container{filter:blur(180px)}.header-main{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;z-index:30;color:hsla(0,0%,100%,.8)}.brand-name{letter-spacing:.1em;font-size:.875rem;font-weight:600}.central-panel{position:absolute;top:50%;border:1px solid red;z-index:40;padding:2rem;width:80%;height:28%;transform:translateY(-50%);background-color:hsla(0,0%,100%,.1);backdrop-filter:blur(24px);border:1px solid hsla(0,0%,100%,.2);border-radius:0 1.5rem 1.5rem 0;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.central-panel-div-1{justify-content:space-between;height:90%}.central-panel-div-1,.central-panel-header{display:flex;flex-direction:column;margin-bottom:2rem}.panel-prefix{font-weight:500;font-size:1.25rem;color:hsla(0,0%,100%,.75);margin-bottom:.2rem}.panel-title{font-size:48px;font-weight:900;color:#fff}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.metric-item{color:hsla(0,0%,100%,.9)}.metric-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:hsla(0,0%,100%,.6);margin-bottom:.25rem}.metric-value{font-size:.875rem;font-weight:700}.view-details-button{background-color:#ff6b35;color:#fff;border:none;border-radius:9999px;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);display:inline-flex;align-items:center;gap:.5rem;transition:background-color .3s ease}.view-details-button:hover{background-color:#ff5722}.loading-panel{position:absolute;z-index:40;padding:2rem;width:80%;height:28%;top:50%;left:0;transform:translateY(-50%);background-color:hsla(0,0%,100%,.1);backdrop-filter:blur(24px);border:1px solid hsla(0,0%,100%,.2);border-radius:0 1.5rem 1.5rem 0;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center}.loading-text{color:hsla(0,0%,100%,.6)}.right-sidebar{position:absolute;right:0;top:0;bottom:0;width:30%;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;color:#fff;z-index:10;background-color:#ff6b35}.header-right{gap:2rem;color:hsla(0,0%,100%,.8)}.header-right,.refresh-button{display:flex;align-items:center}.refresh-button{background:transparent;border:none;color:hsla(0,0%,100%,.5);cursor:pointer;padding:.5rem;gap:.5rem;font-size:.875rem;transition:color .4s ease}.refresh-button:hover{color:#fff}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.refresh-icon{width:1rem;height:1rem}.refresh-icon.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.content-right{justify-content:flex-end;align-items:flex-end}.content-right,.stats-container{display:flex;flex-direction:column}.stats-container{margin-bottom:2.5rem}.stat-number{font-family:Bebas Neue,sans-serif;font-size:148px;font-weight:900;line-height:1}.stat-number,.stat-unit-container{display:flex;justify-content:flex-end}.stat-unit-container{align-items:center;gap:.4rem;width:100%}.stat-unit{color:hsla(0,0%,100%,.75);font-size:.875rem;letter-spacing:.1em}.monitor-button{height:1rem;background:transparent;border:none;cursor:pointer;transition:color .3s ease}.monitor-button:hover{color:#e5e7eb}.status-indicators{display:flex;flex-direction:column;gap:.5rem;width:100%;align-items:flex-end;font-size:.875rem}.status-row{display:flex;align-items:center;gap:.5rem}.status-label{color:hsla(0,0%,100%,.8)}.live-icon{width:.75rem;height:.75rem}.decorative-icon{position:absolute;opacity:.1;pointer-events:none;z-index:50}.decorative-icon.icon-1{top:15%;left:35%;transform:rotate(12deg)}.decorative-icon.icon-2{top:50%;left:45%;transform:rotate(-6deg)}.decorative-icon.icon-3{top:70%;left:32%;transform:rotate(45deg)}.decorative-icon svg{color:#fff}.user-info{display:flex;align-items:center;gap:.5rem}.user-info:hover{cursor:pointer}.user-icon{width:1rem;height:1rem;color:#fff}.trending-icon{height:1.25rem;width:1.25rem}.button-icon{margin-left:.5rem;height:1rem;width:1rem}.decorative-icon-package{width:2rem;height:2rem}.decorative-icon-truck{width:2.5rem;height:2.5rem}.decorative-icon-warehouse{width:1.75rem;height:1.75rem}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:forwards}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0:0s;--animation-delay-75:75ms;--animation-delay-100:.1s;--animation-delay-150:.15s;--animation-delay-200:.2s;--animation-delay-300:.3s;--animation-delay-500:.5s;--animation-delay-700:.7s;--animation-delay-1000:1s;--animation-repeat-0:0;--animation-repeat-1:1;--animation-repeat-infinite:infinite;--animation-direction-normal:normal;--animation-direction-reverse:reverse;--animation-direction-alternate:alternate;--animation-direction-alternate-reverse:alternate-reverse;--animation-fill-mode-none:none;--animation-fill-mode-forwards:forwards;--animation-fill-mode-backwards:backwards;--animation-fill-mode-both:both;--percentage-0:0;--percentage-5:.05;--percentage-10:.1;--percentage-15:.15;--percentage-20:.2;--percentage-25:.25;--percentage-30:.3;--percentage-35:.35;--percentage-40:.4;--percentage-45:.45;--percentage-50:.5;--percentage-55:.55;--percentage-60:.6;--percentage-65:.65;--percentage-70:.7;--percentage-75:.75;--percentage-80:.8;--percentage-85:.85;--percentage-90:.9;--percentage-95:.95;--percentage-100:1;--percentage-translate-full:1;--animate-in:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,forwards);--animate-out:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,forwards);@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}--animate-accordion-down:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))ease-out;--animate-accordion-up:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))ease-out;--animate-collapsible-down:collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))ease-out;--animate-collapsible-up:collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))ease-out;@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,auto))))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,auto))))}to{height:0}}@keyframes collapsible-down{0%{height:0}to{height:var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))))}}@keyframes collapsible-up{0%{height:var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))))}to{height:0}}--animate-caret-blink:caret-blink 1.25s ease-out infinite;@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}}@utility animation-duration-*{--tw-animation-duration:calc(--value(number)*1ms);--tw-animation-duration:--value(--animation-duration-*,[duration],"initial",[*]);animation-duration:calc(--value(number)*1ms);animation-duration:--value(--animation-duration-*,[duration],"initial",[*])}@utility delay-*{animation-delay:calc(--value(number)*1ms);animation-delay:--value(--animation-delay-*,[duration],"initial",[*]);--tw-animation-delay:calc(--value(number)*1ms);--tw-animation-delay:--value(--animation-delay-*,[duration],"initial",[*])}@utility repeat-*{animation-iteration-count:--value(--animation-repeat-*,number,"initial",[*]);--tw-animation-iteration-count:--value(--animation-repeat-*,number,"initial",[*])}@utility direction-*{animation-direction:--value(--animation-direction-*,"initial",[*]);--tw-animation-direction:--value(--animation-direction-*,"initial",[*])}@utility fill-mode-*{animation-fill-mode:--value(--animation-fill-mode-*,"initial",[*]);--tw-animation-fill-mode:--value(--animation-fill-mode-*,"initial",[*])}@utility running{animation-play-state:running}@utility paused{animation-play-state:paused}@utility play-state-*{animation-play-state:--value("initial",[*])}@utility fade-in{--tw-enter-opacity:0}@utility fade-in-*{--tw-enter-opacity:calc(--value(number)/100);--tw-enter-opacity:--value(--percentage-*,[*])}@utility fade-out{--tw-exit-opacity:0}@utility fade-out-*{--tw-exit-opacity:calc(--value(number)/100);--tw-exit-opacity:--value(--percentage-*,[*])}@utility zoom-in{--tw-enter-scale:0}@utility zoom-in-*{--tw-enter-scale:calc(--value(number)*1%);--tw-enter-scale:calc(--value(ratio));--tw-enter-scale:--value(--percentage-*,[*])}@utility -zoom-in-*{--tw-enter-scale:calc(--value(number)*-1%);--tw-enter-scale:calc(--value(ratio)*-1);--tw-enter-scale:--value(--percentage-*,[*])}@utility zoom-out{--tw-exit-scale:0}@utility zoom-out-*{--tw-exit-scale:calc(--value(number)*1%);--tw-exit-scale:calc(--value(ratio));--tw-exit-scale:--value(--percentage-*,[*])}@utility -zoom-out-*{--tw-exit-scale:calc(--value(number)*-1%);--tw-exit-scale:calc(--value(ratio)*-1);--tw-exit-scale:--value(--percentage-*,[*])}@utility spin-in{--tw-enter-rotate:30deg}@utility spin-in-*{--tw-enter-rotate:calc(--value(number)*1deg);--tw-enter-rotate:calc(--value(ratio)*360deg);--tw-enter-rotate:--value(--rotate-*,[*])}@utility -spin-in{--tw-enter-rotate:-30deg}@utility -spin-in-*{--tw-enter-rotate:calc(--value(number)*-1deg);--tw-enter-rotate:calc(--value(ratio)*-360deg);--tw-enter-rotate:--value(--rotate-*,[*])}@utility spin-out{--tw-exit-rotate:30deg}@utility spin-out-*{--tw-exit-rotate:calc(--value(number)*1deg);--tw-exit-rotate:calc(--value(ratio)*360deg);--tw-exit-rotate:--value(--rotate-*,[*])}@utility -spin-out{--tw-exit-rotate:-30deg}@utility -spin-out-*{--tw-exit-rotate:calc(--value(number)*-1deg);--tw-exit-rotate:calc(--value(ratio)*-360deg);--tw-exit-rotate:--value(--rotate-*,[*])}@utility slide-in-from-top{--tw-enter-translate-y:-100%}@utility slide-in-from-top-*{--tw-enter-translate-y:calc(--value(integer)*var(--spacing)*-1);--tw-enter-translate-y:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-enter-translate-y:calc(--value(ratio)*-100%);--tw-enter-translate-y:calc(--value(--translate-*,[percentage],[length])*-1)}@utility slide-in-from-bottom{--tw-enter-translate-y:100%}@utility slide-in-from-bottom-*{--tw-enter-translate-y:calc(--value(integer)*var(--spacing));--tw-enter-translate-y:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-enter-translate-y:calc(--value(ratio)*100%);--tw-enter-translate-y:--value(--translate-*,[percentage],[length])}@utility slide-in-from-left{--tw-enter-translate-x:-100%}@utility slide-in-from-left-*{--tw-enter-translate-x:calc(--value(integer)*var(--spacing)*-1);--tw-enter-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-enter-translate-x:calc(--value(ratio)*100%);--tw-enter-translate-x:calc(--value(--translate-*,[percentage],[length])*-1)}@utility slide-in-from-right{--tw-enter-translate-x:100%}@utility slide-in-from-right-*{--tw-enter-translate-x:calc(--value(integer)*var(--spacing));--tw-enter-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-enter-translate-x:calc(--value(ratio)*100%);--tw-enter-translate-x:--value(--translate-*,[percentage],[length])}@utility slide-out-to-top{--tw-exit-translate-y:-100%}@utility slide-out-to-top-*{--tw-exit-translate-y:calc(--value(integer)*var(--spacing)*-1);--tw-exit-translate-y:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-exit-translate-y:calc(--value(ratio)*100%);--tw-exit-translate-y:calc(--value(--translate-*,[percentage],[length])*-1)}@utility slide-out-to-bottom{--tw-exit-translate-y:100%}@utility slide-out-to-bottom-*{--tw-exit-translate-y:calc(--value(integer)*var(--spacing));--tw-exit-translate-y:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-exit-translate-y:calc(--value(ratio)*100%);--tw-exit-translate-y:--value(--translate-*,[percentage],[length])}@utility slide-out-to-left{--tw-exit-translate-x:-100%}@utility slide-out-to-left-*{--tw-exit-translate-x:calc(--value(integer)*var(--spacing)*-1);--tw-exit-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-exit-translate-x:calc(--value(ratio)*100%);--tw-exit-translate-x:calc(--value(--translate-*,[percentage],[length])*-1)}@utility slide-out-to-right{--tw-exit-translate-x:100%}@utility slide-out-to-right-*{--tw-exit-translate-x:calc(--value(integer)*var(--spacing));--tw-exit-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-exit-translate-x:calc(--value(ratio)*100%);--tw-exit-translate-x:--value(--translate-*,[percentage],[length])}