:root{--primary: #00a884;--primary-dark: #008f6f;--bg-dark: #111b21;--bg-dark-sec: #202c33;--text-main: #e9edef;--text-sec: #8696a0;--error: #ef5350;--card-bg: rgba(32, 44, 51, .7);--glass-border: rgba(255, 255, 255, .05);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--font-family: "Inter", system-ui, -apple-system, sans-serif}body{margin:0;padding:0;background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-family);height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top right,#1f2c34,#111b21,#0b141a)}#app{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.glass-card{background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;padding:2rem;width:100%;max-width:450px;animation:fadeIn .5s ease-out}.dashboard-container{width:90%;max-width:1000px;min-height:90vh;margin:2rem auto;display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 768px){.dashboard-container{width:95%;margin:1rem auto;min-height:auto}.glass-card{padding:1.5rem}h1{font-size:1.5rem}h2{font-size:1.25rem}}h1,h2,h3{margin:0 0 1rem;color:var(--text-main);font-weight:600}input,textarea{width:100%;padding:12px 16px;margin-bottom:1rem;background:var(--bg-dark);border:1px solid var(--bg-dark-sec);border-radius:8px;color:var(--text-main);font-size:1rem;transition:all .2s ease;box-sizing:border-box}input:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #00a88433}button{background-color:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;width:100%;transition:all .2s ease;font-size:1rem}button:hover{background-color:var(--primary-dark);transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background-color:var(--bg-dark-sec);color:var(--primary)}.btn-secondary:hover{background-color:#2a3942}.btn-danger{background-color:var(--error)}.btn-danger:hover{background-color:#d32f2f}.badge{display:inline-block;padding:4px 12px;border-radius:99px;font-size:.875rem;font-weight:500;text-transform:capitalize}.badge.connected{background-color:#00a88433;color:var(--primary)}.badge.disconnected{background-color:#ef535033;color:var(--error)}.badge.qr_ready{background-color:#ffc10733;color:#ffc107}.hidden{display:none!important}.error{color:var(--error);font-size:.875rem;margin-top:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-dark-sec);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#374045}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;flex:1}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.user-form{display:flex;gap:1rem;align-items:flex-end}@media (max-width: 600px){.user-form{flex-direction:column;align-items:stretch}.user-form input,.user-form button{margin-bottom:.5rem}}.success[data-v-2ce4c027]{color:var(--primary);font-size:.9rem}.success[data-v-425ee86d]{color:var(--primary)}