:root{color:#18231f;background:#f7f8f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:0}button,input,select,textarea{font:inherit}button{align-items:center;border:1px solid #cdd7cf;border-radius:8px;background:#fff;color:#18231f;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;min-height:40px;padding:0 12px}button:disabled{cursor:progress;opacity:.65}button:hover,button.active{border-color:#23615a;color:#153f3a}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:#173d39;color:#f7f8f4;display:flex;flex-direction:column;gap:32px;padding:28px 20px}.sidebar h1{font-size:24px;line-height:1.15;margin:4px 0 0}.sidebar nav{display:grid;gap:8px}.sidebar button{background:transparent;border-color:#ffffff2e;color:#f7f8f4;justify-content:flex-start}.sidebar button.active,.sidebar button:hover{background:#ffffff1c;border-color:#ffffff61;color:#fff}.logout-button{margin-top:auto}main{min-width:0;padding:32px}.login-shell{align-items:center;display:grid;min-height:100vh;padding:24px;place-items:center}.login-panel{background:#fff;border:1px solid #dce3dd;border-radius:8px;display:grid;gap:18px;max-width:420px;padding:28px;width:100%}.login-panel h1{font-size:28px;margin:0}.login-panel form,.upload-form{display:grid;gap:12px}.google-login-button{align-items:center;background:#fff;border:1px solid #cdd7cf;border-radius:8px;color:#18231f;display:inline-flex;font-weight:650;justify-content:center;min-height:44px;padding:0 14px;text-decoration:none}.google-login-button:hover{border-color:#23615a;color:#153f3a}.login-divider{align-items:center;color:#7a8781;display:flex;font-size:12px;gap:10px}.login-divider:before,.login-divider:after{background:#dce3dd;content:"";flex:1;height:1px}.generate-stack{display:grid;gap:16px}.error-text{color:#a33131;font-size:13px;margin:0}.muted-text{color:#62716b;line-height:1.45;margin:0}.mono-text{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}.page{display:grid;gap:24px;max-width:1180px;min-width:0}.two-column{grid-template-columns:390px minmax(0,1fr);align-items:start}.eyebrow{color:#5d6b65;font-size:12px;font-weight:700;letter-spacing:0;margin:0;text-transform:uppercase}h2{font-size:32px;line-height:1.15;margin:4px 0 0}h3{margin:0}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.to-date-section{display:grid;gap:12px;min-width:0}.to-date-section .panel-title{margin-bottom:0}.to-date-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}.to-date-grid .metric-card{min-height:112px}.host-performance-page{max-width:1280px}.host-performance-controls{align-items:end;display:grid;gap:12px;grid-template-columns:220px minmax(280px,1fr) auto auto}.host-performance-controls label{display:grid;gap:6px}.host-performance-controls input,.host-performance-controls select{border:1px solid #cdd7cf;border-radius:8px;min-height:40px;padding:0 12px}.host-search{position:relative}.host-search input{width:100%}.host-search-results{background:#fff;border:1px solid #cdd7cf;border-radius:8px;box-shadow:0 16px 32px #18231f24;display:grid;gap:2px;left:0;max-height:360px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:20}.host-search-results button{align-items:start;border:0;display:grid;gap:3px;justify-content:stretch;min-height:0;padding:10px;text-align:left}.host-search-results button:hover{background:#eef4ef}.host-search-results span{color:#62716b;font-size:13px}.host-report-meta{align-items:center;display:flex;gap:16px;justify-content:space-between;min-width:0}.download-link{align-items:center;background:#173d39;border-radius:8px;color:#fff;display:inline-flex;gap:8px;min-height:40px;padding:0 12px;text-decoration:none;white-space:nowrap}.host-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.context-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.context-grid p{color:#62716b;margin:4px 0 0}.metric-card,.tool-panel,.preview,.chat-pane{background:#fff;border:1px solid #dce3dd;border-radius:8px}.metric-card{display:grid;gap:8px;min-height:124px;padding:18px}.metric-card span,.metric-card small{color:#62716b}.metric-card strong{font-size:30px;line-height:1}.tool-panel,.preview,.chat-pane{padding:18px}.panel-title{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:16px}.panel-title h2,.panel-title h3{font-size:18px;margin:0}.sync-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cache-status-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.cache-status-grid div{background:#f7f8f4;border:1px solid #e4e9e5;border-radius:8px;display:grid;gap:5px;padding:10px 12px}.cache-status-grid span,.cache-note,.sync-running{color:#5d6b65;font-size:13px}.cache-status-grid strong{font-size:14px}.sync-badge{align-items:center;border:1px solid #dce3dd;border-radius:8px;display:flex;justify-content:space-between;min-height:48px;padding:0 12px}.sync-badge strong{color:#8a5c00}.sync-badge.fresh strong,.sync-badge.success strong{color:#23615a}.sync-badge.error strong{color:#a33131}.sync-error{background:#fff0f0;border:1px solid #e0b8b8;border-radius:8px;color:#8a2424;margin:16px 0 0;padding:10px 12px}.sync-running,.sync-success,.cache-note{margin:14px 0 0}.sync-success{color:#23615a;font-size:13px;font-weight:700}.locked-indicator{background:#e6efe9;border-radius:999px;color:#23615a;display:inline-block;font-size:10px;font-weight:750;margin-left:6px;padding:2px 6px;text-transform:uppercase}.notes-list{color:#5d6b65;font-size:13px;line-height:1.45;margin:16px 0 0;padding-left:18px}.segmented{background:#edf1ee;border-radius:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px}.segmented button{border-color:transparent;min-height:36px}.segmented button.active{background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}label{color:#62716b;display:grid;gap:6px;font-size:13px;font-weight:700}input{border:1px solid #cdd7cf;border-radius:8px;min-height:40px;padding:0 10px}select,textarea{border:1px solid #cdd7cf;border-radius:8px;padding:0 10px}select{min-height:40px}textarea{min-height:92px;padding-block:9px;resize:vertical}.primary-action{background:#23615a;border-color:#23615a;color:#fff;margin-top:16px;width:100%}.preview{min-height:420px}.saved-report-card{display:grid;gap:10px}.reports-page{max-width:1320px}.reports-layout{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 340px;min-width:0}.reports-layout .tool-panel,.reports-layout .report-side{min-width:0}.report-comments a{align-items:center;color:#23615a;display:inline-flex;gap:6px;text-decoration:none}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid #e4e9e5;padding:12px 8px;text-align:left}.chat-pane{max-width:760px}.chat-log{background:#f7f8f4;border:1px solid #e4e9e5;border-radius:8px;min-height:260px;padding:16px}.chat-input{display:grid;grid-template-columns:1fr 44px;gap:8px;margin-top:12px}.chat-input button{padding:0}.monthly-page{max-width:1320px;min-width:0}.monthly-header{align-items:end;display:flex;gap:16px;justify-content:space-between}.monthly-selector{align-items:end;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.monthly-selector label{min-width:210px}.monthly-selector button{min-height:42px}.monthly-status-pills{justify-content:flex-start}.monthly-empty-state{background:#fff;border:1px solid #dce3dd;border-radius:8px;display:grid;gap:12px;justify-items:start;padding:24px}.snapshot-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.snapshot-pill{align-items:center;background:#fff;border:1px solid #dce3dd;border-radius:8px;color:#4f625b;display:inline-flex;font-size:13px;gap:8px;min-height:38px;padding:0 12px}.monthly-hero{background:#fff;border:1px solid #dce3dd;border-radius:8px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.monthly-hero div{border-right:1px solid #e4e9e5;display:grid;gap:8px;min-height:104px;padding:20px}.monthly-hero div:last-child{border-right:0}.monthly-hero span{color:#62716b;font-size:13px}.monthly-hero strong{font-size:30px;line-height:1}.monthly-layout{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 380px;min-width:0}.report-sections{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.report-section,.report-comments,.paste-panel{background:#fff;border:1px solid #dce3dd;border-radius:8px;min-width:0}.report-section h3,.report-comments h3,.paste-panel h3{border-bottom:1px solid #e4e9e5;font-size:16px;margin:0;padding:14px 16px}.report-section dl{margin:0}.report-section dl div{align-items:center;display:flex;justify-content:space-between;min-height:40px;padding:0 16px}.report-section dl div+div{border-top:1px solid #eef2ef}.report-section dt{color:#62716b}.report-section dd{font-weight:750;margin:0}.report-side{display:grid;gap:12px;min-width:0}.report-comments div{padding:12px 16px}.report-comments div+div{border-top:1px solid #eef2ef}.report-comments strong{display:block;font-size:13px;margin-bottom:6px}.report-comments p{color:#62716b;font-size:13px;line-height:1.45;margin:0}.paste-panel .panel-title{border-bottom:1px solid #e4e9e5;margin:0;padding:0 16px}.paste-panel .panel-title h3{border-bottom:0;padding-left:0}.paste-panel pre{background:#f7f8f4;border:1px solid #e4e9e5;border-radius:8px;color:#24332e;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;margin:14px 16px 16px;max-height:420px;max-width:calc(100% - 32px);overflow:auto;padding:12px;white-space:pre-wrap}.trends-page{max-width:1480px;min-width:0}.trend-controls{align-items:center;display:flex;gap:12px;justify-content:space-between;min-width:0}.trend-range{grid-template-columns:repeat(5,minmax(0,1fr));width:min(820px,100%)}.custom-range{display:flex;gap:10px}.custom-range label{width:150px}.trend-kpis{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}.trend-kpi-card,.trend-panel,.health-summary{background:#fff;border:1px solid #dce3dd;border-radius:8px;min-width:0}.trend-kpi-card{display:grid;gap:10px;min-height:150px;padding:16px}.trend-kpi-card span,.trend-kpi-card small{color:#62716b;font-size:12px}.trend-kpi-card small.good,.trend-kpi-card small.bad{align-items:center;display:inline-flex;gap:5px}.trend-kpi-card strong{display:block;font-size:26px;line-height:1;margin-top:6px}.trend-kpi-card small.good{color:#23615a}.trend-kpi-card small.bad{color:#a33131}.health-summary h3{border-bottom:1px solid #e4e9e5;font-size:16px;margin:0;padding:14px 16px}.health-grid{display:grid;gap:1px;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}.health-item{display:grid;gap:7px;min-height:132px;padding:14px}.health-item span{color:#62716b;font-size:12px;font-weight:700}.health-item strong{color:#23615a;font-size:15px}.health-item.declining strong,.health-item.needs-attention strong{color:#a33131}.health-item.stable strong{color:#8a5c00}.health-item p{color:#62716b;font-size:12px;line-height:1.35;margin:0}.sparkline{height:40px;width:100%}.sparkline polyline{fill:none;stroke:#23615a;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.trends-layout{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 340px;min-width:0}.trend-main{display:grid;gap:14px;min-width:0}.trend-side{display:grid;gap:12px;min-width:0;position:static;width:100%}.trend-panel-title{align-items:center;border-bottom:1px solid #e4e9e5;display:flex;justify-content:space-between;min-height:50px;padding:0 16px;min-width:0}.trend-panel-title h3{font-size:16px;margin:0;min-width:0}.copy-button{border-radius:8px;font-size:12px;min-height:32px;padding:0 9px}.chart-wrap{display:grid;gap:8px;min-width:0;overflow:hidden;padding:14px 16px;width:100%}.chart-wrap svg{height:auto;max-height:280px;min-width:0;width:100%}.axis{stroke:#dce3dd;stroke-width:1}.trend-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.chart-label,.chart-scale{fill:#62716b;font-size:11px}.chart-legend{display:flex;flex-wrap:wrap;gap:10px 16px}.chart-legend span{align-items:center;color:#62716b;display:inline-flex;font-size:12px;gap:6px}.chart-legend i{border-radius:3px;display:inline-block;height:10px;width:10px}.trend-table-scroll{max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;width:100%}.trend-table{min-width:720px}.trend-table th,.trend-table td{font-size:12px;white-space:nowrap}.revenue-toggle{grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 16px 0;min-width:0}.quality-group p{display:grid;gap:3px}.quality-group b{color:#24332e;font-weight:750}.quality-group span{display:block}.host-mapping-page{max-width:1540px}.host-mapping-page>*{min-width:0}.mapping-header,.mapping-header-actions,.mapping-refresh-status,.mapping-pagination,.mapping-pagination div{align-items:center;display:flex;gap:12px;justify-content:space-between}.mapping-header>div:first-child{display:grid;gap:6px}.mapping-metrics{display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}.mapping-refresh-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mapping-refresh-status div{display:grid;gap:5px}.mapping-refresh-status p{margin:0}.mapping-import{align-items:end;display:grid;gap:14px;grid-template-columns:minmax(260px,1fr) minmax(280px,1fr) auto}.mapping-import .primary-action,.mapping-edit-actions .primary-action{margin:0;width:auto}.mapping-check{align-items:center;display:flex;gap:8px}.mapping-check input{min-height:18px;width:18px}.mapping-overwrite{background:#fff7e6;border:1px solid #ead5a3;border-radius:8px;min-height:42px;padding:8px 10px}.mapping-import-preview{align-items:center;background:#eef4ef;border:1px solid #cadacf;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:14px;padding:11px 12px}.mapping-import-preview.blocked{background:#fff0f0;border-color:#e0b8b8}.mapping-import-preview p{flex-basis:100%}.mapping-filters{display:grid;gap:10px;grid-template-columns:minmax(220px,1.5fr) repeat(5,minmax(140px,1fr));margin-bottom:16px}.mapping-selection-toolbar,.mapping-selection-actions,.mapping-bulk-heading,.mapping-bulk-confirmation>div{align-items:center;display:flex;gap:10px;justify-content:space-between}.mapping-selection-toolbar{background:#f4f7f4;border:1px solid #d7e0d9;border-radius:9px;margin-bottom:14px;padding:10px 12px}.mapping-selection-toolbar>div:first-child{display:grid;gap:2px}.mapping-selection-actions{justify-content:flex-end}.mapping-selection-actions .primary-action{margin:0;width:auto}.mapping-bulk-panel{background:#fbfcf9;border:1px solid #c9d6cb;border-radius:10px;box-shadow:0 8px 24px #223d3414;display:grid;gap:14px;margin-bottom:18px;padding:16px}.mapping-bulk-heading{align-items:start}.mapping-bulk-heading h3,.mapping-bulk-heading p,.mapping-bulk-confirmation h4,.mapping-bulk-confirmation p{margin:0}.mapping-bulk-heading>div:first-child{display:grid;gap:4px}.mapping-bulk-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(180px,1fr))}.mapping-bulk-field,.mapping-bulk-group{background:#fff;border:1px solid #dce3dd;border-radius:8px;display:grid;gap:7px;margin:0;padding:11px}.mapping-controlled-field{display:grid;gap:8px}.mapping-controlled-field>label{display:grid;gap:6px}.mapping-host-group-picker{grid-column:span 2}.mapping-suggestion-list{border:1px solid #d7e0d9;border-radius:8px;display:grid;max-height:220px;overflow-y:auto}.mapping-suggestion-list button{align-items:center;background:#fff;border:0;border-bottom:1px solid #e4e9e5;border-radius:0;display:flex;justify-content:space-between;text-align:left}.mapping-suggestion-list button:last-child{border-bottom:0}.mapping-selected-option{background:#e8f2eb;border:1px solid #c5d9cb;border-radius:8px;margin:0;padding:9px 10px}.mapping-selected-option span{display:block;margin-top:3px}.mapping-create-warning{background:#fff7e6;border:1px solid #e2c98f;border-radius:8px;display:grid;gap:7px;margin:0;padding:10px}.mapping-create-warning p{margin:0}.mapping-create-button,.mapping-clear-button{justify-self:start}.mapping-clear-button{background:transparent;border-color:#cbd5ce;color:#53635c}.mapping-bulk-group{grid-column:span 2;grid-template-columns:repeat(2,minmax(0,1fr))}.mapping-bulk-group legend,.mapping-bulk-group small{grid-column:1 / -1}.mapping-bulk-group label{display:grid;gap:6px}.mapping-bulk-notes{grid-column:span 2}.mapping-bulk-verified{align-self:center;background:#eef4ef;border:1px solid #cadacf;border-radius:8px;min-height:44px;padding:10px}.mapping-protected-note{background:#f1f3f1;border-left:3px solid #83958b;color:#53635c;margin:0;padding:9px 11px}.mapping-bulk-panel>.primary-action{justify-self:start;margin:0;width:auto}.mapping-bulk-confirmation{background:#fff7e6;border:1px solid #e2c98f;border-radius:9px;display:grid;gap:8px;padding:13px}.mapping-bulk-confirmation>div{justify-content:flex-start;margin-top:3px}.mapping-bulk-confirmation .primary-action{margin:0;width:auto}.mapping-select-cell{text-align:center;width:42px}.mapping-select-cell input{min-height:18px;width:18px}.mapping-table-wrapper{max-width:100%;min-width:0;overflow-x:auto;width:100%}.mapping-table{min-width:1260px}.mapping-table th,.mapping-table td{font-size:12px;vertical-align:top}.mapping-table td{line-height:1.4}.mapping-table td strong,.mapping-table td small{display:block}.mapping-table td small{color:#62716b;margin-top:3px}.mapping-status{background:#edf1ee;border-radius:999px;display:inline-block;font-size:11px;font-weight:750;padding:4px 8px;white-space:nowrap}.mapping-status.needs_review{background:#fff0d2;color:#805400}.mapping-status.verified,.mapping-status.auto_mapped{background:#e5f1e8;color:#23615a}.mapping-status.inactive_or_archived{color:#62716b}.mapping-edit-row td{background:#f7f8f4;padding:16px}.mapping-edit-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(180px,1fr))}.mapping-edit-grid>.mapping-host-group-picker{grid-column:span 2}.mapping-notes{grid-column:span 3}.mapping-edit-actions{align-content:end;display:grid;gap:8px}.mapping-pagination{margin-top:14px}@media(max-width:1280px){.trend-kpis,.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mapping-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.mapping-edit-grid,.mapping-bulk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){main{padding:24px}.trends-layout{grid-template-columns:1fr}.trend-side{position:static;width:100%}.trend-controls{align-items:stretch;display:grid}.trend-range{width:100%}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{gap:16px;padding:18px}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar button{justify-content:center}.trend-kpis,.health-grid,.to-date-grid,.host-summary-grid,.context-grid,.metrics-grid,.cache-status-grid,.sync-grid,.monthly-hero,.report-sections,.mapping-metrics,.mapping-refresh-status,.mapping-import,.mapping-filters,.mapping-edit-grid,.mapping-bulk-grid{grid-template-columns:1fr}.mapping-header,.mapping-header-actions,.mapping-selection-toolbar,.mapping-selection-actions,.mapping-bulk-heading{align-items:stretch;display:grid}.mapping-notes,.mapping-bulk-group,.mapping-bulk-notes{grid-column:auto}.mapping-bulk-group{grid-template-columns:1fr}.mapping-host-group-picker,.mapping-edit-grid>.mapping-host-group-picker{grid-column:auto}.mapping-bulk-group legend,.mapping-bulk-group small{grid-column:auto}.host-performance-controls,.host-report-meta{align-items:stretch;display:grid;grid-template-columns:1fr}.trend-range,.revenue-toggle,.monthly-layout{grid-template-columns:1fr}.monthly-header,.monthly-selector{align-items:stretch;flex-direction:column}.monthly-selector label{min-width:0}.reports-layout{grid-template-columns:1fr}}