:root{--dhl-yellow: #FFCC00;--dhl-yellow-glow: rgba(255, 204, 0, .4);--dhl-red: #D40511;--dhl-red-glow: rgba(212, 5, 17, .4);--neon-cyan: #00F2FE;--neon-cyan-glow: rgba(0, 242, 254, .35);--neon-emerald: #10B981;--neon-emerald-glow: rgba(16, 185, 129, .35);--neon-amber: #F59E0B;--neon-amber-glow: rgba(245, 158, 11, .35);--neon-rose: #F43F5E;--neon-rose-glow: rgba(244, 63, 94, .35);--neon-purple: #A855F7;--bg-dark: #07090E;--bg-surface: #0C101A;--crystal-glass: rgba(14, 20, 32, .65);--crystal-glass-heavy: rgba(10, 15, 26, .85);--crystal-glass-card: rgba(16, 24, 40, .55);--crystal-glass-hover: rgba(22, 33, 56, .7);--border-crystal: rgba(255, 255, 255, .12);--border-crystal-highlight: rgba(255, 255, 255, .24);--border-crystal-focus: rgba(255, 204, 0, .5);--inner-specular: inset 0 1px 0 0 rgba(255, 255, 255, .22);--shadow-crystal-deep: 0 16px 40px -10px rgba(0, 0, 0, .6), 0 0 20px 0 rgba(0, 242, 254, .05);--shadow-glow-yellow: 0 0 25px -3px rgba(255, 204, 0, .35);--shadow-glow-cyan: 0 0 25px -3px rgba(0, 242, 254, .35);--font-primary: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-pure: #FFFFFF;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--text-dim: #475569}body.light-mode{--bg-dark: #F4F6FB;--bg-surface: #FFFFFF;--crystal-glass: rgba(255, 255, 255, .82);--crystal-glass-heavy: rgba(255, 255, 255, .95);--crystal-glass-card: rgba(255, 255, 255, .88);--crystal-glass-hover: #FFFFFF;--border-crystal: rgba(15, 23, 42, .09);--border-crystal-highlight: rgba(15, 23, 42, .18);--border-crystal-focus: rgba(212, 5, 17, .5);--inner-specular: inset 0 1px 0 0 rgba(255, 255, 255, .9);--shadow-crystal-deep: 0 14px 35px -8px rgba(15, 23, 42, .08), 0 2px 10px rgba(15, 23, 42, .03);--text-pure: #090D17;--text-primary: #1E293B;--text-secondary: #475569;--text-muted: #64748B;--text-dim: #94A3B8;background-color:var(--bg-dark);color:var(--text-primary);background-image:radial-gradient(ellipse at 15% 10%,rgba(255,204,0,.15) 0%,transparent 45%),radial-gradient(ellipse at 85% 15%,rgba(0,180,216,.12) 0%,transparent 45%),radial-gradient(circle at 50% 60%,rgba(212,5,17,.05) 0%,transparent 60%),linear-gradient(180deg,#f8fafc,#eef2f6,#e2e8f0)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(ellipse at 15% 10%,rgba(255,204,0,.08) 0%,transparent 45%),radial-gradient(ellipse at 85% 15%,rgba(0,242,254,.09) 0%,transparent 45%),radial-gradient(circle at 50% 60%,rgba(212,5,17,.04) 0%,transparent 60%),linear-gradient(180deg,#07090e,#090d17,#06080e);background-attachment:fixed;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#07090ecc}::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px;border:1px solid rgba(255,255,255,.08)}::-webkit-scrollbar-thumb:hover{background:#fc06}.crystal-panel{background:var(--crystal-glass);backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);border:1px solid var(--border-crystal);box-shadow:var(--shadow-crystal-deep),var(--inner-specular);border-radius:16px;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.crystal-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 30%,var(--dhl-yellow) 50%,var(--neon-cyan) 70%,transparent 100%);opacity:.6;pointer-events:none}.crystal-card{background:var(--crystal-glass-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border-crystal);box-shadow:0 8px 30px #0006,var(--inner-specular);border-radius:14px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;position:relative}.crystal-card:hover{transform:translateY(-2px);border-color:var(--border-crystal-highlight);box-shadow:0 12px 35px #0000008c,0 0 15px #ffcc001f,var(--inner-specular)}.crystal-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:10px;font-family:var(--font-primary);font-size:.875rem;font-weight:600;cursor:pointer;border:1px solid var(--border-crystal);background:#ffffff0d;color:var(--text-pure);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--inner-specular);transition:all .2s cubic-bezier(.16,1,.3,1)}.crystal-btn:hover{background:#ffffff1f;border-color:var(--border-crystal-highlight);box-shadow:0 0 15px #ffffff26,var(--inner-specular);transform:translateY(-1px)}.crystal-btn-dhl{background:linear-gradient(135deg,gold,#ffb700);color:#07090e;border:1px solid #FFE066;font-weight:700;box-shadow:0 4px 20px #ffcc0059}.crystal-btn-dhl:hover{background:linear-gradient(135deg,#ffe033,#ffc400);box-shadow:0 6px 26px #ffcc0080;transform:translateY(-1px)}.crystal-btn-cyan{background:linear-gradient(135deg,#00f2fe33,#00c6fe1a);color:var(--neon-cyan);border:1px solid rgba(0,242,254,.4)}.crystal-btn-cyan:hover{background:linear-gradient(135deg,#00f2fe59,#00c6fe33);box-shadow:0 0 20px #00f2fe66}.filter-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:9999px;font-size:.775rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.filter-pill:hover,.filter-pill.active{background:#ffcc0026;border-color:var(--dhl-yellow);color:#fff;box-shadow:0 0 12px #ffcc0040}.badge-status{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:8px;font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.badge-green{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-yellow{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-red{background:#f43f5e26;color:#fb7185;border:1px solid rgba(244,63,94,.3)}.badge-cyan{background:#00f2fe26;color:#38bdf8;border:1px solid rgba(0,242,254,.3)}.pulse-dot{width:8px;height:8px;border-radius:50%;position:relative}.pulse-dot.green{background:var(--neon-emerald);box-shadow:0 0 8px var(--neon-emerald)}.pulse-dot.yellow{background:var(--dhl-yellow);box-shadow:0 0 8px var(--dhl-yellow)}.pulse-dot.red{background:var(--neon-rose);box-shadow:0 0 8px var(--neon-rose)}.crystal-select,.crystal-input{background:#0d1320d9;border:1px solid var(--border-crystal);color:var(--text-primary);padding:8px 12px;border-radius:10px;font-family:var(--font-primary);font-size:.875rem;outline:none;transition:all .2s ease;width:100%}.crystal-select:focus,.crystal-input:focus{border-color:var(--dhl-yellow);box-shadow:0 0 15px #ffcc0040;background:#111827f2}.crystal-select option{background:#0d1320;color:#f1f5f9}@keyframes crystalShimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.shimmer-effect{position:relative;overflow:hidden}.shimmer-effect:after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:crystalShimmer 4s infinite;pointer-events:none}body.light-mode .crystal-panel{background:var(--crystal-glass);border-color:var(--border-crystal);box-shadow:0 12px 30px -10px #0f172a14,var(--inner-specular)}body.light-mode .crystal-card{background:var(--crystal-glass-card);border-color:var(--border-crystal);box-shadow:0 6px 20px #0f172a0f,var(--inner-specular)}body.light-mode .crystal-card:hover{border-color:var(--border-crystal-highlight);box-shadow:0 10px 25px #0f172a1a,var(--inner-specular)}body.light-mode .crystal-select,body.light-mode .crystal-input{background:#ffffffe6;border:1px solid rgba(15,23,42,.14);color:#0f172a}body.light-mode .crystal-select:focus,body.light-mode .crystal-input:focus{background:#fff;border-color:#d40511;box-shadow:0 0 12px #d4051133}body.light-mode .crystal-select option{background:#fff;color:#0f172a}body.light-mode .crystal-btn{background:#0f172a0a;border-color:#0f172a1f;color:#1e293b}body.light-mode .crystal-btn:hover{background:#0f172a14;border-color:#0f172a33;color:#090d17}body.light-mode .filter-pill{background:#0f172a0a;border-color:#0f172a1f;color:var(--text-secondary)}body.light-mode .filter-pill:hover,body.light-mode .filter-pill.active{background:#ffcc0040;border-color:#b48600;color:#0f172a}body.light-mode ::-webkit-scrollbar-track{background:#e6ebf5cc}body.light-mode ::-webkit-scrollbar-thumb{background:#0f172a2e;border:1px solid rgba(15,23,42,.06)}body.light-mode ::-webkit-scrollbar-thumb:hover{background:#fc09}