:root{--hub-green: #22c55e;--hub-green-dim: rgba(34, 197, 94, .15);--hub-green-border: rgba(34, 197, 94, .25);--hub-amber: #f59e0b;--hub-bg: #050505;--hub-surface: #0d0d0d;--hub-surface2: #111;--hub-border: rgba(255, 255, 255, .06);--hub-text: #e5e7eb;--hub-muted: #6b7280}html,body,#root{width:100%;max-width:100%;overflow-x:clip;font-family:Inter,system-ui,sans-serif;background:var(--hub-bg);color:var(--hub-text);margin:0;padding:0}*{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#22c55e40;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#22c55e80}*{scrollbar-width:thin;scrollbar-color:rgba(34,197,94,.25) transparent}.hub-header{padding:0 16px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;background:#0d0d0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:56px;position:sticky;top:0;z-index:200;position:relative}.hub-header-brand{display:flex;align-items:stretch;gap:0;height:40px}.hub-header-icon{width:40px;height:40px;object-fit:contain;flex-shrink:0}.hub-header-banner{height:40px;width:calc(40px * 1584 / 397);background-image:url(/capa-pessoal-roxo.png);background-size:100% 100%;background-repeat:no-repeat;flex-shrink:0}.hub-header-right{position:absolute;right:16px;display:flex;align-items:center;gap:8px}.hub-btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.07);color:#888;border-radius:8px;padding:6px 14px;font-size:13px;font-family:inherit;cursor:pointer;transition:all .2s ease}.hub-btn-ghost:hover{border-color:#ffffff26;color:#fff}.hub-btn-green{background:var(--hub-green-dim);border:1px solid var(--hub-green-border);color:var(--hub-green);border-radius:8px;padding:6px 14px;font-size:13px;font-family:inherit;font-weight:600;cursor:pointer;transition:all .2s ease}.hub-btn-green:hover{background:#22c55e40}.hub-section-title{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--hub-muted);margin:0 0 16px}.hub-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.hub-dnd-list{display:flex;flex-direction:column;gap:8px}.hub-dnd-item{display:flex;align-items:center;gap:12px;background:var(--hub-surface2);border:1px solid var(--hub-border);border-radius:10px;padding:10px 12px;cursor:grab;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.hub-dnd-item:active{cursor:grabbing}.hub-dnd-item.dragging{opacity:.4}.hub-dnd-item.drag-over{border-color:var(--hub-green);background:var(--hub-green-dim)}.hub-progress-track{height:6px;background:#ffffff12;border-radius:999px;overflow:hidden}.hub-progress-fill{height:100%;border-radius:999px;background:var(--hub-green);transition:width .6s ease}.hub-mosaic{display:flex;gap:3px;border-radius:6px;overflow:hidden;flex-shrink:0}.hub-mosaic img{width:40px;height:40px;object-fit:cover;display:block}.hub-input{background:var(--hub-surface2);border:1px solid rgba(255,255,255,.1);color:var(--hub-text);border-radius:8px;padding:9px 12px;font-size:14px;font-family:inherit;width:100%;transition:border-color .15s;outline:none}.hub-input:focus{border-color:var(--hub-green-border)}.hub-input::placeholder{color:var(--hub-muted)}.hub-label{font-size:12px;font-weight:600;color:var(--hub-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;display:block}.hub-mono{font-family:ui-monospace,SF Mono,Cascadia Code,Fira Code,monospace;font-variant-numeric:tabular-nums}@keyframes hub-pulse-glow{0%,to{opacity:1;box-shadow:0 0 #22c55e99}60%{opacity:.9;box-shadow:0 0 0 5px #22c55e00}}.hub-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;animation:hub-pulse-glow 2s ease-in-out infinite;flex-shrink:0}.hub-hashtag-btn{background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:#22c55e;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}.hub-hashtag-btn:hover{background:#22c55e29;border-color:#22c55e59}@media (max-width: 700px){.hub-card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.hub-header-banner{width:calc(28px * 1584 / 397);height:28px}.hub-header-icon{width:28px;height:28px}}