@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--neu-bg: #e6e7ee;--neu-bg-2: #eef0f6;--neu-bg-3: #dcdee6;--neu-ink: #2b2f3a;--neu-ink-2: #3f4452;--neu-muted: #6b7184;--neu-disabled: #9ba0ad;--neu-line: rgba(43, 47, 58, .08);--neu-accent: #7C3AED;--neu-accent-2: #A78BFA;--neu-accent-3: #6d28d9;--neu-accent-soft: rgba(124, 58, 237, .08);--neu-accent-ring: rgba(124, 58, 237, .2);--neu-verde: #10b981;--neu-verde-soft: rgba(16, 185, 129, .1);--neu-vermelho: #ef4444;--neu-vermelho-soft: rgba(239, 68, 68, .1);--neu-amarelo: #f59e0b;--neu-amarelo-soft: rgba(245, 158, 11, .1);--neu-azul: #3b82f6;--neu-azul-soft: rgba(59, 130, 246, .1);--neu-cyan: #06b6d4;--neu-cyan-soft: rgba(6, 182, 212, .1);--neu-rosa: #ec4899;--neu-rosa-soft: rgba(236, 72, 153, .1);--neu-laranja: #f97316;--neu-laranja-soft: rgba(249, 115, 22, .1);--neu-shadow-out: 10px 10px 24px #c5c7d0, -10px -10px 24px #ffffff;--neu-shadow-out-sm: 5px 5px 12px #c5c7d0, -5px -5px 12px #ffffff;--neu-shadow-in: inset 8px 8px 16px #c5c7d0, inset -8px -8px 16px #ffffff;--neu-shadow-in-sm: inset 4px 4px 8px #c5c7d0, inset -4px -4px 8px #ffffff;--neu-shadow-accent: 0 4px 20px rgba(124, 58, 237, .22);--neu-shadow-glow: 0 0 40px rgba(124, 58, 237, .12);--neu-shadow-right: 8px 0 24px #c5c7d0;--neu-shadow-bottom: 0 8px 24px #c5c7d0;--neu-radius: 22px;--neu-radius-sm: 14px;--neu-radius-xs: 8px;--neu-radius-pill: 9999px;--neu-sidebar-w: 240px;--neu-sidebar-collapsed: 68px;--neu-header-h: 56px;--neu-font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:var(--neu-font);background:var(--neu-bg);background-image:radial-gradient(circle at 10% 10%,rgba(124,58,237,.06),transparent 40%),radial-gradient(circle at 90% 20%,rgba(236,72,153,.04),transparent 40%),radial-gradient(circle at 50% 90%,rgba(6,182,212,.04),transparent 40%),radial-gradient(circle at 80% 80%,rgba(245,158,11,.04),transparent 40%);background-attachment:fixed;color:var(--neu-ink);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--neu-font);border:none;background:none}input,select,textarea{font-family:var(--neu-font)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--neu-bg);box-shadow:var(--neu-shadow-in-sm);border-radius:8px}::-webkit-scrollbar-thumb{background:var(--neu-bg);box-shadow:var(--neu-shadow-out-sm);border-radius:8px;border:2px solid var(--neu-bg)}::-webkit-scrollbar-thumb:hover{box-shadow:var(--neu-shadow-out)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.text-xs{font-size:11px}.text-sm{font-size:12px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.neu-card,.card{background:var(--neu-bg);border-radius:var(--neu-radius);box-shadow:var(--neu-shadow-out);padding:24px;transition:box-shadow .25s ease,transform .25s ease;border:none}.neu-card:hover,.card:hover{box-shadow:var(--neu-shadow-accent),var(--neu-shadow-out)}.neu-card-sm{background:var(--neu-bg);border-radius:var(--neu-radius-sm);box-shadow:var(--neu-shadow-out-sm);padding:16px;transition:box-shadow .25s ease;border:none}.neu-card-sm:hover{box-shadow:var(--neu-shadow-out)}.neu-card-inset,.card-glass{background:var(--neu-bg);border-radius:var(--neu-radius-sm);box-shadow:var(--neu-shadow-in);padding:16px;border:none;backdrop-filter:none;-webkit-backdrop-filter:none}.neu-card-hero,.card-elevated{background:linear-gradient(135deg,var(--neu-accent),var(--neu-accent-2));border-radius:var(--neu-radius);box-shadow:var(--neu-shadow-accent),var(--neu-shadow-out);color:#fff;padding:28px;border:none}.neu-card-hero h1,.neu-card-hero h2,.neu-card-hero h3,.card-elevated h1,.card-elevated h2,.card-elevated h3{color:#fff}.neu-card-hero p,.card-elevated p{color:#ffffffd9}.neu-stat,.stat-card{position:relative;background:var(--neu-bg);border-radius:var(--neu-radius);box-shadow:var(--neu-shadow-out);padding:20px 22px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .25s;border:none;overflow:visible}.neu-stat:hover,.stat-card:hover{box-shadow:var(--neu-shadow-accent),var(--neu-shadow-out);transform:none}.neu-stat:before,.stat-card:before{display:none;content:none}.stat-card .stat-icon,.neu-stat-icon,.stat-icon{width:40px;height:40px;border-radius:var(--neu-radius-xs);background:var(--neu-bg);box-shadow:var(--neu-shadow-in-sm);display:flex;align-items:center;justify-content:center;color:var(--neu-accent);flex-shrink:0}.stat-card:hover .stat-icon,.neu-stat:hover .neu-stat-icon{transform:none}.stat-card .stat-label,.neu-stat-label{font-size:11px;font-weight:700;color:var(--neu-muted);text-transform:uppercase;letter-spacing:.06em}.stat-card .stat-value,.neu-stat-value{font-size:32px;font-weight:800;color:var(--neu-ink);line-height:1;letter-spacing:-.03em}.stat-card .stat-sub,.neu-stat-sub{font-size:12px;color:var(--neu-muted);margin-top:2px}.neu-btn,.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:var(--neu-radius-xs);background:var(--neu-bg);box-shadow:var(--neu-shadow-out-sm);color:var(--neu-ink);font-family:var(--neu-font);font-size:13px;font-weight:600;letter-spacing:-.01em;transition:box-shadow .15s,transform .08s;white-space:nowrap}.neu-btn:hover,.btn:hover{box-shadow:var(--neu-shadow-out)}.neu-btn:active,.btn:active{box-shadow:var(--neu-shadow-in-sm);transform:scale(.98)}.neu-btn:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--neu-shadow-in-sm)}.neu-btn-primary,.btn-primary{background:linear-gradient(135deg,var(--neu-accent),var(--neu-accent-2));color:#fff;box-shadow:var(--neu-shadow-accent),var(--neu-shadow-out-sm)}.neu-btn-primary:hover,.btn-primary:hover{box-shadow:var(--neu-shadow-accent),var(--neu-shadow-out)}.neu-btn-primary:active,.btn-primary:active{box-shadow:var(--neu-shadow-in-sm)}.neu-btn-spotify,.btn-spotify{background:linear-gradient(135deg,var(--neu-accent),var(--neu-accent-2));color:#fff;font-weight:700;box-shadow:var(--neu-shadow-accent),var(--neu-shadow-out-sm)}.neu-btn-spotify:hover,.btn-spotify:hover{box-shadow:var(--neu-shadow-accent),var(--neu-shadow-out)}.neu-btn-secondary,.btn-secondary{background:var(--neu-bg);color:var(--neu-ink);box-shadow:var(--neu-shadow-out-sm);border:none}.neu-btn-ghost,.btn-ghost{background:transparent;box-shadow:none;color:var(--neu-muted);border:none}.neu-btn-ghost:hover,.btn-ghost:hover{box-shadow:var(--neu-shadow-out-sm);color:var(--neu-ink)}.neu-btn-danger,.btn-danger{background:var(--neu-vermelho-soft);color:var(--neu-vermelho);box-shadow:var(--neu-shadow-out-sm);border:none}.neu-btn-danger:hover,.btn-danger:hover{box-shadow:var(--neu-shadow-out)}.neu-btn-sm,.btn-sm{padding:7px 12px;font-size:12px}.neu-btn-icon,.btn-icon{padding:0;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center}.neu-input,.input{width:100%;background:var(--neu-bg);border:none;border-radius:var(--neu-radius-sm);box-shadow:var(--neu-shadow-in);padding:12px 16px;color:var(--neu-ink);font-family:var(--neu-font);font-size:13px;outline:none;transition:box-shadow .2s}.neu-input::placeholder,.input::placeholder{color:var(--neu-muted)}.neu-input:focus,.input:focus{box-shadow:var(--neu-shadow-in),0 0 0 3px var(--neu-accent-ring)}.neu-input:disabled,.input:disabled{opacity:.6;cursor:not-allowed}select.neu-input,select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7184' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}.neu-input-icon,.input-icon{position:relative}.neu-input-icon .neu-input,.neu-input-icon .input,.input-icon .neu-input,.input-icon .input{padding-left:42px}.neu-input-icon .icon,.input-icon .icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--neu-muted);pointer-events:none;display:flex;align-items:center}.neu-badge,.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--neu-radius-pill);font-size:11px;font-weight:700;letter-spacing:.02em;box-shadow:var(--neu-shadow-in-sm);border:none}.neu-badge-verde,.badge-green{background:var(--neu-verde-soft);color:var(--neu-verde)}.neu-badge-amarelo,.badge-yellow{background:var(--neu-amarelo-soft);color:var(--neu-amarelo)}.neu-badge-vermelho,.badge-red{background:var(--neu-vermelho-soft);color:var(--neu-vermelho)}.neu-badge-azul,.badge-blue{background:var(--neu-azul-soft);color:var(--neu-azul)}.neu-badge-roxo,.badge-purple{background:var(--neu-accent-soft);color:var(--neu-accent)}.neu-badge-cyan,.badge-cyan{background:var(--neu-cyan-soft);color:var(--neu-cyan)}.neu-badge-laranja,.badge-orange{background:var(--neu-laranja-soft);color:var(--neu-laranja)}.neu-badge-rosa{background:var(--neu-rosa-soft);color:var(--neu-rosa)}.neu-badge-gray,.badge-gray{background:rgba(107,113,132,.1);color:var(--neu-muted)}.neu-table-wrap,.table-wrap{width:100%;overflow-x:auto;padding:4px}.neu-table,table{width:100%;border-collapse:separate;border-spacing:0 6px}.neu-table thead th,thead th{padding:10px 18px;font-size:11px;font-weight:700;color:var(--neu-muted);text-transform:uppercase;letter-spacing:.06em;text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none;border-bottom:none}.neu-table thead th.sortable,thead th.sortable{cursor:pointer;transition:color .15s}.neu-table thead th.sortable:hover,thead th.sortable:hover{color:var(--neu-ink-2)}.neu-table thead th.sort-active,thead th.sort-active{color:var(--neu-accent)}.neu-table tbody tr,tbody tr{background:var(--neu-bg);box-shadow:var(--neu-shadow-out-sm);border-radius:var(--neu-radius-sm);transition:box-shadow .15s;border-bottom:none}.neu-table tbody tr:hover,tbody tr:hover{background:var(--neu-bg);box-shadow:var(--neu-shadow-out)}.neu-table tbody td,tbody td{padding:14px 18px;font-size:13px;color:var(--neu-ink-2);vertical-align:middle}.neu-table tbody td:first-child,tbody td:first-child{color:var(--neu-ink);font-weight:600;border-top-left-radius:var(--neu-radius-sm);border-bottom-left-radius:var(--neu-radius-sm)}.neu-table tbody td:last-child,tbody td:last-child{border-top-right-radius:var(--neu-radius-sm);border-bottom-right-radius:var(--neu-radius-sm)}.neu-modal-overlay,.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(230,231,238,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:neuFadeIn .15s ease}.neu-modal,.modal{background:var(--neu-bg);border-radius:var(--neu-radius);box-shadow:var(--neu-shadow-out);padding:32px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;animation:neuModalIn .25s cubic-bezier(.16,1,.3,1);border:none}.neu-modal-wide{max-width:900px}.neu-modal-xl{max-width:1200px}.neu-modal-header,.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.neu-modal-title,.modal-title{font-size:18px;font-weight:800;color:var(--neu-ink);letter-spacing:-.02em}@keyframes neuFadeIn{0%{opacity:0}to{opacity:1}}@keyframes neuModalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.neu-page-header,.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.neu-page-title,.page-title{font-size:24px;font-weight:800;color:var(--neu-ink);letter-spacing:-.03em}.neu-page-subtitle,.page-subtitle{font-size:13px;color:var(--neu-muted);margin-top:4px}.neu-alert,.alert-card{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--neu-radius-sm);box-shadow:var(--neu-shadow-in-sm);border:none}.neu-alert-danger,.alert-danger{background:var(--neu-vermelho-soft);color:var(--neu-vermelho)}.neu-alert-warning,.alert-warning{background:var(--neu-amarelo-soft);color:var(--neu-amarelo)}.neu-alert-success,.alert-success{background:var(--neu-verde-soft);color:var(--neu-verde)}.neu-alert-info,.alert-info{background:var(--neu-azul-soft);color:var(--neu-azul)}.neu-toast-container,.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:9999}.neu-toast,.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--neu-radius-sm);background:var(--neu-bg);box-shadow:var(--neu-shadow-out);font-size:13px;font-weight:600;min-width:280px;animation:neuModalIn .25s cubic-bezier(.16,1,.3,1);border:none;backdrop-filter:none;-webkit-backdrop-filter:none}.neu-toast-success,.toast-success{color:var(--neu-verde)}.neu-toast-error,.toast-error{color:var(--neu-vermelho)}.neu-toast-info,.toast-info{color:var(--neu-azul)}.neu-progress,.progress-bar{width:100%;height:10px;background:var(--neu-bg);box-shadow:var(--neu-shadow-in-sm);border-radius:var(--neu-radius-pill);overflow:hidden}.neu-progress-fill,.progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--neu-accent),var(--neu-accent-2));border-radius:var(--neu-radius-pill);transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #7c3aed73}.neu-spinner,.spinner{width:20px;height:20px;border:2.5px solid var(--neu-accent-soft);border-top-color:var(--neu-accent);border-radius:50%;animation:neuSpin .7s linear infinite}@keyframes neuSpin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}.neu-spin,.spin-anim{animation:neuSpin .8s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s ease-in-out infinite}.neu-empty,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;color:var(--neu-muted);gap:12px;text-align:center}.neu-empty-icon{font-size:48px;opacity:.35}.empty-state svg{opacity:.35}.neu-section-label,.section-label{font-size:10px;font-weight:700;color:var(--neu-muted);text-transform:uppercase;letter-spacing:.12em;padding:12px 16px 6px}.neu-divider{height:1px;background:var(--neu-line);margin:16px 0;border:none}.neu-divider-vertical{width:1px;background:var(--neu-line);align-self:stretch;margin:0 12px}.neu-tabs{display:inline-flex;gap:6px;padding:6px;background:var(--neu-bg);border-radius:var(--neu-radius-sm);box-shadow:var(--neu-shadow-in-sm)}.neu-tab{padding:8px 18px;border-radius:var(--neu-radius-xs);background:transparent;color:var(--neu-muted);font-family:var(--neu-font);font-weight:600;font-size:13px;transition:box-shadow .15s,color .15s}.neu-tab:hover{color:var(--neu-ink-2)}.neu-tab-active{background:var(--neu-bg);box-shadow:var(--neu-shadow-out-sm);color:var(--neu-accent)}.neu-skeleton{background:linear-gradient(90deg,var(--neu-bg-3) 25%,var(--neu-bg-2) 50%,var(--neu-bg-3) 75%);background-size:200% 100%;animation:neuSkeletonPulse 1.5s ease-in-out infinite;border-radius:var(--neu-radius-xs);min-height:16px}@keyframes neuSkeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.neu-chart-wrap{background:var(--neu-bg);border-radius:var(--neu-radius);box-shadow:var(--neu-shadow-out);padding:20px 22px;border:none}.neu-chart-title{font-size:13px;font-weight:700;color:var(--neu-ink);margin-bottom:4px;letter-spacing:-.01em}.neu-chart-sub{font-size:11px;color:var(--neu-muted);margin-bottom:16px}@media (max-width: 768px){.neu-stat-value,.stat-card .stat-value{font-size:22px}.neu-card,.card{padding:16px;border-radius:var(--neu-radius-sm)}.neu-stat,.stat-card{padding:16px 18px;border-radius:var(--neu-radius-sm)}.neu-card-hero,.card-elevated{padding:20px;border-radius:var(--neu-radius-sm)}.neu-page-header,.page-header{flex-direction:column;align-items:flex-start;gap:12px}.neu-page-title,.page-title{font-size:20px}.neu-page-subtitle,.page-subtitle{font-size:12px}.neu-table-wrap,.table-wrap{margin:0 -12px;padding:4px 12px}.neu-table thead th,thead th{padding:8px 12px;font-size:10px}.neu-table tbody td,tbody td{padding:11px 12px;font-size:12px}.neu-card .input,.card .input,.neu-card .neu-input,.card .neu-input{font-size:14px;padding:10px 14px}.neu-btn,.btn{padding:11px 16px;font-size:13px;min-height:40px}.neu-btn-sm,.btn-sm{padding:9px 14px;font-size:12px;min-height:36px}.neu-btn-icon,.btn-icon{width:40px;height:40px}.neu-modal,.modal{max-width:calc(100vw - 24px);padding:20px;border-radius:var(--neu-radius-sm);margin:12px;max-height:calc(100vh - 24px)}.neu-modal-wide{max-width:calc(100vw - 24px)}.neu-modal-title,.modal-title{font-size:16px}.neu-toast-container,.toast-container{bottom:12px;left:12px;right:12px}.neu-toast,.toast{min-width:0;width:100%}.neu-chart-wrap{padding:16px 14px;border-radius:var(--neu-radius-sm)}.neu-badge,.badge{padding:5px 11px;font-size:11px}}@media (max-width: 480px){body{font-size:13px}.neu-card,.card{padding:14px}.neu-stat-value{font-size:20px}.neu-page-title,.page-title{font-size:18px}}