@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-primary:#0c1017;--bg-secondary:#171c26;--bg-tertiary:#1f2533;--accent-primary:#17cfb6;--accent-primary-hover:#2beed4;--accent-glow:#17cfb626;--success:#1bbb5e;--success-glow:#1bbb5e26;--warning:#f4a825;--warning-glow:#f4a82526;--danger:#e83040;--danger-glow:#e8304026;--text-main:#f9fafb;--text-muted:#a7b1be;--text-dark:#4c5767;--border-color:#ffffff14;--border-focus:#17cfb680;--card-shadow:0 8px 32px 0 #0000005e;--transition-fast:.2s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-dark)}body{background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.glass-panel{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--card-shadow);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#141c2a99;border-radius:16px}.glass-panel:hover{border-color:#ffffff1f}.app-container{grid-template-columns:280px 1fr;width:100vw;height:100vh;display:grid;overflow:hidden}.main-content{grid-template-rows:70px 1fr;height:100vh;display:grid;overflow:hidden}.top-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);background:#0d1117b3;justify-content:space-between;align-items:center;padding:0 32px;display:flex}.dashboard-grid{grid-template-rows:240px 1fr;gap:24px;padding:24px 32px;display:grid;overflow-y:auto}.btn-primary{background:linear-gradient(135deg, var(--accent-primary) 0%, #1fad9a 100%);color:var(--bg-primary);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), filter var(--transition-fast);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #17cfb64d}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #17cfb680}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-weight:500;display:inline-flex}.btn-secondary:hover{border-color:var(--text-dark);background:#ffffff0d}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success-glow);color:var(--success);border:1px solid #4ade8033}.badge-warning{background:var(--warning-glow);color:var(--warning);border:1px solid #fb923c33}.badge-danger{background:var(--danger-glow);color:var(--danger);border:1px solid #f8717133}@keyframes pulseGlow{0%{box-shadow:0 0 #4ade8066}70%{box-shadow:0 0 0 10px #4ade8000}to{box-shadow:0 0 #4ade8000}}.pulse-green{animation:2s infinite pulseGlow}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{animation:slideIn var(--transition-normal) forwards}.code-font{font-family:JetBrains Mono,monospace;font-size:.9rem}.input-field{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-main);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:.95rem}.input-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.tracker-header-grid{grid-template-columns:1fr 340px;align-items:stretch;gap:24px;display:grid}.tracker-summary-panel{background:linear-gradient(90deg,#141c2acc 0%,#141c2a66 100%);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.tracker-step-panel{grid-template-columns:80px 1fr;align-items:start;gap:20px;padding:24px;display:grid}.tracker-cold-chain{border:1px solid var(--border-color);background:#050a1466;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px;display:flex}.tracker-details-grid{border:1px solid var(--border-color);background:#ffffff03;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:16px;display:grid}@media (width<=768px){body{overflow-y:auto}.app-container{width:100vw;height:auto;display:block;overflow:visible}.main-content{flex-direction:column;height:auto;min-height:100vh;display:flex;overflow:visible}.top-bar{text-align:center;flex-direction:column;align-items:stretch;gap:14px;height:auto;padding:16px 20px!important}.top-bar>div:first-child{flex-direction:column;align-items:center;gap:4px;display:flex}.top-bar h2{text-align:center;justify-content:center;line-height:1.3;font-size:1.1rem!important}.top-bar>div:last-child{flex-direction:column;align-items:center;gap:12px;width:100%}.top-bar>div:last-child>div{justify-content:center;width:100%}.main-content>div:last-child{height:auto!important;padding:20px 16px!important;overflow:visible!important}.tracker-header-grid{grid-template-columns:1fr;gap:16px}.tracker-summary-panel{flex-direction:column;align-items:flex-start;gap:14px;padding:16px}.tracker-summary-panel>div:last-child{border-top:1px solid var(--border-color);justify-content:space-between;width:100%;padding-top:12px;display:flex}.tracker-summary-panel>div:last-child>div{text-align:left!important}.tracker-step-panel{text-align:center;grid-template-columns:1fr;justify-items:center;gap:12px;padding:16px}.tracker-step-panel>div:first-child{width:50px;height:50px;font-size:1.5rem!important}.tracker-step-panel>div:last-child{width:100%}.tracker-step-panel h3{text-align:center;margin-top:4px}.tracker-step-panel div[style*="justify-content: space-between"]{flex-direction:column;gap:8px;align-items:center!important}.tracker-details-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:12px}.tracker-cold-chain{text-align:left;flex-direction:column;align-items:stretch;gap:14px;padding:12px}.tracker-cold-chain>div:first-child{gap:8px}.tracker-cold-chain>div:last-child{border-top:1px solid var(--border-color);justify-content:space-between;padding-top:10px}}