body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-navbar{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px 0 #0000001a;position:sticky;top:0;z-index:50}.navbar-content{height:4rem;justify-content:space-between;margin:0 auto;max-width:80rem;padding:0 1.5rem}.navbar-brand,.navbar-content{align-items:center;display:flex}.navbar-brand{color:#111827;font-size:1.25rem;font-weight:700;gap:.75rem}.nav-link,.navbar-links{display:flex;gap:.5rem}.nav-link{align-items:center;background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.nav-link:hover{background:#f3f4f6;color:#374151}.nav-link.active{background:#eff6ff;color:#3b82f6}.main-content{flex:1 1;overflow-x:hidden}.slides-container{background:#f9fafb;margin:0 auto;max-width:80rem;min-height:calc(100vh - 4rem);padding:2rem 1.5rem}.slide-navigation{margin-bottom:2rem;text-align:center}.slide-navigation h2{color:#111827;font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.slide-navigation p{color:#6b7280;font-size:1.125rem}.slides-content{display:flex;flex-direction:column;gap:3rem}.slide{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;padding:2rem}.slide h3{border-bottom:3px solid #3b82f6;color:#111827;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem}.slide-two-column{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.slide-column h4{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.cost-category{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.cost-category h5{color:#374151;font-size:1rem;font-weight:600;margin-bottom:.5rem}.cost-category ul{list-style:disc;margin-left:1.5rem}.cost-category li{color:#4b5563;line-height:1.5;margin-bottom:.25rem}.challenge-box{background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-top:1rem;padding:1rem}.challenge-box h5{color:#dc2626;font-weight:600;margin-bottom:.75rem}.challenge-box ul{list-style:disc;margin-bottom:0;margin-left:1.5rem}.challenge-box li{color:#4b5563;line-height:1.5;margin-bottom:.5rem;padding-left:.25rem}.solution-highlight{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #bfdbfe;border-radius:.75rem;padding:1.5rem}.solution-highlight h4{color:#1e40af;font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.solution-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.solution-item{background:#fff;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;padding:1rem}.solution-item h5{color:#374151;font-weight:600;margin-bottom:.5rem}.solution-item p{color:#6b7280;font-size:.875rem;line-height:1.5}.data-sources-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:2rem}.data-source-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.data-source-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.data-source-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.data-source-header h4{color:#111827;font-size:1.125rem;font-weight:600}.data-source-purpose{background:#f9fafb;border-radius:.375rem;color:#6b7280;font-style:italic;margin-bottom:1rem;padding:.75rem}.data-source-details h5{color:#374151;font-weight:600;margin:1rem 0 .5rem}.data-source-details ul{list-style:disc;margin-bottom:.75rem;margin-left:1.5rem}.data-source-details li{color:#4b5563;line-height:1.4;margin-bottom:.25rem}.integration-framework{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.75rem;padding:1.5rem}.integration-framework h4{color:#166534;font-size:1.25rem;font-weight:700;margin-bottom:1rem;text-align:center}.framework-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.framework-item{background:#fff;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;padding:1rem}.framework-item h5{color:#374151;font-weight:600;margin-bottom:.5rem}.framework-item p{color:#6b7280;font-size:.875rem;line-height:1.5}.architecture-container{background:#f9fafb;margin:0 auto;max-width:80rem;min-height:calc(100vh - 4rem);padding:2rem 1.5rem}.architecture-header{margin-bottom:2rem;text-align:center}.architecture-header h2{color:#111827;font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.architecture-header p{color:#6b7280;font-size:1.125rem}.architecture-diagram{align-items:center;box-shadow:0 4px 6px -1px #0000001a;display:flex;justify-content:center;margin-bottom:2rem}.architecture-details,.architecture-diagram{background:#fff;border-radius:.75rem;padding:2rem}.architecture-details{box-shadow:0 1px 3px 0 #0000001a}.architecture-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.architecture-item{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:.5rem;padding:1.5rem}.architecture-item h4{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.architecture-item p{color:#6b7280;line-height:1.6}.dashboard-container,.landing-container{min-height:calc(100vh - 4rem)}@media (max-width:768px){.navbar-content{flex-direction:column;gap:1rem;height:auto;padding:1rem 1.5rem}.navbar-links{flex-wrap:wrap;justify-content:center}.header-content{flex-direction:column;gap:1rem}.controls-grid,.data-sources-grid,.navigation-grid,.slide-two-column{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.architecture-grid{grid-template-columns:1fr}}@media (max-width:480px){.framework-grid,.metrics-grid,.solution-grid,.stats-grid{grid-template-columns:1fr}}.landing-container{background:linear-gradient(135deg,#f9fafb,#eff6ff 50%,#e0f2fe);min-height:100vh}.header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px 0 #0000000d}.header-content{justify-content:space-between;margin:0 auto;max-width:80rem;padding:1.5rem}.header-content,.header-left{align-items:center;display:flex}.header-left{gap:1rem}.logo-section{gap:.75rem}.logo-icon,.logo-section{align-items:center;display:flex}.logo-icon{background:#3b82f6;border-radius:.5rem;justify-content:center;padding:.5rem}.logo-text h1{color:#111827;font-size:1.875rem;font-weight:700;margin:0}.logo-text p{color:#6b7280;margin:0}.header-right{align-items:center;display:flex;gap:1rem}.total-cost{text-align:right}.cost-label{color:#6b7280;font-size:.875rem;margin:0}.cost-amount{color:#111827;font-size:1.5rem;font-weight:700;margin:0}.user-avatar{background:#3b82f6;color:#fff;font-size:1.125rem;height:3rem;width:3rem}.hero-section{margin:0 auto;max-width:80rem;padding:3rem 1.5rem}.hero-content{margin-bottom:3rem;text-align:center}.hero-content h2{color:#111827;font-size:2.25rem;font-weight:700;margin-bottom:1rem}.hero-content p{color:#6b7280;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:48rem}.navigation-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:3rem}.nav-card{border-radius:1rem;color:#fff;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.nav-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:scale(1.05)}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.card-icon{background:#fff3;border-radius:.5rem;padding:.75rem}.arrow-icon{opacity:.6;transition:all .3s ease}.nav-card:hover .arrow-icon{opacity:1;transform:translateX(.25rem)}.nav-card h3{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.card-description{color:#ffffffe6;line-height:1.5;margin-bottom:1.5rem}.card-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.stat-item{text-align:center}.stat-value{font-size:1.5rem;font-weight:700;margin:0}.stat-label{color:#fffc;font-size:.875rem;margin:0;text-transform:capitalize}.quick-stats{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:2rem}.quick-stats h3{color:#111827;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{text-align:center}.stat-icon{align-items:center;border-radius:50%;display:flex;height:4rem;justify-content:center;margin:0 auto 1rem;width:4rem}.stat-icon.blue{background:#dbeafe;color:#3b82f6}.stat-icon.green{background:#dcfce7;color:#16a34a}.stat-icon.purple{background:#f3e8ff;color:#a855f7}.stat-icon.orange{background:#fed7aa;color:#ea580c}.stat-number{color:#111827;font-size:1.875rem;font-weight:700;margin:0}.stat-text{color:#6b7280;margin:0}.dashboard-container{background:#f9fafb;min-height:100vh}.dashboard-header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px 0 #0000000d}.dashboard-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:80rem;padding:1rem 1.5rem}.back-button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:1rem;font-weight:500;margin-right:1rem}.back-button:hover{color:#1d4ed8}.header-actions{align-items:center;display:flex;gap:1rem}.icon-button{background:none;border:none;border-radius:.25rem;color:#9ca3af;cursor:pointer;padding:.5rem}.icon-button:hover{color:#6b7280}.controls-section{margin:0 auto;max-width:80rem;padding:1.5rem}.controls-grid{grid-gap:1rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:1.5rem}.control-group{display:flex;flex-direction:column}.control-group label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.select-wrapper{position:relative}.select-wrapper select{appearance:none;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;font-size:1rem;padding:.75rem;width:100%}.select-wrapper select:hover{border-color:#3b82f6}.select-wrapper select:focus{ring:2px;ring-color:#3b82f6;border-color:#3b82f6;outline:none}.select-icon{color:#9ca3af;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:80rem;padding:0 1.5rem 1.5rem}.metric-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;padding:1.5rem}.metric-content{align-items:center;display:flex;justify-content:space-between}.metric-text{flex:1 1}.metric-label{color:#6b7280;font-size:.875rem;font-weight:500;margin:0 0 .25rem}.metric-value{color:#111827;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.metric-change{color:#6b7280;font-size:.875rem;margin:0}.metric-change.positive{color:#16a34a}.metric-icon{align-items:center;border-radius:50%;display:flex;height:3rem;justify-content:center;margin-left:1rem;width:3rem}.metric-icon.blue{background:#dbeafe;color:#3b82f6}.metric-icon.green{background:#dcfce7;color:#16a34a}.metric-icon.purple{background:#f3e8ff;color:#a855f7}.metric-icon.cyan{background:#cffafe;color:#0891b2}.charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:0 auto;max-width:80rem;padding:0 1.5rem 1.5rem}.chart-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;padding:1.5rem}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.chart-header h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.table-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;margin:0 auto 1.5rem;max-width:80rem;padding:0 1.5rem}.table-header{align-items:center;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.table-header h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.primary-button{background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.primary-button:hover{background:#1d4ed8}.table-container{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table th{border-bottom:1px solid #e5e7eb;color:#374151;font-weight:500;padding:.75rem 1rem;text-align:left}.users-table td{border-bottom:1px solid #f3f4f6;padding:.75rem 1rem}.users-table tr:hover{background:#f9fafb}.user-cell{gap:.75rem}.user-avatar,.user-cell{align-items:center;display:flex}.user-avatar{background:#dbeafe;border-radius:50%;color:#3b82f6;font-size:.875rem;font-weight:500;height:2rem;justify-content:center;width:2rem}.user-name{color:#111827;font-weight:500}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .625rem}.badge.blue{background:#dbeafe;color:#1e40af}.badge.purple{background:#f3e8ff;color:#7c3aed}.badge.green{background:#dcfce7;color:#16a34a}.cost-cell{color:#111827;font-weight:600;text-align:right}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem}.controls-grid,.navigation-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.metrics-grid,.stats-grid{grid-template-columns:1fr}}.sub-navbar{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:0}.sub-navbar .navbar-content{margin:0 auto;max-width:1200px;padding:0 2rem}.sub-navbar .navbar-links{display:flex;gap:.5rem;padding:.75rem 0}.sub-navbar .nav-link{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.sub-navbar .nav-link:hover{background-color:#e2e8f0;color:#334155}.sub-navbar .nav-link.active{background-color:#3b82f6;box-shadow:0 2px 4px #3b82f64d;color:#fff}.app-container .main-content{padding-top:0}
/*# sourceMappingURL=main.96ee689f.css.map*/