body{margin:0;font-family:Arial,sans-serif}.app-container{min-height:100vh;background-color:#f3f4f6;display:flex;justify-content:center;align-items:center}.dashboard{background-color:#fff;padding:24px;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;width:100%;text-align:center}.dashboard h1{font-size:24px;font-weight:700;margin-bottom:16px}.relay-control{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:16px}.relay-label{font-size:16px}.button-on,.button-off{padding:8px 16px;border:none;border-radius:4px;color:#fff;font-size:14px;cursor:pointer;transition:background-color .2s}.button-on{background-color:#10b981}.button-on:hover{background-color:#059669}.button-off{background-color:#ef4444}.button-off:hover{background-color:#dc2626}
