:root{--bg-primary: #0a0a0a;--bg-secondary: #171717;--text-primary: #ededed;--text-secondary: #a1a1aa;--accent-color: #3b82f6;--success-color: #22c55e;--warning-color: #eab308;--danger-color: #ef4444}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary)}#app{width:100%;max-width:100%;margin:0;padding:1rem;box-sizing:border-box}.card{background-color:var(--bg-secondary);border-radius:.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.status-online{background-color:#22c55e1a;color:var(--success-color)}.status-offline{background-color:#ef44441a;color:var(--danger-color)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-content{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:1rem;width:95vw;max-width:95vw;max-height:90vh;overflow-y:auto;padding:2rem;transform:translateY(20px);transition:transform .3s ease;box-shadow:0 20px 25px -5px #00000080}.modal-overlay.open .modal-content{transform:translateY(0)}.close-button{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:.5rem;line-height:1}.close-button:hover{color:#fff}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.data-item{background:#ffffff08;padding:1rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.05)}.data-label{font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem}.data-value{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.status-online-bar{border-left:4px solid var(--success-color)!important}.status-offline-trenerry{border:1px solid var(--danger-color)!important}.power-alert{border:2px solid var(--danger-color)!important;animation:pulse-red 2s infinite}@keyframes pulse-red{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.landing-container{max-width:1400px;margin:0 auto;padding:2rem}.modern-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;border:1px solid rgba(255,255,255,.05);cursor:pointer;text-decoration:none;display:block;height:100%;box-sizing:border-box;color:inherit}.modern-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000004d;border-color:var(--accent-color);background:linear-gradient(to bottom right,var(--bg-secondary),#202020)}.landing-header{text-align:center;margin-bottom:4rem}.landing-header h1{font-size:3rem;font-weight:800;background:linear-gradient(to right,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.5rem}.section-title{font-size:1.25rem;color:var(--text-secondary);margin-bottom:1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.section-title:after{content:"";flex:1;height:1px;background:#ffffff1a;margin-left:1rem}