.sf-grid{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0f172a14}.sf-grid .sf-grid-header{background:#f8fafc}.sf-grid .sf-grid-header-cell{transition:all .2s}.sf-grid .sf-headercell{color:#1e293b;font-weight:600}.sf-grid-header-cell:has(.sf-quarter-header){color:#fff;background:linear-gradient(135deg,#f59e0b,#ea580c)}.sf-quarter-header{color:#fff;font-weight:700}.sf-energy-badge{color:#065f46;background:linear-gradient(135deg,#d1fae5,#99f6e4);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-weight:700;display:inline-flex;box-shadow:0 2px 10px #10b98126}.sf-cost-badge{color:#b45309;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-weight:700;display:inline-flex;box-shadow:0 2px 10px #f59e0b26}.sf-badge-icon{font-size:14px;line-height:1}.sf-grid .sf-rowcell[aria-level="0"]{color:#0f172a;font-weight:700}.sf-grid .sf-rowcell[aria-level="1"]{color:#334155;font-weight:600}.sf-grid .sf-rowcell[aria-level="2"]{color:#475569}.sf-grid ::-webkit-scrollbar{width:10px;height:10px}.sf-grid ::-webkit-scrollbar-track{background:#f1f5f9}.sf-grid ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.sf-grid ::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sf-grid .sf-cell,.sf-grid .sf-grid-header-cell{border-color:#e5e7eb}