Spaces:
Running
Running
| /* /src/ui/styles.css */ | |
| body { | |
| margin: 0; | |
| overflow: hidden; | |
| color: #fff; | |
| background: #000; | |
| font-family: sans-serif; | |
| } | |
| .slide { | |
| position: absolute; | |
| top: 0; left: 0; right: 0; bottom: 0; | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| justify-content: center; | |
| } | |
| .hidden { | |
| display: none; | |
| } | |
| .canvas-container { | |
| width: 100%; | |
| height: 80%; | |
| } | |
| .cta { | |
| margin-top: 20px; | |
| padding: 12px 24px; | |
| font-size: 1.2em; | |
| color: #fff; | |
| background: rgba(30, 30, 60, 0.8); | |
| border: 2px solid #fff; | |
| border-radius: 8px; | |
| cursor: pointer; | |
| } | |
| .cta:hover { | |
| background: rgba(60, 60, 100, 0.9); | |
| } | |
| #controls { | |
| margin-top: 10px; | |
| } | |
| #controls label { | |
| margin-right: 10px; | |
| color: #fff; | |
| } | |
| #kpis { | |
| display: flex; | |
| flex-wrap: wrap; | |
| gap: 20px; | |
| justify-content: center; | |
| } | |
| .card { | |
| background: rgba(50, 50, 80, 0.9); | |
| padding: 16px; | |
| border-radius: 8px; | |
| min-width: 120px; | |
| text-align: center; | |
| } | |
| #badge { | |
| position: absolute; | |
| top: 20px; | |
| right: 20px; | |
| font-size: 2em; | |
| background: rgba(0, 200, 50, 0.8); | |
| border-radius: 50%; | |
| padding: 10px 20px; | |
| } | |