:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.App{background:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem;display:flex}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:420px;padding:2.5rem;box-shadow:0 12px 40px #0000004d}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.glass-card h1{color:#fff;text-shadow:0 2px 8px #00000080;margin-bottom:2rem;font-size:2.2rem;font-weight:700}.glass-card form{flex-direction:column;gap:1.2rem;width:100%;display:flex}.glass-card input{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;padding:.9rem;font-size:1rem;transition:all .3s}.glass-card input::placeholder{color:#fff9}.glass-card input:focus{background:#ffffff14;border-color:#ffffff4d;outline:none;box-shadow:0 0 0 3px #ffffff1a}.glass-card button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:.9rem 1.2rem;font-size:1rem;font-weight:500;transition:all .3s}.glass-card button:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 20px #0006}.glass-card button:disabled{cursor:not-allowed;opacity:.6;background:#ffffff0d}.glass-card p{color:#f99;margin-top:1.5rem;font-size:.9rem;font-weight:500}.filters{color:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.filters label{align-items:center;gap:.5rem;display:flex}.filters select{color:#fff;background:#00000080;border:1px solid #fff3;border-radius:8px;padding:.5rem}.filters select option{color:#fff;background:#000}.shipments-container{width:100%;margin-top:2rem}.shipments-container h2{color:#fff;text-align:center;margin-bottom:1rem}.shipments-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;width:100%;display:grid}.shipment-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#000;border:1px solid #ffffff1a;border-radius:15px;padding:1.5rem;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 8px 30px #0000004d}.shipment-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0006}.shipment-card h3{color:#006400;margin:0 0 1rem;font-size:1.4rem}.shipment-card p{color:#000;margin:.5rem 0;font-size:.9rem}.plan-range{color:#006400;font-size:.9rem;font-weight:700;text-decoration:underline;position:absolute;top:10px;right:10px}.status-overlay{pointer-events:none;border-radius:15px;justify-content:center;align-items:center;width:100%;height:100%;font-size:4rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.closed-overlay,.cancelled-overlay{color:#ffffff80;background:#000000b3}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;background:#ffffff14;border:1px solid #ffffff1a;border-radius:15px;width:50vw;height:50vh;padding:2rem;overflow-y:auto}.modal-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:10px;right:10px}.details-button{color:#000;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;transition:background .2s;position:absolute;bottom:10px;right:10px}.details-button:hover{background:#fff3;box-shadow:0 0 20px #000c,0 0 40px #00000080}