body{background:#0d0d14;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100vh}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg:#08080f;--bg2:#0f0f1a;--bg3:#16162a;--bg4:#1e1e35;--border:#252540;--border-hover:#3a3a60;--purple:#7c3aed;--purple-light:#a78bfa;--purple-glow:#7c3aed2e;--purple-border:#7c3aed66;--text:#eeeef5;--text-muted:#9090b8;--text-faint:#50506e;--green:#22c55e;--green-bg:#22c55e1f;--green-border:#22c55e59;--red:#f87171;--red-bg:#f871711a;--yellow:#fbbf24;--radius:14px;--radius-sm:8px;--dot-color:#7c3aed1f;--shadow-card:0 4px 24px #0006;--shadow-hover:0 8px 40px #7c3aed33}[data-theme=light]{--bg:#f4f4fb;--bg2:#fff;--bg3:#ededf8;--bg4:#e6e6f5;--border:#d8d8ee;--border-hover:#b0b0d8;--purple:#6d28d9;--purple-light:#7c3aed;--purple-glow:#6d28d914;--purple-border:#6d28d94d;--text:#12122a;--text-muted:#4a4a70;--text-faint:#9090b0;--green:#16a34a;--green-bg:#16a34a1a;--green-border:#16a34a4d;--red:#dc2626;--red-bg:#dc262614;--yellow:#d97706;--dot-color:#6d28d912;--shadow-card:0 2px 16px #00000014;--shadow-hover:0 8px 32px #6d28d926}html{transition:background .3s,color .3s}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative}body:before{content:"";background-image:radial-gradient(circle, var(--dot-color) 1.5px, transparent 1.5px);pointer-events:none;z-index:0;background-size:28px 28px;position:fixed;inset:0}#root{z-index:1;position:relative}.header{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#08080fd9;transition:background .3s,border-color .3s;position:sticky;top:0}[data-theme=light] .header{background:#f4f4fbe0}.header-inner{justify-content:space-between;align-items:center;max-width:1100px;height:64px;margin:0 auto;padding:0 32px;display:flex}.logo{color:var(--purple-light);letter-spacing:-.02em;align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.header-right{align-items:center;gap:12px;display:flex}.header-badge{background:var(--bg3);border:1px solid var(--border);color:var(--text-muted);border-radius:20px;padding:4px 14px;font-size:13px;font-weight:500}.theme-toggle{border:1px solid var(--border);background:var(--bg3);width:38px;height:38px;color:var(--text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle:hover{border-color:var(--purple-border);background:var(--purple-glow);color:var(--purple-light)}.main{padding-bottom:120px}.hero{text-align:center;background:radial-gradient(90% 60% at 50% 0,#7c3aed33 0%,#0000 70%);padding:100px 32px 72px;position:relative}.hero h1{letter-spacing:-.05em;background:linear-gradient(135deg,#e2e2f0 0%,#a78bfa 45%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:18px;font-size:clamp(44px,6vw,72px);font-weight:900;line-height:1.05}[data-theme=light] .hero h1{background:linear-gradient(135deg,#1a1a3e 0%,#6d28d9 50%,#9333ea 100%);-webkit-background-clip:text;background-clip:text}.hero p{color:var(--text-muted);max-width:560px;margin-bottom:48px;margin-left:auto;margin-right:auto;font-size:19px;font-weight:400;line-height:1.6}.searchbar-wrap{max-width:680px;margin:0 auto}.searchbar{background:var(--bg2);border:2px solid var(--purple-border);box-shadow:0 0 0 6px var(--purple-glow), var(--shadow-card);border-radius:18px;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.searchbar:focus-within{border-color:var(--purple);box-shadow:0 0 0 6px #7c3aed40,0 12px 48px #00000080}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:20px}.search-input{width:100%;color:var(--text);caret-color:var(--purple-light);background:0 0;border:none;outline:none;padding:22px 56px 22px 54px;font-family:Inter,sans-serif;font-size:18px}.search-input::placeholder{color:var(--text-faint)}.search-clear{background:var(--bg3);border:1px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;right:16px}.search-clear:hover{background:var(--purple-glow);color:var(--text)}.content{max-width:1100px;margin:0 auto;padding:0 32px}.statsbar{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);align-items:center;margin-bottom:24px;padding:20px 32px;display:flex}.stat{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.stat-value{color:var(--purple-light);letter-spacing:-.04em;font-size:32px;font-weight:800;line-height:1}.stat-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600}.stat-divider{background:var(--border);width:1px;height:44px}.filterbar{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);margin-bottom:28px;padding:24px 28px}.filter-row{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:16px;display:grid}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-group label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.filter-select{appearance:none;background:var(--bg3);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238888aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;width:100%;padding:13px 44px 13px 16px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;transition:border-color .2s,box-shadow .2s,background .2s}.filter-select:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-glow);background-color:var(--bg4);outline:none}.filter-select:hover{border-color:var(--border-hover);background-color:var(--bg4)}.filter-select option{background:var(--bg3);color:var(--text)}.clear-btn{border-radius:var(--radius-sm);cursor:pointer;background:var(--red-bg);color:var(--red);white-space:nowrap;border:1.5px solid #f8717159;align-items:center;gap:7px;height:50px;padding:13px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.clear-btn:hover{background:#f871712e;border-color:#f8717199}.dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.dot-green{background:var(--green);box-shadow:0 0 6px var(--green)}.dot-gray{background:#555}.auto-list{flex-direction:column;gap:12px;display:flex}.auto-card{background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:border-color .2s,transform .15s,box-shadow .2s;overflow:hidden}.auto-card:hover{border-color:var(--purple);box-shadow:var(--shadow-hover);transform:translateY(-3px)}.auto-card-header{flex-direction:column;gap:10px;padding:20px 24px 16px;display:flex}.auto-card-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.platform-pill{letter-spacing:.01em;border:1.5px solid;border-radius:20px;align-items:center;gap:7px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex}.auto-name{color:var(--text);font-size:17px;font-weight:700;line-height:1.4}.auto-name mark{color:#c4b5fd;background:#7c3aed4d;border-radius:3px;padding:0 2px}.auto-meta-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.meta-item{color:var(--text-faint);align-items:center;gap:5px;font-size:13px;font-weight:500;display:inline-flex}.meta-sep{color:var(--border-hover);font-size:13px}.auto-card-metrics{border-top:1px solid var(--border);background:#ffffff05;align-items:center;display:flex}[data-theme=light] .auto-card-metrics{background:#00000005}.metric-item{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:14px 10px;display:flex}.metric-item svg{opacity:.65;margin-bottom:2px}.metric-value{color:var(--text);letter-spacing:-.03em;font-size:18px;font-weight:800;line-height:1}.metric-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:11px;font-weight:600}.metric-divider{background:var(--border);flex-shrink:0;width:1px;height:40px}.metric-item-period{flex:1.3;gap:5px}.period-row{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.period-badge{color:var(--text-faint);text-transform:uppercase;letter-spacing:.07em;background:var(--bg3);border:1px solid var(--border);text-align:center;border-radius:4px;min-width:28px;padding:2px 6px;font-size:10px;font-weight:800}.period-value{color:var(--text-muted);text-align:right;min-width:32px;font-size:14px;font-weight:700}.status-badge{white-space:nowrap;letter-spacing:.02em;border:1.5px solid;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.status-ativa{background:var(--green-bg);border-color:var(--green-border);color:var(--green)}.status-inativa{color:var(--text-faint);background:#6464781a;border-color:#6464784d}.pagination{justify-content:center;align-items:center;gap:6px;margin-top:40px;display:flex}.page-btn{border:1.5px solid var(--border);background:var(--bg2);min-width:42px;height:42px;color:var(--text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 8px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:all .15s;display:inline-flex}.page-btn:hover:not(:disabled){border-color:var(--purple);color:var(--purple-light);background:var(--purple-glow)}.page-btn.active{background:var(--purple);border-color:var(--purple);color:#fff;box-shadow:0 0 16px var(--purple-glow);font-weight:800}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-arrow{padding:0 10px}.page-ellipsis{color:var(--text-faint);padding:0 4px;font-size:15px;line-height:42px}.empty-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:100px 24px;display:flex}.empty-state p{font-size:19px;font-weight:700}.empty-state span{color:var(--text-faint);font-size:14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--purple-border)}@media (width<=800px){.filter-row{grid-template-columns:1fr 1fr}.clear-btn{grid-column:span 2;justify-content:center}.hero h1{font-size:38px}.hero p{font-size:16px}.statsbar{padding:16px 20px}.stat-value{font-size:26px}.auto-card-metrics{flex-wrap:wrap}.metric-item{flex:40%}.metric-divider{display:none}}@media (width<=500px){.filter-row{grid-template-columns:1fr}.clear-btn{grid-column:auto}.header-inner,.content{padding:0 16px}.hero{padding:64px 16px 48px}}