@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@400;500&display=swap";:root{--bg-base: hsl(230, 25%, 7%);--bg-surface: hsl(230, 20%, 12%);--bg-surface-hover: hsl(230, 20%, 16%);--bg-glass: hsla(230, 20%, 16%, .6);--text-primary: hsl(0, 0%, 98%);--text-secondary: hsl(230, 15%, 65%);--text-muted: hsl(230, 15%, 45%);--accent-primary: hsl(250, 90%, 65%);--accent-secondary: hsl(300, 90%, 65%);--accent-success: hsl(150, 80%, 45%);--accent-error: hsl(0, 80%, 60%);--border-color: hsla(0, 0%, 100%, .08);--border-highlight: hsla(0, 0%, 100%, .15);--shadow-sm: 0 4px 12px rgba(0,0,0,.2);--shadow-lg: 0 12px 32px rgba(0,0,0,.4);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 999px;--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--transition: all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}body:before,body:after{content:"";position:absolute;width:60vw;height:60vw;border-radius:50%;filter:blur(120px);z-index:-1;opacity:.15;pointer-events:none}body:before{top:-20vw;left:-20vw;background:var(--accent-primary)}body:after{bottom:-20vw;right:-20vw;background:var(--accent-secondary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2}a{color:var(--text-primary);text-decoration:none;transition:var(--transition)}ul{list-style:none}.app-container{max-width:1200px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}header.app-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--border-color)}.brand{font-family:var(--font-display);font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:.5rem}.brand-accent{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:var(--transition)}.card:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-lg)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.status-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;background:var(--bg-surface);border:1px solid var(--border-color)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.success{background:var(--accent-success);box-shadow:0 0 10px var(--accent-success)}.status-dot.error{background:var(--accent-error);box-shadow:0 0 10px var(--accent-error)}.status-dot.neutral{background:var(--text-muted)}.table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-surface)}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}th{font-family:var(--font-display);font-size:.875rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-weight:600;background:#0003}tbody tr{transition:var(--transition);cursor:pointer}tbody tr:hover{background:var(--bg-surface-hover)}tbody tr:last-child td{border-bottom:none}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#ffffff1a,#fff0);border:1px solid var(--border-color);font-family:var(--font-display);font-weight:700}.rank-1{background:linear-gradient(135deg,gold,#b8860b);color:#000;border:none}.rank-2{background:linear-gradient(135deg,#e0e0e0,#9e9e9e);color:#000;border:none}.rank-3{background:linear-gradient(135deg,#cd7f32,#8b4513);color:#fff;border:none}.cover-img{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-surface-hover)}.flex-row{display:flex;align-items:center;gap:1rem}.text-sm{font-size:.875rem;color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.input-control{width:100%;padding:.875rem 1.25rem;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-body);transition:var(--transition);outline:none}.input-control:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #7055f633}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:var(--radius-md);font-family:var(--font-display);font-weight:600;cursor:pointer;transition:var(--transition);border:none;background:var(--bg-surface);color:var(--text-primary)}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;box-shadow:0 4px 15px #7055f64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7055f666}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.chart-container{height:250px;width:100%;margin-top:1rem}.nav-link{color:var(--text-secondary);font-weight:500;padding:.5rem 1rem;border-radius:var(--radius-sm)}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:var(--bg-surface-hover)}