:root{--bg-color:#0d1117;--panel-bg:#161b22b3;--text-primary:#c9d1d9;--text-secondary:#8b949e;--accent:#58a6ff;--success:#2ea043;--danger:#f85149;--warning:#d29922;--border:#30363d80}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 100% 0,#1f2937,#0000 40%),radial-gradient(circle at 0 100%,#111827,#0000 40%);min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.dashboard{box-sizing:border-box;width:98%;max-width:none;margin:0 auto;padding:2rem}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.header h1{background:linear-gradient(90deg,#58a6ff,#8a2be2,#58a6ff) 0 0/200%;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.2rem;font-weight:800;animation:3s linear infinite shine}@keyframes shine{to{background-position:200%}}.metrics-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.metric-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#161b2299;border:1px solid #58a6ff26;border-radius:16px;padding:1.8rem;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0003}.metric-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.metric-card:hover:before{left:100%}.metric-card:hover{border-color:#58a6ff99;transform:translateY(-8px)scale(1.02);box-shadow:0 15px 35px #58a6ff33,inset 0 0 15px #58a6ff4d}.metric-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;gap:6px;margin-bottom:.8rem;font-size:.85rem;font-weight:600;display:flex}.metric-value{color:#fff;letter-spacing:-.03em;font-size:2.2rem;font-weight:700}.green{color:var(--success)}.red{color:var(--danger)}.yellow{color:var(--warning)}.table-container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1117b3;border:1px solid #58a6ff33;border-radius:16px;transition:box-shadow .3s;overflow:hidden;box-shadow:0 8px 32px #0000004d}.table-container:hover{box-shadow:0 8px 32px #58a6ff26}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);background:#30363d4d;padding:1rem 1.5rem;font-size:.875rem;font-weight:600}td{border-bottom:1px solid var(--border);color:#e6edf3;white-space:nowrap;padding:1rem 1.5rem;font-size:.95rem}@keyframes slideInRow{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}tbody tr{opacity:0;border-left:2px solid #0000;transition:all .2s;animation:.6s cubic-bezier(.2,.8,.2,1) forwards slideInRow}tr:last-child td{border-bottom:none}tr:hover{z-index:10;background:#58a6ff14;border-left:2px solid #58a6ff;position:relative;transform:scale(1.005);box-shadow:0 4px 15px #0003}tr:hover td{color:#fff;background:0 0}.alert-row-yellow{background:linear-gradient(90deg,#d299220d,#d2992280,#d299220d) 0 0/200%!important;border-left:2px solid #d29922!important;animation:1.5s linear infinite rowShine,.6s cubic-bezier(.2,.8,.2,1) forwards slideInRow!important}.alert-row-red{background:linear-gradient(90deg,#f851490d,#f8514999,#f851490d) 0 0/200%!important;border-left:2px solid #f85149!important;animation:1s linear infinite rowShine,.6s cubic-bezier(.2,.8,.2,1) forwards slideInRow!important}@keyframes rowShine{to{background-position:200%}}.badge{text-transform:uppercase;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-tiktok{color:#25f4ee;background:#00000080;border:1px solid #25f4ee}.badge-shopee{color:#ee4d2d;background:#ee4d2d1a;border:1px solid #ee4d2d}.badge-meli{color:#ffe000;background:#ffe0001a;border:1px solid #ffe000}.badge-default{color:#58a6ff;background:#58a6ff1a;border:1px solid #58a6ff}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:.5rem;display:inline-block}.live-indicator{color:var(--success);align-items:center;font-size:.875rem;font-weight:600;display:flex}.pulse{animation:2s infinite pulse}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #2ea043b3}70%{transform:scale(1);box-shadow:0 0 0 10px #2ea04300}to{transform:scale(.95);box-shadow:0 0 #2ea04300}}.loader{border:3px solid #58a6ff33;border-top-color:#58a6ff;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}