:root{--bg-color:#0f1115;--panel-bg:#ffffff08;--panel-border:#ffffff14;--text-primary:#f0f0f0;--text-secondary:#a0a5b1;--accent-color:#6366f1;--accent-hover:#4f46e5;--danger-color:#ef4444;--success-color:#10b981}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(at 0 0,#100f15 0,#0000 50%),radial-gradient(at 50% 0,#2f3e6a33 0,#0000 50%),radial-gradient(at 100% 0,#72274133 0,#0000 50%);background-attachment:fixed;justify-content:center;min-height:100vh;margin:0;padding:2rem;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.app-container{width:100%;max-width:1000px}.header{text-align:center;margin-bottom:2rem}.header h1{background:linear-gradient(90deg,#818cf8,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.header p{color:var(--text-secondary);margin:0}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000004d}.grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=768px){.grid{grid-template-columns:1fr}}.form-group{margin-bottom:1.2rem}label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}input,select,textarea{border:1px solid var(--panel-border);width:100%;color:var(--text-primary);box-sizing:border-box;background:#0003;border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #6366f133}button{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn-primary{background:var(--accent-color);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.btn-danger{color:var(--danger-color);border:1px solid var(--danger-color);background:0 0;width:auto;padding:.4rem .8rem;font-size:.875rem}.btn-danger:hover{background:#ef44441a}.btn-secondary{color:var(--text-primary);border:1px solid var(--panel-border);background:#ffffff1a;width:auto;padding:.4rem .8rem;font-size:.875rem}.btn-secondary:hover{background:#fff3}.schedule-list{flex-direction:column;gap:1rem;display:flex}.schedule-item{border:1px solid var(--panel-border);background:#0003;border-radius:12px;justify-content:space-between;align-items:flex-start;padding:1rem;transition:transform .2s;display:flex}.schedule-item:hover{border-color:#ffffff26;transform:translateY(-2px)}.schedule-info h3{margin:0 0 .25rem;font-size:1.1rem}.schedule-info p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.4}.badge{background:#ffffff1a;border-radius:999px;margin-top:.5rem;margin-right:.5rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-active{color:var(--success-color);background:#10b9811a}.badge-inactive{color:var(--text-secondary)}.actions{gap:.5rem;display:flex}.tabs{justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.tab-btn{color:var(--text-secondary);border:1px solid var(--panel-border);background:0 0;border-radius:999px;width:auto;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.tab-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 4px 12px #6366f14d}.qr-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.qr-code{background:#fff;border-radius:12px;margin-bottom:1.5rem;padding:1rem;box-shadow:0 8px 32px #00000080}.qr-code img{max-width:256px;height:auto;display:block}.status-badge{border-radius:999px;margin-bottom:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.status-connecting{color:#fbbf24;background:#f59e0b1a}.status-connected{color:#10b981;background:#10b9811a}.status-disconnected{color:#ef4444;background:#ef44441a}