*{box-sizing:border-box}body,html{-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;height:100%;margin:0;padding:0;width:100%}#root{min-height:100vh;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#f3f4fb}.App,.dashboard-container{min-height:100vh;width:100%}.dashboard-container{display:flex;flex-direction:column}.dashboard-header{background-color:#111827;border-bottom:1px solid #111827;justify-content:space-between;padding:.75rem 2.5rem}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:.75rem}.app-logo-mark{grid-gap:3px;background-color:#1f2937;border-radius:8px;box-shadow:0 0 0 1px #374151cc;display:grid;gap:3px;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px);padding:6px}.app-logo-square{background:linear-gradient(135deg,#4f46e5,#22c55e);border-radius:2px;height:8px;width:8px}.app-title{color:#f9fafb;font-size:.95rem;font-weight:600;letter-spacing:.02em}.header-right{align-items:center;display:flex;font-size:.9rem;gap:1rem}.header-user-name{color:#e5e7eb}.header-avatar{align-items:center;background-color:#111827;border:1px solid #4b5563;border-radius:999px;color:#e5e7eb;display:flex;font-size:.8rem;font-weight:600;height:32px;justify-content:center;width:32px}.header-logout{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:.85rem;padding:0}.header-logout:hover{color:#f3f4f6}.dashboard-layout{display:flex;flex:1 1;max-width:100%;width:100%}.sidebar{background-color:#f9fafb;border-right:1px solid #e2e8f0;padding:1.5rem 0;width:240px}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;padding:0 .75rem}.nav-item{align-items:center;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;gap:.75rem;padding:.6rem .95rem;position:relative;transition:all .2s ease}.nav-item:hover{background-color:#eef2ff;color:#2d3748}.nav-item.active{background-color:#e0e7ff;color:#1d4ed8;font-weight:500}.nav-item.active:before{background:linear-gradient(180deg,#4f46e5,#2563eb);border-radius:999px;bottom:8px;content:"";left:.55rem;position:absolute;top:8px;width:3px}.nav-icon{font-size:.95rem}.nav-text{font-size:.88rem}.main-content{flex:1 1;max-width:100%;overflow-y:auto;padding:1.75rem 2.5rem 2.5rem;width:100%}.content-header{margin-bottom:1.6rem}.content-header h2{color:#1a202c;font-size:1.35rem;font-weight:600;margin:0 0 .5rem}.content-header .subtitle{color:#718096;font-size:1rem;margin:0}.metrics-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:2rem}.metric-card{background-color:#fff;border:1px solid #94a3b84d;border-radius:12px;box-shadow:0 3px 10px #0f172a08;display:flex;flex-direction:column;gap:.25rem;padding:1.1rem 1.25rem}.metric-label{color:#6b7280;font-size:.9rem}.metric-value{color:#111827;font-size:1.4rem;font-weight:600}.metric-subvalue{color:#6b7280;font-size:.85rem}.metric-subvalue.positive{color:#059669}.metric-card.skeleton{background-color:#f3f4f6;overflow:hidden;position:relative}.skeleton-line{animation:skeleton-loading 1.4s ease-in-out infinite;background:linear-gradient(90deg,#eceff4,#f9fafb 50%,#eceff4);border-radius:999px;height:10px;margin-bottom:.5rem}.skeleton-line.short{width:50%}.skeleton-line.medium{height:16px;width:70%}.skeleton-line.tiny{width:35%}@keyframes skeleton-loading{0%{transform:translateX(-10%)}50%{transform:translateX(10%)}to{transform:translateX(-10%)}}.section-header{margin-bottom:1rem}.section-header h3{color:#1f2933;font-size:1.05rem;font-weight:600;margin:0 0 .35rem}.section-header p{color:#6b7280;font-size:.9rem;margin:0}.embedded-container{align-items:stretch;background-color:#f7f8fa;border:1px solid #94a3b840;border-radius:10px;box-shadow:0 6px 18px #0f172a0a;box-sizing:border-box;display:flex;justify-content:stretch;margin:0;max-width:100%;min-height:500px;overflow-x:hidden;padding:1.25rem 1.5rem 1.5rem;width:100%}.connector-skeleton{align-items:center;display:flex;flex-direction:column;gap:1.5rem;height:100%;justify-content:center;width:100%}.connector-skeleton-icon-row{display:flex;gap:.5rem}.skeleton-pill{animation:skeleton-loading 1.4s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb,#f3f4f6 50%,#e5e7eb);border-radius:999px;height:32px;width:32px}.connector-skeleton-body{display:flex;flex-direction:column;gap:.75rem;max-width:520px;width:60%}.skeleton-block{animation:skeleton-loading 1.4s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb,#f3f4f6 50%,#e5e7eb);border-radius:12px;height:52px}.embedded-container *{box-sizing:border-box}.embedded-container>*{flex:1 1 100%;max-width:100%!important;min-width:0!important;width:100%!important}.embedded-container iframe{display:block!important;max-width:100%!important;min-width:100%!important;width:100%!important}.embedded-container div,.embedded-container>div{max-width:100%!important;min-width:0!important;width:100%!important}.embedded-container [style*=width]{max-width:100%!important;width:100%!important}.error-state{align-items:center;color:#742a2a;display:flex;flex-direction:column;gap:1rem;max-width:400px;text-align:center}.error-icon{font-size:3rem}.error-state h3{font-size:1.25rem;font-weight:600;margin:0}.error-state p{color:#c53030;font-size:.95rem;margin:0}.retry-button{background-color:#3182ce;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.retry-button:hover{background-color:#2c5282}.retry-button:active{transform:scale(.98)}@media (max-width:768px){.dashboard-layout{flex-direction:column}.sidebar{border-bottom:1px solid #e2e8f0;border-right:none;width:100%}.sidebar-nav{flex-direction:row;overflow-x:auto}.nav-item{flex-direction:column;gap:.25rem;min-width:80px;text-align:center}.nav-text{font-size:.75rem}.main-content{padding:1rem}.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}}
/*# sourceMappingURL=main.836c578a.css.map*/