:root{--app-max-width: 1240px;--app-radius: 8px;--app-radius-sm: 6px;--font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px}*{box-sizing:border-box}html,body{font-family:var(--font-sans);color:var(--s-color-text, #202223)}body{margin:0}.app-content{width:100%;max-width:var(--app-max-width);margin-inline:auto;padding:var(--space-6) 24px var(--space-7)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.page-header__title{min-width:0}.page-header__heading{margin:0;font-size:24px;font-weight:650;line-height:1.2;letter-spacing:-.01em}.page-header__description{margin:var(--space-2) 0 0;color:var(--s-color-text-subdued, #616161);font-size:14px;line-height:1.45;max-width:700px}.page-header__actions{display:flex;gap:var(--space-3);align-items:center;flex-shrink:0}.section{margin-bottom:var(--space-6)}.section__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.section__title{margin:0;font-size:15px;font-weight:600}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.metric-card{min-height:104px;padding:18px var(--space-5);background:var(--s-color-surface, #ffffff);border:1px solid var(--s-color-border-subdued, #e3e3e3);border-radius:var(--app-radius);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-1)}.metric-card__label{font-size:13px;color:var(--s-color-text-subdued, #616161)}.metric-card__value{font-size:28px;font-weight:650;line-height:1.1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.metric-card__context{font-size:12px;color:var(--s-color-text-subdued, #616161);line-height:1.35}.dashboard-main{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:var(--space-5);margin-bottom:var(--space-6)}.breakdown-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:var(--space-5);margin-bottom:var(--space-6)}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-6);align-items:start}.toolbar{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.toolbar__search{width:360px;min-width:280px}.card{background:var(--s-color-surface, #ffffff);border:1px solid var(--s-color-border-subdued, #e3e3e3);border-radius:var(--app-radius);padding:var(--space-5)}.card--compact{padding:var(--space-4)}.progress-track{height:8px;width:100%;border-radius:4px;background:var(--s-color-surface-subdued, #f1f2f3);overflow:hidden}.progress-fill{height:100%;border-radius:4px;background:var(--s-color-surface-primary, #005bd3)}.progress-fill--warning{background:var(--s-color-surface-warning, #b98900)}.progress-fill--critical{background:var(--s-color-surface-critical, #d82c0d)}.progress-fill--critical .progress-fill--success{background:var(--s-color-surface-success, #008060)}.proportional-row{display:flex;align-items:center;gap:var(--space-3)}.proportional-row__bar{height:6px;border-radius:3px;background:var(--s-color-surface-primary, #005bd3)}.clickable-row{cursor:pointer}.clickable-row:hover{background:var(--s-color-surface-hover, #f1f2f3)}.resource-table{width:100%;border-collapse:separate;border-spacing:0}.resource-table th{text-align:left;font-size:12.5px;font-weight:500;color:var(--s-color-text-subdued, #616161);padding:12px 16px;border-bottom:1px solid var(--s-color-border-subdued, #e3e3e3)}.resource-table td{padding:14px 16px;height:56px;line-height:1.45;border-bottom:1px solid var(--s-color-border-subdued, #ebebeb);font-size:14px;vertical-align:middle}.resource-table tr.clickable-row{cursor:pointer}.resource-table tr.clickable-row:hover{background:var(--s-color-surface-hover, #f1f2f3)}.resource-table tr.clickable-row:focus-visible{outline:2px solid var(--s-color-surface-primary, #005bd3);outline-offset:-2px}.resource-table tr.clickable-row td:last-child:after{content:"›";margin-left:8px;color:var(--s-color-text-subdued, #8c9196);font-size:16px;line-height:1}.product-cell__title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-subdued{color:var(--s-color-text-subdued, #616161)}.text-small{font-size:12.5px}.value-strong{font-weight:600;font-variant-numeric:tabular-nums}.state-block{padding:var(--space-7) var(--space-6);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.state-block__title{margin:0;font-size:16px;font-weight:600}.state-block__body{margin:0;color:var(--s-color-text-subdued, #616161);max-width:480px;line-height:1.45}.resource-table-skeleton{display:flex;flex-direction:column}.resource-table-skeleton__header{height:44px;border-bottom:1px solid var(--s-color-border-subdued, #e3e3e3);background:var(--s-color-surface-subdued, #f6f6f7)}.resource-table-skeleton__row{height:56px;border-bottom:1px solid var(--s-color-border-subdued, #ebebeb);background:var(--s-color-surface, #ffffff)}.skeleton-loading-label{padding:12px 16px;font-size:13px;color:var(--s-color-text-subdued, #616161)}.comparison-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4)}.comparison-panel{border:1px solid var(--s-color-border-subdued, #e3e3e3);border-radius:var(--app-radius);padding:var(--space-4);min-height:96px;overflow-wrap:break-word;white-space:pre-wrap;font-size:14px;line-height:1.5}.comparison-panel--current{background:var(--s-color-surface-subdued, #f6f6f7)}.comparison-panel--suggested{background:var(--s-color-surface, #ffffff)}@media(min-width:1280px){.app-content{padding-inline:24px}}@media(max-width:1279px)and (min-width:1024px){.app-content{padding-inline:20px}}@media(max-width:1099px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1023px)and (min-width:768px){.app-content{padding-inline:16px}}@media(max-width:899px){.dashboard-main,.breakdown-grid,.detail-layout{grid-template-columns:minmax(0,1fr)}.toolbar__search{width:100%}}@media(max-width:767px){.app-content{padding-inline:12px}.metric-grid,.comparison-grid{grid-template-columns:minmax(0,1fr)}}.form-field{margin-bottom:var(--space-5)}.form-label{display:block;font-size:14px;font-weight:500;margin-bottom:var(--space-2)}.form-input,.form-textarea,.form-select{width:100%;padding:8px 12px;border:1px solid var(--s-color-border-subdued, #c9cccf);border-radius:var(--app-radius-sm);font-family:inherit;font-size:14px;line-height:1.45;color:inherit;background:var(--s-color-surface, #ffffff)}.form-textarea{height:108px;max-height:360px;resize:vertical}.form-helper{margin-top:var(--space-2);font-size:13px;color:var(--s-color-text-subdued, #616161);line-height:1.4}.settings-layout{max-width:880px}.save-bar{position:sticky;bottom:0;z-index:10;display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) 0;background:var(--s-color-surface, #ffffff);border-top:1px solid var(--s-color-border-subdued, #e3e3e3);margin-top:var(--space-4)}