@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem;animation:scaleIn .6s ease .2s both}.stat-card{background:linear-gradient(135deg,#fffffff2,#ffffffd9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.8);border-radius:1.5rem;padding:2rem;display:flex;align-items:center;gap:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0000000a,0 0 0 1px #ffffff80 inset;position:relative;overflow:hidden;cursor:pointer}.stat-card:before{content:"";position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle,var(--stat-color, #3b82f6) 0%,transparent 70%);opacity:.08;transform:translate(40%,-40%);transition:all .4s ease}.stat-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--stat-color, #3b82f6),transparent);opacity:0;transition:opacity .4s ease}.stat-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000001a,0 0 0 1px #6366f11a inset;border-color:var(--stat-color, #3b82f6)}.stat-card:hover:before{opacity:.15;transform:translate(30%,-30%) scale(1.2)}.stat-card:hover:after{opacity:1}.stat-icon{width:70px;height:70px;border-radius:1.25rem;background:linear-gradient(135deg,var(--stat-color, #3b82f6),color-mix(in srgb,var(--stat-color, #3b82f6) 80%,#000 20%));opacity:.15;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;transition:all .4s ease}.stat-card:hover .stat-icon{opacity:.2;transform:rotate(-5deg) scale(1.1)}.stat-icon svg{color:var(--stat-color, #3b82f6);position:relative;z-index:1;width:32px;height:32px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.stat-content{flex:1;min-width:0}.stat-value{font-size:2.5rem;font-weight:800;color:#0f172a;line-height:1;margin-bottom:.625rem;letter-spacing:-.02em;transition:color .3s ease}.stat-card:hover .stat-value{color:var(--stat-color, #3b82f6)}.stat-label{font-size:.9375rem;color:#64748b;font-weight:600;letter-spacing:.01em;text-transform:uppercase}.stat-trend{display:inline-flex;align-items:center;gap:.375rem;margin-top:.75rem;padding:.375rem .75rem;border-radius:.75rem;font-size:.8125rem;font-weight:700;letter-spacing:.01em;transition:all .3s ease}.stat-trend.positive{color:#10b981;background:linear-gradient(135deg,#10b98126,#10b98114);border:1px solid rgba(16,185,129,.2)}.stat-trend.negative{color:#f59e0b;background:linear-gradient(135deg,#f59e0b26,#f59e0b14);border:1px solid rgba(245,158,11,.2)}.stat-card:hover .stat-trend{transform:scale(1.05)}.stat-card.clickable{cursor:pointer}.stat-card.clickable:active{transform:translateY(-2px) scale(.98)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;gap:2rem;padding:2rem;background:linear-gradient(135deg,#fffffff2,#fffc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.5rem;border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #0000000f;animation:slideIn .6s ease}.header-content{flex:1}.page-title{font-size:2.5rem;font-weight:800;color:#0f172a;margin:0 0 .75rem;background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.page-subtitle{font-size:1.125rem;color:#64748b;margin:0;font-weight:500}.header-actions{display:flex;align-items:center;gap:1rem}.content-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.8);border-radius:1.5rem;padding:2rem;box-shadow:0 4px 16px #0000000a,0 0 0 1px #ffffff80 inset;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.content-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#a78bfa);opacity:0;transition:opacity .4s ease}.content-section:hover{transform:translateY(-4px);box-shadow:0 12px 32px #3b82f61f,0 0 0 1px #3b82f61a inset}.content-section:hover:before{opacity:1}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.section-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0;background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;border:none;border-radius:1rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #3b82f64d;white-space:nowrap;text-decoration:none;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px #3b82f666}.btn-primary:active{transform:translateY(-1px) scale(.98)}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#fffffff2,#ffffffd9);color:#3b82f6;border:2px solid #3b82f6;border-radius:1rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-secondary:hover{background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f640}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:1.5rem;box-shadow:0 4px 16px #0000000a}.spinner{width:48px;height:48px;border:4px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:1.5rem;font-size:1rem;color:#64748b;font-weight:500}.error-banner,.success-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:1rem;font-size:.9375rem;margin-bottom:2rem;animation:slideIn .3s ease}.error-banner{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.3);color:#ef4444}.success-banner{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid rgba(16,185,129,.3);color:#10b981}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:1.5rem;box-shadow:0 4px 16px #0000000a;text-align:center}.empty-icon{color:#cbd5e1;margin-bottom:1.5rem}.empty-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 .75rem}.empty-description{font-size:1.125rem;color:#64748b;margin:0 0 2rem;max-width:400px}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.stat-card{padding:1.5rem}.stat-icon{width:60px;height:60px}.stat-value{font-size:2rem}}@media (max-width: 768px){.page-header{flex-direction:column;align-items:stretch;padding:1.5rem;gap:1.5rem}.page-title{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.25rem}.stat-icon{width:50px;height:50px}.stat-icon svg{width:24px;height:24px}.stat-value{font-size:1.75rem}.stat-label{font-size:.8125rem}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;background:linear-gradient(180deg,#fafbfc,#f1f5f9,#fafbfc);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(59,130,246,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.08) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 30s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.global-orb{position:fixed;border-radius:50%;filter:blur(60px);opacity:.3;pointer-events:none;z-index:0}.global-orb-1{width:400px;height:400px;background:linear-gradient(135deg,#3b82f6,#60a5fa);top:-200px;left:-200px}.global-orb-2{width:500px;height:500px;background:linear-gradient(135deg,#2563eb,#60a5fa);bottom:-250px;right:-250px}.global-orb-3{width:300px;height:300px;background:linear-gradient(135deg,#3b82f6,#60a5fa);top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-50px) scale(1.1)}50%{transform:translate(-30px,30px) scale(.9)}75%{transform:translate(30px,50px) scale(1.05)}}app-root{position:relative;z-index:1}@media (prefers-color-scheme: dark){body{background:linear-gradient(180deg,#0f172a,#1e293b,#0f172a)}body:before{background-image:linear-gradient(rgba(59,130,246,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.15) 1px,transparent 1px)}.global-orb{opacity:.2}}