:root {
  --bg: #f8fbff;
  --ink: #071226;
  --muted: rgba(7, 18, 38, 0.58);
  --line: rgba(7, 18, 38, 0.11);
  --blue: #147cff;
  --green: #46e36e;
  --cyan: #1ed2d3;
  --purple: #7b3ff2;
  --orange: #ff8a2a;
  --radius: 24px;
  font-family: Inter, Aptos, "Segoe UI", system-ui, sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; color: var(--ink); background: radial-gradient(circle at 6% 12%, rgba(20,124,255,.2), transparent 30%), radial-gradient(circle at 94% 8%, rgba(70,227,110,.18), transparent 28%), radial-gradient(circle at 86% 86%, rgba(255,138,42,.14), transparent 30%), linear-gradient(135deg, #fff, #f4f9ff 48%, #eef8f4); }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
.goapp { min-height: 100dvh; display: grid; grid-template-rows: auto minmax(0,1fr) auto; gap: 12px; padding: clamp(12px, 1.6vw, 20px); }
.goapp-header, .goapp-stage, .goapp-panel, .goapp-left, .goapp-right { border: 1px solid var(--line); box-shadow: 0 22px 60px rgba(7,18,38,.08); backdrop-filter: blur(18px); }
.goapp-header { min-height: 64px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 10px 12px; border-radius: var(--radius); background: rgba(255,255,255,.84); }
.goapp-brand { display: inline-flex; align-items: center; gap: 10px; }
.goapp-brand img { width: 40px; height: 40px; border-radius: 50%; }
.goapp-brand span { display: inline-flex; align-items: baseline; gap: 2px; font-size: 21px; line-height: 1; }
.goapp-brand b { font-weight: 780; }
.goapp-brand em { font-style: normal; font-weight: 340; color: rgba(7,18,38,.64); }
.goapp-brand i { font-style: normal; color: var(--green); font-weight: 720; }
.goapp-tabs, .goapp-actions { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; }
.goapp-tabs::-webkit-scrollbar, .goapp-actions::-webkit-scrollbar { display:none; }
.goapp-tabs button, .goapp-actions a, .goapp-actions button, .goapp-left button, .goapp-right a, .goapp-form button { min-height: 34px; border: 0; border-radius: 999px; padding: 0 12px; color: var(--ink); background: rgba(7,18,38,.055); white-space: nowrap; cursor: pointer; }
.goapp-actions button { width: 38px; padding: 0; font-size: 10px; font-weight: 760; color: #fff; background: linear-gradient(135deg, var(--blue), var(--green)); box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 10px 24px rgba(20,124,255,.16); }
.goapp-actions button:nth-child(2) { background: linear-gradient(135deg, #071226, #2f4e80); }
.goapp-actions button:nth-child(3) { background: linear-gradient(135deg, var(--purple), var(--blue)); }
.goapp-tabs .active, .goapp-left .active, .goapp-form button { color: #06101d; background: linear-gradient(135deg, var(--green), var(--cyan)); }
.goapp-stage { min-height: 0; display: grid; grid-template-columns: minmax(180px, 220px) minmax(0,1fr); gap: 12px; padding: 12px; border-radius: calc(var(--radius) + 6px); background: rgba(255,255,255,.62); }
.goapp-left, .goapp-right { min-height: 0; display: grid; align-content: start; gap: 10px; padding: 14px; border-radius: var(--radius); background: rgba(255,255,255,.72); overflow:auto; scrollbar-width:none; }
.goapp-right { display: none; }
.goapp-center { min-width: 0; min-height: 0; display: grid; overflow: hidden; }
.goapp-panel { display: none; min-height: 100%; padding: clamp(18px, 2.6vw, 30px); border-radius: var(--radius); background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(246,251,255,.88)); overflow: auto; scrollbar-width: none; }
.goapp-panel.active { display: block; }
.goapp-panel h1, .goapp-panel h2 { margin: 5px 0 8px; font-size: clamp(20px, 2.15vw, 28px); line-height: 1.08; letter-spacing: 0; }
.goapp-panel p, .goapp-panel small, footer { color: var(--muted); line-height: 1.5; }
.goapp-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 24px; }
.goapp-grid article, .goapp-log article { padding: 16px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.68); }
.goapp-grid span { color: var(--blue); font-weight: 800; }
.goapp-form { display:grid; gap:12px; max-width:620px; }
.goapp-form label { display:grid; gap:6px; color:var(--muted); }
.goapp-form input { min-height:42px; border:1px solid var(--line); border-radius:14px; padding:0 12px; background:#fff; color:var(--ink); }
.goapp-log { display:grid; gap:10px; margin-top:18px; }
.goapp-log article { display:grid; gap:4px; }
footer { font-size: 12px; }
.goapp-dashboard-head { max-width: 740px; }
.goapp-dashboard-head h1 { color: #071226; font-weight: 760; }
.goapp-dashboard-head small { color: var(--blue); font-weight: 760; text-transform: uppercase; letter-spacing: .08em; }
.goapp-metrics { display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:10px; margin:16px 0; }
.goapp-metrics article { min-height:68px; display:grid; align-content:center; gap:6px; padding:12px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(145deg,#fff,rgba(255,255,255,.72)); }
.goapp-metrics span { color:var(--muted); font-size:12px; }
.goapp-metrics b { font-size: clamp(16px, 1.8vw, 22px); font-weight:760; }
.goapp-module-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:12px; }
.goapp-module-grid article { display:grid; grid-template-columns:14px minmax(0,1fr); gap:12px; padding:14px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.8); }
.goapp-module-grid i { width:10px; height:10px; margin-top:6px; border-radius:50%; background:var(--green); box-shadow:0 0 0 5px rgba(70,227,110,.16); }
.goapp-module-grid i.is-warn { background:var(--orange); box-shadow:0 0 0 5px rgba(255,138,42,.16); }
.goapp-module-grid i.is-bad { background:#ff4c61; box-shadow:0 0 0 5px rgba(255,76,97,.14); }
.goapp-module-grid b { font-weight:740; }
.goapp-module-grid p { margin:5px 0; color:var(--muted); }
.goapp-module-grid small { color:var(--blue); font-size:11px; text-transform:uppercase; letter-spacing:.04em; }
@media (max-width: 900px) {
  .goapp-header, .goapp-stage { grid-template-columns: 1fr; }
  .goapp-left, .goapp-right { grid-auto-flow: column; grid-auto-columns: max-content; overflow-x:auto; }
  .goapp-grid { grid-template-columns: 1fr; }
  .goapp-metrics, .goapp-module-grid { grid-template-columns: 1fr; }
}