:root{--bg-color: #0d0d0d;--surface-color: #1a1a1a;--primary-color: #00ff88;--primary-glow: rgba(0, 255, 136, .4);--secondary-color: #00ccff;--text-primary: #ffffff;--text-secondary: #a0a0a0;--font-family: "Inter", system-ui, -apple-system, sans-serif}body{margin:0;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;display:flex;justify-content:center;min-height:100vh}#root{width:100%;max-width:600px;padding:2rem;display:flex;flex-direction:column;gap:2rem}input,button{font-family:inherit;border:none;outline:none}h1{font-size:2rem;font-weight:800;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;margin:0;text-transform:uppercase;letter-spacing:2px}.panel{background:var(--surface-color);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-group{display:flex;gap:1rem}input[type=text]{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;color:#fff;font-size:1rem;transition:all .3s ease}input[type=text]:focus{border-color:var(--primary-color);box-shadow:0 0 15px var(--primary-glow)}button.primary{background:var(--primary-color);color:#000;font-weight:700;padding:1rem 2rem;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase}button.primary:hover{transform:translateY(-2px);box-shadow:0 0 20px var(--primary-glow)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}button.quick-action{background:#ffffff0d;color:var(--text-primary);padding:1rem;border-radius:12px;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:all .2s;font-weight:600}button.quick-action:hover{background:#ffffff1a;border-color:var(--secondary-color);color:var(--secondary-color)}.status-indicator{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.dot{width:8px;height:8px;border-radius:50%;background-color:#333}.dot.active{background-color:var(--primary-color);box-shadow:0 0 10px var(--primary-color);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}