:root{--bg-primary: #0b0f19;--bg-secondary: #131c31;--bg-tertiary: #1e294b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-purple: #a855f7;--accent-purple-glow: rgba(168, 85, 247, .4);--accent-purple-dim: rgba(168, 85, 247, .15);--accent-pink: #ec4899;--accent-pink-glow: rgba(236, 72, 153, .4);--accent-cyan: #06b6d4;--accent-cyan-glow: rgba(6, 182, 212, .4);--success: #10b981;--success-glow: rgba(16, 185, 129, .3);--warning: #f59e0b;--warning-glow: rgba(245, 158, 11, .3);--danger: #ef4444;--danger-glow: rgba(239, 68, 68, .3);--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--glass-bg: rgba(19, 28, 49, .6);--glass-border: rgba(255, 255, 255, .06);--glass-blur: blur(16px);--card-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden;position:relative}body:before,body:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;z-index:-1;filter:blur(120px);opacity:.25;pointer-events:none}body:before{background:radial-gradient(circle,var(--accent-purple) 0%,transparent 70%);top:10%;left:-100px;animation:float-blob-1 25s infinite ease-in-out}body:after{background:radial-gradient(circle,var(--accent-cyan) 0%,transparent 70%);bottom:10%;right:-100px;animation:float-blob-2 30s infinite ease-in-out}@keyframes float-blob-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(100px,80px) scale(1.2)}66%{transform:translate(-50px,150px) scale(.9)}}@keyframes float-blob-2{0%,to{transform:translate(0) scale(1.1)}50%{transform:translate(-120px,-80px) scale(.8)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px var(--accent-purple-glow)}50%{box-shadow:0 0 30px var(--accent-purple-glow),0 0 10px var(--accent-pink-glow)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0b0f1980}::-webkit-scrollbar-thumb{background:#a855f733;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a855f766}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);padding:1.5rem;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.glass-card:hover{border-color:#a855f733}.glow-text-purple{text-shadow:0 0 12px var(--accent-purple-glow)}.glow-text-cyan{text-shadow:0 0 12px var(--accent-cyan-glow)}.gradient-text{background:linear-gradient(135deg,#fff 30%,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-accent-text{background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-pink) 50%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-heading);font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;font-size:.95rem}.btn-primary{background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-pink) 100%);color:#fff;box-shadow:0 4px 15px #a855f74d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a855f780,0 0 8px #ec489966}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef44444d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444480}.btn-icon{padding:.5rem;border-radius:50%;aspect-ratio:1}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-family:var(--font-heading);font-weight:500;font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.form-control{width:100%;padding:.75rem 1rem;background:#0b0f1999;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;transition:all var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 3px var(--accent-purple-dim)}.form-control::placeholder{color:var(--text-muted)}.switch{position:relative;display:inline-block;width:48px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff1a;transition:.4s;border-radius:24px;border:1px solid var(--glass-border)}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-pink) 100%)}input:checked+.slider:before{transform:translate(24px)}.app-container{display:flex;min-height:100vh}.sidebar{width:260px;background:#0b0f19d9;border-right:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:2rem 1.25rem;display:flex;flex-direction:column;justify-content:space-between;position:fixed;height:100vh;z-index:10}.main-content{flex:1;margin-left:260px;padding:2rem 3rem;max-width:1200px;width:calc(100% - 260px)}@media (max-width: 992px){.app-container{flex-direction:column}.sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid var(--glass-border);padding:1.25rem}.main-content{margin-left:0;width:100%;padding:1.5rem}}.logo-container{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem}.logo-icon{background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-pink) 100%);width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px var(--accent-purple-glow);color:#fff}.logo-text{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.nav-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-heading);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.nav-item:hover{background:#ffffff08;color:var(--text-primary)}.nav-item.active{background:var(--accent-purple-dim);border:1px solid rgba(168,85,247,.3);color:var(--accent-purple);font-weight:600}.dropzone{border:2px dashed rgba(168,85,247,.3);border-radius:var(--radius-lg);padding:2.5rem;text-align:center;cursor:pointer;transition:all var(--transition-normal);background:#a855f705;display:flex;flex-direction:column;align-items:center;gap:.75rem}.dropzone:hover,.dropzone.drag-active{border-color:var(--accent-purple);background:#a855f70d;box-shadow:0 0 15px #a855f726}.dropzone-icon{color:var(--accent-purple);margin-bottom:.25rem}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.connected{background-color:var(--success);box-shadow:0 0 8px var(--success)}.status-dot.disconnected{background-color:var(--danger);box-shadow:0 0 8px var(--danger)}.status-dot.connecting{background-color:var(--warning);box-shadow:0 0 8px var(--warning);animation:pulse-glow 1.5s infinite ease-in-out}.media-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;margin-top:1rem}.media-preview-card{position:relative;border-radius:var(--radius-md);border:1px solid var(--glass-border);overflow:hidden;aspect-ratio:1;background:#000}.media-preview-card img,.media-preview-card video{width:100%;height:100%;object-fit:cover}.media-preview-delete{position:absolute;top:4px;right:4px;background:#ef4444d9;border:none;color:#fff;border-radius:50%;padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.media-preview-delete:hover{background:#ef4444}.table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--glass-border);margin-top:1rem}.custom-table{width:100%;border-collapse:collapse;text-align:left}.custom-table th{background:#0b0f1980;color:var(--text-secondary);font-family:var(--font-heading);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;padding:1rem;border-bottom:1px solid var(--glass-border)}.custom-table td{padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.02);color:var(--text-primary);font-size:.9rem}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background:#ffffff03}.progress-bar-container{background:#ffffff0d;height:12px;border-radius:6px;overflow:hidden;margin:1.5rem 0;border:1px solid var(--glass-border)}.progress-bar-fill{background:linear-gradient(90deg,var(--accent-purple) 0%,var(--accent-cyan) 100%);height:100%;border-radius:6px;transition:width .4s ease-out;box-shadow:0 0 10px var(--accent-purple-glow)}.console-log{background:#020617;border:1px solid var(--glass-border);border-radius:var(--radius-md);font-family:Courier New,Courier,monospace;padding:1rem;height:250px;overflow-y:auto;font-size:.85rem;color:#38bdf8;display:flex;flex-direction:column;gap:.35rem}.console-line{display:flex;gap:.75rem}.console-time{color:var(--text-muted);flex-shrink:0}.console-text.success{color:#34d399}.console-text.error{color:#f87171}.console-text.info{color:#38bdf8}.console-text.warn{color:#fbbf24}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--accent-purple-dim);color:var(--accent-purple)}.stat-icon.cyan{background:#06b6d41a;color:var(--accent-cyan)}.stat-icon.success{background:#10b9811a;color:var(--success)}.stat-icon.danger{background:#ef44441a;color:var(--danger)}.stat-number{font-size:1.8rem;font-family:var(--font-heading);font-weight:700;margin-top:.25rem}.stat-label{font-size:.85rem;color:var(--text-secondary)}.badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-success{background:#10b98126;color:var(--success);border:1px solid rgba(16,185,129,.3)}.badge-danger{background:#ef444426;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.badge-warning{background:#f59e0b26;color:var(--warning);border:1px solid rgba(245,158,11,.3)}.badge-info{background:#06b6d426;color:var(--accent-cyan);border:1px solid rgba(6,182,212,.3)}