.app[data-v-ca600cae]{min-height:100vh;display:flex;flex-direction:column}.header[data-v-ca600cae]{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;text-align:center;color:#fff}.header h1[data-v-ca600cae]{font-size:2.5rem;margin-bottom:.5rem}.header p[data-v-ca600cae]{font-size:1.2rem;opacity:.9}.main[data-v-ca600cae]{flex:1;padding:2rem}.container[data-v-ca600cae]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.card[data-v-ca600cae]{background:rgba(255,255,255,.95);padding:1.5rem;border-radius:10px;box-shadow:0 10px 30px #0000001a}.card h2[data-v-ca600cae]{color:#333;margin-bottom:1rem;font-size:1.5rem}.status[data-v-ca600cae]{display:flex;align-items:center;margin-bottom:1rem;font-weight:700}.status-dot[data-v-ca600cae]{width:10px;height:10px;border-radius:50%;margin-right:.5rem}.status.online .status-dot[data-v-ca600cae]{background:#10b981}.status.offline .status-dot[data-v-ca600cae]{background:#ef4444}.info p[data-v-ca600cae]{margin-bottom:.5rem;color:#555}.input-group[data-v-ca600cae]{display:flex;gap:.5rem;margin-bottom:1rem}.input[data-v-ca600cae]{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:1rem}.btn[data-v-ca600cae]{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:background .3s}.btn[data-v-ca600cae]:hover:not(:disabled){background:#5a6fd8}.btn[data-v-ca600cae]:disabled{background:#ccc;cursor:not-allowed}.echo-response[data-v-ca600cae]{background:#f8fafc;padding:1rem;border-radius:5px;border-left:4px solid #667eea}.echo-response p[data-v-ca600cae]{margin-bottom:.5rem;color:#555}.footer[data-v-ca600cae]{background:rgba(0,0,0,.1);padding:1rem;text-align:center;color:#fff;font-size:.9rem}@media (max-width: 768px){.container[data-v-ca600cae]{grid-template-columns:1fr}.input-group[data-v-ca600cae]{flex-direction:column}}