@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--teal:#00d4b8;--teal-dim:#00d4b826;--teal-glow:#00d4b866;--dark-bg:#050d1a;--dark-card:#0a1628;--dark-card2:#0f1e35;--dark-border:#00d4b81f;--dark-border2:#ffffff0f;--text-primary:#e8f4f8;--text-secondary:#6b8ca8;--green:#00e5a0;--red:#f57;--yellow:#ffc444;--purple:#a78bfa}body{background:var(--dark-bg);color:var(--text-primary);font-family:Plus Jakarta Sans,system-ui,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--teal);opacity:.5;border-radius:4px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--teal-glow)}50%{box-shadow:0 0 20px 4px var(--teal-glow)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes borderPulse{0%,to{border-color:#00d4b81f}50%{border-color:#00d4b859}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-enter{animation:.4s forwards fadeInUp}.card-enter{animation:.5s forwards fadeInUp}.card-enter:first-child{animation-delay:50ms}.card-enter:nth-child(2){animation-delay:.1s}.card-enter:nth-child(3){animation-delay:.15s}.card-enter:nth-child(4){animation-delay:.2s}.glass-card{background:linear-gradient(135deg, var(--dark-card) 0%, var(--dark-card2) 100%);border:1px solid var(--dark-border);border-radius:16px;padding:20px;transition:all .3s;position:relative;overflow:hidden}.glass-card:before{content:"";background:linear-gradient(90deg, transparent, var(--teal), transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.glass-card:hover{border-color:#00d4b84d;transform:translateY(-2px);box-shadow:0 8px 32px #00d4b81a}.glass-card:hover:before{opacity:1}.stat-card{background:linear-gradient(135deg, var(--dark-card) 0%, var(--dark-card2) 100%);border:1px solid var(--dark-border);opacity:0;border-radius:16px;padding:20px;transition:all .3s;animation:.5s forwards fadeInUp;position:relative;overflow:hidden}.stat-card:after{content:"";background:linear-gradient(90deg, var(--teal), transparent);transform-origin:0;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.stat-card:hover{border-color:#00d4b84d;transform:translateY(-3px);box-shadow:0 8px 32px #00d4b81f}.stat-card:hover:after{transform:scaleX(1)}.stat-value{background:linear-gradient(135deg, #fff 0%, var(--teal) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:JetBrains Mono,monospace;font-size:28px;font-weight:800;animation:.6s forwards countUp}.badge-up{color:var(--green);background:#00e5a01f;border:1px solid #00e5a033;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.badge-down{color:var(--red);background:#ff55771f;border:1px solid #f573;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.nav-link{color:var(--text-secondary);border-radius:10px;align-items:center;gap:10px;margin-bottom:4px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.nav-link:before{content:"";background:var(--teal);border-radius:0 3px 3px 0;width:3px;transition:transform .2s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.nav-link:hover{color:var(--text-primary);background:#00d4b814}.nav-link.active{color:var(--teal);background:#00d4b81f;font-weight:600}.nav-link.active:before{transform:scaleY(1)}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--dark-border);padding:10px 14px;font-size:11px;font-weight:600}.data-table td{border-bottom:1px solid #ffffff08;padding:14px;font-size:13px;transition:background .2s}.data-table tr:hover td{background:#00d4b80a}.status-delivered{color:var(--green);background:#00e5a01a;border:1px solid #00e5a033;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.status-shipping{color:var(--yellow);background:#ffc4441a;border:1px solid #ffc44433;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.status-pending{color:var(--text-secondary);background:#6b8ca81a;border:1px solid #6b8ca833;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.status-hot{color:var(--yellow);background:#ffc4441a;border:1px solid #ffc44433;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.status-low{color:var(--red);background:#ff55771a;border:1px solid #f573;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.status-ok{color:var(--green);background:#00e5a01a;border:1px solid #00e5a033;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.btn-primary{background:linear-gradient(135deg, var(--teal) 0%, #00a896 100%);color:#050d1a;cursor:pointer;letter-spacing:.02em;border:none;border-radius:10px;padding:9px 18px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;transition:all .2s}.btn-primary:hover{box-shadow:0 6px 20px var(--teal-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.live-dot{background:var(--green);border-radius:50%;width:8px;height:8px;margin-right:6px;animation:2s infinite pulse-glow;display:inline-block}.logo-icon{background:linear-gradient(135deg, var(--teal) 0%, #00a896 100%);width:36px;height:36px;box-shadow:0 4px 12px var(--teal-glow);border-radius:10px;justify-content:center;align-items:center;animation:4s ease-in-out infinite float;display:flex}.sidebar-bg{border-right:1px solid var(--dark-border);background:linear-gradient(#080f1e 0%,#050d1a 100%)}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--dark-card)!important;border:1px solid var(--dark-border)!important;border-radius:10px!important}.rank-1{color:var(--yellow);font-weight:800}.rank-2{color:silver;font-weight:700}.rank-3{color:#cd7c2f;font-weight:700}.section-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:700;display:flex}.section-title:before{content:"";background:var(--teal);border-radius:2px;width:3px;height:16px}.metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:12px;font-weight:500}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#00d4b808 1px,#0000 1px),linear-gradient(90deg,#00d4b808 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}