@import "https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&display=swap";
:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#eff6ff;--color-text-primary:#0d0d0d;--color-text-secondary:#6b7280;--color-text-muted:#8e8e8e;--color-text-white:#fff;--color-page-bg:#f3f4f6;--color-dashboard-bg:#f1f3f7;--color-card-bg:#fff;--color-border:#ececec;--color-border-light:#e5e7eb;--color-divider:#d2d2d2;--color-accent-blue:#2563eb;--color-accent-green:#7bd8b7;--color-accent-purple:#6d35d8;--color-accent-red:#ff7378;--color-accent-teal:#11aaa0;--color-accent-pink:#bf5cf6;--color-success:#059650;--color-success-bg:#ecfdf5;--color-success-border:#d0fbe0;--color-success-note-bg:#effcf6;--color-success-note-border:#d6f6e6;--color-danger:#ef4444;--color-danger-bg:#fff0f2;--color-danger-border:#fedfe3;--color-info:#2563eb;--color-info-bg:#eff6ff;--color-info-border:#e0edff;--color-bar-actual:#6d35d8;--color-bar-remaining:#8dd8bf;--color-bar-exceedance:#ff7778;--color-bar-projected:#c9dcff;--color-forecast-line:#f07d62;--color-grid-line:#e8e8e8;--color-track-bg:#f0f0f0;--color-gain-bg:#ebfff5;--color-gain-border:#baf6d9;--color-gain-text:#059650;--color-token-bg:#faf6ff;--color-token-border:#eadcff;--color-segment-inactive:#ececec;--color-ring-track:#eafffb;--color-ring-start:#58c3e8;--color-ring-mid:#8be3d7;--color-ring-end:#d4f9f3;--color-ring-dot:#fff;--color-roi-area:#17a66a;--color-roi-stroke:#149b5f;--color-muted-icon:#a8afb9}
.dashboard{background:var(--color-dashboard-bg);min-height:100vh;color:var(--color-text-primary)}.top-bar{background:var(--color-card-bg);border-bottom:1px solid var(--color-border);height:64px;padding:0 38px}.dashboard-content{padding:26px 28px}.dashboard-tabs,.dashboard-tabs .MuiTabs-scroller,.dashboard-tabs .MuiTab-root{min-height:42px}.filter-button,.meta-button{color:var(--color-text-secondary);white-space:nowrap}@media (max-width:900px){.dashboard .top-bar{flex-direction:column;align-items:flex-start;gap:12px;height:auto;min-height:64px;padding:16px 20px}.dashboard .filters{justify-content:space-between;gap:12px;width:100%}.dashboard-content{padding:20px 16px}}@media (max-width:640px){.dashboard .filters{flex-direction:column;align-items:flex-start}}
.dashboard-panel{background:var(--color-card-bg);position:relative;box-shadow:0 1px 2px #0d0d0d05}.analysis-button{color:var(--color-primary);white-space:nowrap}.analysis-button .MuiTypography-root{color:inherit}.muted-icon{color:var(--color-muted-icon);cursor:pointer;flex:none}
.summary-card{background:var(--color-card-bg);min-height:180px;position:relative;box-shadow:0 1px 2px #0d0d0d05}.accent-blue{border-bottom:4px solid var(--color-accent-blue)!important}.accent-green{border-bottom:4px solid var(--color-accent-green)!important}.accent-purple{border-bottom:4px solid var(--color-accent-purple)!important}.accent-red{border-bottom:4px solid var(--color-accent-red)!important}.summary-card .summary-detail{color:var(--color-text-primary);margin-top:10px}.inline-badge,.change-pill{border-radius:99px;align-items:center;margin-right:5px;font-style:normal;font-weight:500;line-height:1;display:inline-flex}.inline-badge{color:var(--color-success)}.badge-danger,.change-danger{color:var(--color-danger)}.badge-success,.change-success{color:var(--color-success)}.change-pill{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);margin-inline-start:10px;padding:4px 7px;font-size:11px}.change-pill.change-success{background:var(--color-success-bg);border:1px solid var(--color-success-border)}.change-pill.change-info{background:var(--color-info-bg);border:1px solid var(--color-info-border);color:var(--color-info)}.info-card{z-index:999;background-color:var(--color-card-bg);min-width:400px;max-width:400px;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0f172a1f}@media (max-width:640px){.summary-card{min-height:160px}}
.forecast-chart{grid-template-columns:46px minmax(0,1fr);column-gap:10px;display:grid}.fc-y-axis{text-align:right;height:280px;color:var(--color-text-secondary,#6b7280);flex-direction:column;justify-content:space-between;padding:0;font-size:13px;line-height:1;display:flex}.fc-scroll{width:100%;min-width:0;max-width:100%;overflow:hidden}.fc-scroll::-webkit-scrollbar{display:none}.fc-main{flex-direction:column;width:100%;display:flex;overflow-y:hidden}.fc-plot{border-bottom:1px solid var(--color-grid-line,#e8e8e8);height:280px;position:relative;overflow:hidden}.fc-grid{pointer-events:none;z-index:1;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.fc-grid span{border-top:1px dashed var(--color-grid-line,#e8e8e8)}.fc-grid span:first-child{border-top:none}.fc-bars{z-index:2;align-items:flex-end;gap:clamp(2px,.6vw,8px);padding:0 4px;display:grid;position:absolute;inset:0}.bar-stack{flex-direction:column;justify-content:flex-end;align-items:center;height:100%;display:flex}.bar-hit-area{justify-content:center;align-items:stretch;min-width:0;height:100%;display:flex}.bar-stack>span{width:90%;min-width:18px;max-width:40px;display:block}.actual-bar{background:var(--color-bar-actual,#6366f1)}.remaining-bar{background-color:var(--color-bar-remaining,#6ee7b7);background-image:repeating-linear-gradient(135deg,#ffffffb3 0 2px,#0000 2px 5px)}.exceedance-bar{background-color:var(--color-bar-exceedance,#fca5a5);background-image:repeating-linear-gradient(135deg,#ffffffbf 0 2px,#0000 2px 5px)}.projected-bar{background-color:var(--color-bar-projected,#a5b4fc);background-image:repeating-linear-gradient(135deg,#ffffffd9 0 2px,#0000 2px 5px)}.fc-polyline{z-index:3;pointer-events:none;width:calc(100% - 8px);height:100%;display:block;position:absolute;inset:0 4px;overflow:hidden}.fc-polyline polyline{fill:none;stroke:var(--color-forecast-line,#f87171);stroke-dasharray:5 5;stroke-width:2px;vector-effect:non-scaling-stroke}.fc-x-axis{gap:clamp(2px,.6vw,8px);padding:7px 4px 0;display:grid}.fc-x-label{min-width:0;min-height:31px;color:var(--color-text-secondary,#6b7280);flex-direction:column;justify-content:flex-start;align-items:center;font-size:12px;line-height:1.25;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.legend-actual{background:var(--color-bar-actual,#6366f1)}.legend-exceedance{background:repeating-linear-gradient(135deg, var(--color-bar-exceedance,#fca5a5) 0 2px, var(--color-card-bg,#fff) 2px 4px)}.legend-remaining{background:repeating-linear-gradient(135deg, var(--color-bar-remaining,#6ee7b7) 0 2px, var(--color-card-bg,#fff) 2px 4px)}.legend .legend-forecast{border-top:2px dashed var(--color-forecast-line,#f87171);background:0 0;width:18px;height:0}.forecast-tooltip{box-shadow:none!important;background:0 0!important;padding:0!important}.forecast-tooltip-arrow{color:var(--color-card-bg,#fff)!important}.forecast-tooltip-card{min-width:190px;color:var(--color-text-primary,#0d0d0d);background:var(--color-card-bg,#fff);border:1px solid var(--color-border-light,#e5e7eb);border-radius:8px;padding:12px;box-shadow:0 12px 30px #0f172a24}.forecast-tooltip-title{color:var(--color-text-primary,#0d0d0d);margin:0 0 8px;font-size:12px;font-weight:600}.forecast-tooltip-row{min-height:24px;color:var(--color-text-secondary,#6b7280);grid-template-columns:12px 1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.forecast-tooltip-row strong{color:var(--color-text-primary,#0d0d0d);font-weight:600}.forecast-tooltip-marker{border-radius:3px;width:10px;height:10px}.forecast-tooltip-marker.legend-forecast{border-top:2px dashed var(--color-forecast-line,#f87171);width:12px;height:0}.forecast-skeleton{grid-template-columns:46px minmax(0,1fr);column-gap:10px;margin-top:22px;display:grid}.forecast-skeleton-y-axis{flex-direction:column;justify-content:space-between;align-items:flex-end;height:245px;padding-bottom:33px;display:flex}.forecast-skeleton-main{min-width:0}.forecast-skeleton-plot{border-bottom:1px solid var(--color-grid-line,#e8e8e8);height:245px;position:relative;overflow:hidden}.forecast-skeleton-grid{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.forecast-skeleton-grid span{border-top:1px dashed var(--color-grid-line,#e8e8e8)}.forecast-skeleton-bars{grid-template-columns:repeat(12,minmax(10px,1fr));align-items:flex-end;gap:clamp(2px,.6vw,8px);padding:0 4px;display:grid;position:absolute;inset:0}.forecast-skeleton-bar{border-radius:0;justify-self:center;min-width:8px;max-width:40px;width:90%!important}.forecast-skeleton-x-axis{grid-template-columns:repeat(6,1fr);padding:7px 4px 0;display:grid}.forecast-skeleton-x-axis .MuiSkeleton-root{justify-self:center}@media (max-width:640px){.forecast-chart{grid-template-columns:38px minmax(0,1fr);column-gap:8px;margin-top:18px}.fc-y-axis,.fc-plot{height:220px}.fc-y-axis{font-size:11px}.fc-bars,.fc-x-axis{gap:3px;padding-left:3px;padding-right:3px}.fc-polyline{inset:0 3px}.fc-x-label{min-height:28px;font-size:10px}.forecast-skeleton{grid-template-columns:38px minmax(0,1fr);column-gap:8px;margin-top:18px}.forecast-skeleton-y-axis,.forecast-skeleton-plot{height:220px}.forecast-skeleton-y-axis{padding-bottom:31px}.forecast-skeleton-bars{gap:3px;padding-left:3px;padding-right:3px}}
.table-header{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);margin-top:30px;padding-bottom:10px}.progress-list{padding-top:8px}.progress-row,.compact-progress-row{color:var(--color-text-primary);margin-bottom:18px}.progress-track{background:var(--color-track-bg);border-radius:4px;height:10px;margin-top:8px;overflow:hidden}.progress-fill{background:var(--color-accent-purple);border-radius:4px;height:100%;display:block}.fill-blue{background:var(--color-accent-blue)}.fill-pink{background:var(--color-accent-pink)}.fill-teal{background:var(--color-accent-teal)}.fill-purple{background:var(--color-accent-purple)}.service-list{padding-top:12px}.big-value{color:var(--color-text-secondary)}
.engine-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px}.architecture-panel.dashboard-panel,.api-panel.dashboard-panel{min-height:368px}.api-panel.dashboard-panel{flex-direction:column;display:flex}.api-panel.dashboard-panel .health-wrap{flex:1}.inner-card{box-shadow:none;min-height:0}.roi-chart{align-self:end;width:100%;height:106px}.roi-metric{align-self:start}.dashboard-panel .savings{color:var(--color-text-primary);font-size:28px;font-weight:600;line-height:1.05}.savings-label{margin-top:4px;display:block}.gain-box{border:1px solid var(--color-gain-border);background:var(--color-gain-bg);width:fit-content;min-height:48px;color:var(--color-gain-text);border-radius:8px;grid-template-columns:auto auto;align-items:center;column-gap:8px;padding:8px 12px}.gain-box img{grid-row:1/3}.gain-box strong{font-size:14px;line-height:1.2}.gain-box span{grid-column:2;font-size:10px;line-height:1.1}.dashboard-panel .success-note{border:1px solid var(--color-success-note-border);background:var(--color-success-note-bg);margin-top:6px;padding:10px}.success-note strong{color:var(--color-success);font-weight:600}.stat-line{border-top:1px solid var(--color-border);padding:8px 0}.stat-line.no-border{border-top:none}.ratio-card{flex-direction:column;display:flex}.ratio-card .ratio-content{flex-direction:column;flex:1;justify-content:space-between;gap:16px;padding-top:12px;display:flex}.ratio-card .ratio-value{color:var(--color-text-primary);margin-top:0;font-size:32px;font-weight:700;line-height:1.05}.ratio-metric,.ratio-cache{margin-block:auto}.purple-text{color:var(--color-accent-purple)}.segment-bar{grid-template-columns:repeat(11,1fr);gap:6px}.segment-bar span{background:var(--color-segment-inactive);border-radius:2px;height:11px}.segment-bar .segment-active{background:var(--color-accent-purple)}.token-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.token-box{border:1px solid var(--color-token-border);background:var(--color-token-bg)}@media (max-width:1920px){.engine-grid{grid-template-columns:1fr}}@media (max-width:1024px){.engine-grid{grid-template-columns:1fr}}@media (max-width:640px){.token-grid,.roi-grid{grid-template-columns:1fr}}
.health-wrap{justify-content:center;gap:24px;min-height:278px;padding-top:14px}.ring-chart-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.ring-center-text{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-center-text strong{color:var(--color-text-primary);font-size:24px;line-height:1}.ring-center-text small{color:var(--color-text-secondary);margin-top:4px}.response-speed{border:1px solid var(--color-border-light)}
html,body,#__next{min-height:100%}body{background:var(--color-page-bg);margin:0}button,input,textarea,select{font:inherit}