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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.app{display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#1a1f36,#2d3748);color:#fff;display:flex;flex-direction:column;height:100vh;padding:20px 0;position:fixed;width:250px}.sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding:20px}.logo{border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding:20px 25px}.logo h2{color:#4fd1c5;font-size:24px;font-weight:700}.logo span{color:#fff9;font-size:12px;letter-spacing:2px;text-transform:uppercase}.nav-links{list-style:none}.nav-link{align-items:center;color:#ffffffb3;display:flex;font-size:14px;padding:15px 25px;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#ffffff1a;color:#fff}.nav-link.active{background:#4fd1c533;border-left:3px solid #4fd1c5;color:#4fd1c5}.nav-link.disabled{cursor:not-allowed;opacity:.5}.nav-link .icon{font-size:18px;margin-right:12px}.main-content{flex:1 1;margin-left:250px;padding:30px}.dashboard{margin:0 auto;max-width:1400px}.dashboard-header{margin-bottom:30px}.dashboard-header h1{color:#1a1f36;font-size:28px;margin-bottom:5px}.dashboard-header p{color:#718096;font-size:14px}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:25px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.card-title{color:#718096;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.card-icon{font-size:24px}.card-value{color:#1a1f36;font-size:32px;font-weight:700}.card-value.aws{color:#f90}.card-value.azure{color:#0089d6}.card-value.total{color:#4fd1c5}.card-subtitle{color:#a0aec0;font-size:12px;margin-top:5px}.charts-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.chart-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:25px}.chart-card h3{color:#1a1f36;font-size:16px;margin-bottom:20px}.breakdown-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.breakdown-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:25px}.breakdown-card h3{align-items:center;color:#1a1f36;display:flex;font-size:16px;gap:10px;margin-bottom:20px}.breakdown-card h3 .cloud-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 10px}.breakdown-card h3 .cloud-badge.aws{background:#fff3e0;color:#f90}.breakdown-card h3 .cloud-badge.azure{background:#e3f2fd;color:#0089d6}.service-list{max-height:400px;overflow-y:auto}.service-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0}.service-item:last-child{border-bottom:none}.service-name{color:#4a5568;flex:1 1;font-size:14px}.service-cost{color:#1a1f36;font-size:14px;font-weight:600}.service-bar{background:#e2e8f0;border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.service-bar-fill{border-radius:2px;height:100%;transition:width .3s ease}.service-bar-fill.aws{background:#f90}.service-bar-fill.azure{background:#0089d6}.loading{align-items:center;color:#718096;display:flex;height:200px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#4fd1c5;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error{background:#fff5f5;border-radius:8px;color:#c53030;margin-bottom:20px;padding:15px}.coming-soon{align-items:center;color:#718096;display:flex;flex-direction:column;height:60vh;justify-content:center}.coming-soon h1{color:#1a1f36;font-size:32px;margin-bottom:10px}@media (max-width:1200px){.breakdown-section{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{width:70px}.logo h2,.logo span,.nav-link span:not(.icon){display:none}.nav-link{justify-content:center;padding:15px}.nav-link .icon{margin-right:0}.main-content{margin-left:70px}.charts-section{grid-template-columns:1fr}}.app-mobile{display:block}.sidebar-mobile{height:100vh;left:0;position:fixed;top:0;transform:translateX(0);transition:transform .3s ease;width:250px;z-index:999}.main-content-mobile{margin-left:0!important;padding:60px 12px 20px!important;width:100%}.main-content-mobile .dashboard{max-width:100%}.main-content-mobile .dashboard-header h1{font-size:18px}.main-content-mobile table{font-size:10px!important}.main-content-mobile table td,.main-content-mobile table th{padding:6px 4px!important}
/*# sourceMappingURL=main.2ddbe8ce.css.map*/