*,:before,:after{box-sizing:border-box}html,body{color:#e8eaed;background:#0f1115;height:100%;margin:0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.dashboard{grid-template-rows:auto 1fr;gap:4px;height:100vh;padding:4px;display:grid}.api-strip{background:#1a1d24;border-radius:6px;flex-wrap:wrap;gap:12px;padding:8px 12px;display:flex}.api-card{align-items:center;gap:10px;min-width:220px;display:flex}.status-ball{background:#c9a227;border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:0 0 8px #c9a22780}.status-ball--ok{background:#2ea043;box-shadow:0 0 8px #2ea04380}.status-ball--error{background:#f85149;box-shadow:0 0 8px #f8514980}.api-label{font-size:14px;font-weight:600}.api-label a{color:#8ab4f8;text-decoration:none}.api-label a:hover{text-decoration:underline}.api-status{color:#9aa0a6;font-size:12px}.frontend-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:4px;min-height:0;display:grid}.frontend-tile{background:#1a1d24;border-radius:6px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.frontend-tile:nth-child(4){grid-column:1/2}.frontend-tile:nth-child(5){grid-column:2/4}.tile-header{background:#252830;border-bottom:1px solid #30343c;padding:6px 10px;font-size:13px;font-weight:600}.tile-header a{color:#8ab4f8;text-decoration:none}.tile-header a:hover{text-decoration:underline}.tile-frame{background:#fff;border:0;flex:1;width:100%}