:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0d1117;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{background:radial-gradient(circle at 100% 0,#1a202c,#0d1117);place-items:flex-start;min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%}.dashboard-container{box-sizing:border-box;flex-direction:column;max-width:1600px;height:100vh;margin:0 auto;padding:1rem 2rem;display:flex}.header{border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.header h1{background:-webkit-linear-gradient(45deg,#4ade80,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:2rem}.status-badge{color:#4ade80;background:#4ade801a;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;animation:2s infinite pulse;display:flex}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.spin-animation{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.grid-container{flex:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:1rem;min-height:0;margin-bottom:0;display:grid}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;padding:1rem;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.glass-card:hover{border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 10px 25px -5px #00000080}.card-header{color:#9ca3af;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.card-title{color:#f3f4f6;margin:0;font-size:1.1rem;font-weight:600}.gateway-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.gateway-item:last-child{border-bottom:none}.status-online{color:#4ade80}.status-offline{color:#f87171}.table-container{flex:1;width:100%;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid #ffffff0d;padding:1rem}th{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}.error-message{color:#f87171;margin-top:.5rem;font-size:.875rem}.history-panel{background:#0003;border-top:1px solid #ffffff0d;padding:1.5rem;box-shadow:inset 0 2px 10px #0000001a}.history-table th{background:#ffffff05;padding:.75rem 1rem;font-size:.75rem}.history-table td{border-bottom:1px solid #ffffff05;padding:.75rem 1rem;font-size:.875rem}.status-badge-mini{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.status-badge-mini.online{color:#4ade80;background:#4ade801a;border:1px solid #4ade8033}.status-badge-mini.offline{color:#f87171;background:#f871711a;border:1px solid #f8717133}@media (width>=1600px){html{font-size:16px}.dashboard-container{max-width:95vw}}@media (width>=1920px){html{font-size:18px}}@media (width>=2560px){html{font-size:22px}}@media (width>=3840px){html{font-size:32px}}