:root{--primary: #3b82f6;--primary-hover: #2563eb;--primary-light: #dbeafe;--secondary: #64748b;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--dark: #1e293b;--darker: #0f172a;--light: #f8fafc;--border: #e2e8f0;--card-bg: #ffffff;--text: #334155;--text-light: #94a3b8;--radius: 12px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,var(--darker) 0%,#1a1f35 100%);color:var(--text);min-height:100vh;line-height:1.6}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.05);padding:24px 16px;position:fixed;height:100vh;overflow-y:auto}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:0 12px 24px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:24px}.sidebar-logo h1{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--primary) 0%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-logo .icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary) 0%,#8b5cf6 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.nav-menu{list-style:none}.nav-item{margin-bottom:4px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;color:var(--text-light);text-decoration:none;font-weight:500;font-size:.95rem;transition:var(--transition)}.nav-link:hover{background:#3b82f61a;color:var(--primary)}.nav-link.active{background:linear-gradient(135deg,var(--primary) 0%,#8b5cf6 100%);color:#fff;box-shadow:0 4px 15px #3b82f666}.nav-link svg{width:20px;height:20px}.main-content{flex:1;margin-left:260px;padding:32px;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.header h2{font-size:1.75rem;font-weight:700;color:#fff}.header-date{color:var(--text-light);font-size:.9rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:#1e293bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius);padding:24px;transition:var(--transition)}.stat-card:hover{transform:translateY(-4px);border-color:#3b82f64d;box-shadow:0 8px 25px #0000004d}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.stat-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-card-icon.primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.stat-card-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.stat-card-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card-icon.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-card-label{color:var(--text-light);font-size:.875rem;font-weight:500}.stat-card-value{font-size:2rem;font-weight:700;color:#fff;margin-top:4px}.stat-card-change{font-size:.8rem;margin-top:8px}.stat-card-change.positive{color:var(--success)}.stat-card-change.negative{color:var(--danger)}.card{background:#1e293bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius);padding:24px;margin-bottom:24px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-title{font-size:1.1rem;font-weight:600;color:#fff}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.table th{color:var(--text-light);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.table td{color:#e2e8f0;font-size:.95rem}.table tbody tr{transition:var(--transition)}.table tbody tr:hover{background:#3b82f61a}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-success{background:#10b98133;color:#34d399}.badge-warning{background:#f59e0b33;color:#fbbf24}.badge-primary{background:#3b82f633;color:#60a5fa}.badge-danger{background:#ef444433;color:#f87171}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;border:none;transition:var(--transition)}.btn-primary{background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-success{background:linear-gradient(135deg,var(--success),#059669);color:#fff}.btn-danger{background:linear-gradient(135deg,var(--danger),#dc2626);color:#fff}.btn-outline{background:transparent;border:2px solid var(--border);color:var(--text-light)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:1024px){.charts-grid{grid-template-columns:1fr}}.scraper-status{display:flex;align-items:center;gap:16px;padding:20px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius);margin-bottom:24px}.scraper-status.running{background:#10b9811a;border-color:#10b9814d}.scraper-status.stopped{background:#ef44441a;border-color:#ef44444d}.pulse{width:12px;height:12px;border-radius:50%;background:var(--success);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-light)}.spinner{width:40px;height:40px;border:3px solid rgba(59,130,246,.2);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.sidebar{width:100%;height:auto;position:relative}.main-content{margin-left:0;padding:20px}.stats-grid{grid-template-columns:1fr}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}