*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#__next,body,html{height:100%;width:100%}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:25px;gap:25px;margin-bottom:40px}.metric-card{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;padding:35px;margin-bottom:30px;border:1px solid hsla(0,0%,100%,.3);transition:all .3s ease;position:relative;overflow:hidden}.metric-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.metric-card.blue,.metric-card.green,.metric-card.purple,.metric-card.red,.metric-card.yellow{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.3)}.metric-card .metric-label,.metric-card .metric-title,.metric-card h3{font-weight:600;color:#1f2937}.metric-card .metric-amount,.metric-card .metric-label,.metric-card .metric-title,.metric-card .metric-value,.metric-card h3{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.metric-card .metric-amount,.metric-card .metric-value{font-weight:700;color:#111827}.metric-card .metric-description,.metric-card .metric-subtitle{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;color:#6b7280;margin:0;padding:0}.dashboard-section{margin:40px 0}.section-title{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:25px;display:flex;align-items:center;gap:10px}.margin-analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px;margin:30px 0}.margin-card{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:25px;border:2px solid hsla(0,0%,100%,.3);text-align:center;transition:all .3s ease}.margin-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(0,0,0,.1)}.margin-card.current{border-color:rgba(59,130,246,.5);background:linear-gradient(135deg,rgba(59,130,246,.1),hsla(0,0%,100%,.95))}.margin-card.target{border-color:rgba(168,85,247,.5);background:linear-gradient(135deg,rgba(168,85,247,.1),hsla(0,0%,100%,.95))}.margin-card.projected{border-color:rgba(34,197,94,.5);background:linear-gradient(135deg,rgba(34,197,94,.1),hsla(0,0%,100%,.95))}.margin-card h3{font-size:16px;font-weight:600;color:#6b7280;margin-bottom:15px}.margin-value{font-size:36px;font-weight:800;color:#111827;margin-bottom:20px}.margin-detail{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#6b7280}.recommendations-section{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:25px;margin-top:30px;border:1px solid hsla(0,0%,100%,.3)}.recommendations-section h3{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:20px}.recommendations-list{display:flex;flex-direction:column;gap:15px}.recommendation-item{display:flex;align-items:flex-start;gap:12px;padding:15px;background:rgba(168,85,247,.1);border-radius:12px;border-left:4px solid rgba(168,85,247,.5)}.recommendation-bullet{font-size:16px;flex-shrink:0}.recommendation-text{font-size:14px;color:#374151;line-height:1.5}.agent-recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:25px;gap:25px;margin:30px 0}.agent-recommendation-card{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:25px;border:2px solid hsla(0,0%,100%,.3);transition:all .3s ease}.agent-recommendation-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.1);border-color:rgba(59,130,246,.5)}.agent-header{gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(156,163,175,.2)}.agent-avatar,.agent-header{display:flex;align-items:center}.agent-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);justify-content:center;color:#fff;font-size:20px;font-weight:700;flex-shrink:0}.agent-info{flex:1 1}.agent-info h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 5px}.agent-score{color:#059669}.agent-margin,.agent-score{font-size:14px;font-weight:600}.agent-margin{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:8px 16px;border-radius:20px;flex-shrink:0}.agent-metrics{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px;margin-bottom:20px}.agent-metrics .metric{display:flex;flex-direction:column;gap:5px}.agent-metrics .label{font-size:12px;color:#6b7280;font-weight:500}.agent-metrics .value{font-size:16px;font-weight:600;color:#1f2937}.agent-specialties h4{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:10px}.specialties-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.specialty-tag{background:rgba(99,102,241,.1);color:#6366f1;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid rgba(99,102,241,.2)}.agent-reasoning{font-size:14px;color:#374151;line-height:1.5;padding:15px;background:rgba(251,191,36,.1);border-radius:12px;border-left:4px solid rgba(251,191,36,.5)}.optimizations-table{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:25px;border:1px solid hsla(0,0%,100%,.3);overflow-x:auto}.table-header{background:rgba(243,244,246,.8);border-radius:12px;margin-bottom:20px;font-weight:600;color:#374151;font-size:14px}.table-header,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1.5fr;grid-gap:20px;gap:20px;padding:15px}.table-row{border-bottom:1px solid rgba(156,163,175,.2);align-items:center}.table-row:hover{background:rgba(59,130,246,.05)}.agent-name{display:flex;align-items:center;gap:10px;font-weight:500}.agent-icon{font-size:18px}.cost.current{color:#dc2626;font-weight:600}.cost.optimized,.savings{color:#059669;font-weight:600}.efficiency{font-weight:500}.provider{font-size:13px;color:#6b7280}.empty-state{text-align:center;padding:80px 20px;color:#6b7280}.empty-emoji{font-size:64px;margin-bottom:20px}.empty-state h2{font-size:24px;font-weight:600;color:#374151;margin-bottom:15px}.empty-state p{font-size:16px;margin-bottom:40px;max-width:500px;margin-left:auto;margin-right:auto}.empty-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:25px;gap:25px;max-width:900px;margin:0 auto}.feature-item{display:flex;align-items:flex-start;gap:15px;text-align:left}.feature-icon{flex-shrink:0}.feature-text h4{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:8px}.feature-text p{font-size:14px;color:#6b7280;line-height:1.5;margin:0}.loading-state{text-align:center;padding:80px 20px;color:#6b7280}.loading-emoji{font-size:64px;margin-bottom:20px;animation:bounce 1.5s ease-in-out infinite}.loading-state h2{font-size:24px;font-weight:600;color:#374151;margin-bottom:15px}.loading-state p{font-size:16px;margin-bottom:30px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.analytics-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 40px;min-height:60vh;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;border:1px solid hsla(0,0%,100%,.3);margin:20px 0}.analytics-empty-icon{font-size:80px;margin-bottom:25px;animation:float 3s ease-in-out infinite}.analytics-empty-title{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.analytics-empty-subtitle{color:#6b7280;line-height:1.6;margin-bottom:40px;max-width:600px}.analytics-cta-button,.analytics-empty-subtitle{font-size:18px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.analytics-cta-button{display:flex;flex-direction:column;align-items:center;gap:8px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;padding:20px 40px;border-radius:20px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 25px rgba(59,130,246,.3);margin-bottom:50px}.analytics-cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(59,130,246,.4);background:linear-gradient(135deg,#2563eb,#7c3aed)}.analytics-cta-button:active{transform:translateY(-1px)}.analytics-cta-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.cta-icon{font-size:24px}.cta-text{font-size:18px;font-weight:600}.cta-description{font-size:14px;opacity:.9;font-weight:400}.analytics-features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:25px;gap:25px;max-width:900px;width:100%;margin-top:20px}.analytics-feature-card{background:rgba(249,250,251,.8);border:1px solid rgba(209,213,219,.3);border-radius:16px;padding:25px 20px;text-align:center;transition:all .3s ease}.analytics-feature-card:hover{background:rgba(243,244,246,.9);transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.05)}.feature-icon{font-size:32px;margin-bottom:15px;display:block}.feature-title{font-size:16px;font-weight:600;color:#374151;margin-bottom:10px}.feature-description,.feature-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.feature-description{font-size:14px;color:#6b7280;line-height:1.5}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1024px){.agent-recommendations-grid,.analytics-features-grid,.empty-features,.margin-analysis-grid{grid-template-columns:1fr}.analytics-features-grid{gap:20px}}@media (max-width:768px){.table-header,.table-row{grid-template-columns:1fr;gap:10px}.table-header>div:not(:first-child),.table-row>div:not(:first-child){display:none}.agent-metrics{grid-template-columns:1fr}.analytics-empty-state{padding:60px 20px;min-height:50vh}.analytics-empty-icon{font-size:64px}.analytics-empty-title{font-size:28px}.analytics-empty-subtitle{font-size:16px}.analytics-cta-button{padding:16px 32px;margin-bottom:40px}.cta-text{font-size:16px}.analytics-features-grid{gap:15px}.analytics-feature-card{padding:20px 15px}}