@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');*{box-sizing:border-box}body{margin:0;background:#f5f5f6;color:#303034;font-family:'DM Sans',Segoe UI,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:230px;background:#262629;color:#afc0c4;padding:36px 22px}.brand{font-size:28px;letter-spacing:3px;font-weight:700;color:white;display:block}.brand span{color:#c36a70}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:8px}.menu{font-size:10px;letter-spacing:1.5px;margin:65px 0 20px}.active{display:block;background:#3c3033;border-radius:8px;padding:15px;color:#dfa1a6}.bottom{position:absolute;bottom:30px;font-size:10px;line-height:2}.bottom small{color:#749096}main{margin-left:230px;padding:0 48px 30px;max-width:1700px}header{display:flex;justify-content:space-between;padding:27px 0;border-bottom:1px solid #dfe5e8;color:#7b8991;font-size:12px}header b{margin:0 14px;color:#bbc4c8}.heading{display:flex;justify-content:space-between;align-items:center;margin:38px 0 28px}.eyebrow{font-size:10px;letter-spacing:2px;color:#a94a50;font-weight:700}h1{font-size:38px;letter-spacing:-1.5px;margin:10px 0}h1 span{color:#a94a50}p{color:#7b8991;line-height:1.6;margin:8px 0}h2{font-size:19px;margin:0 0 8px;letter-spacing:-.4px}.badge{background:#eee9e9;color:#91464c;padding:10px 16px;border-radius:30px;font-size:11px}.piece,.panel,.stats article{background:white;border:1px solid #e3e8eb;border-radius:12px}.piece{display:flex;justify-content:space-between;padding:26px 30px;gap:35px}.piece small,.stats small{font-size:10px;letter-spacing:1px;color:#819099}.piece h2{font-size:26px;margin-top:10px}.tag{font-size:10px;background:#edf1f4;color:#778991;padding:6px 10px;border-radius:5px;vertical-align:middle;margin-left:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stats article{padding:23px}.stats strong{display:block;font-size:26px;margin:15px 0 5px;font-weight:600}.stats strong small{font-size:14px}.stats p{font-size:11px}.panel{padding:28px;margin-bottom:22px}.panelhead{display:flex;justify-content:space-between;align-items:center}.panel p{font-size:12px}.legend{display:flex;gap:20px;font-size:11px;margin:20px 0}.legend span:first-child{color:#9aaabd}.legend span:last-child,.teal{color:#a94a50}svg{width:100%;max-height:350px}select,input{border:1px solid #dce3e6;background:white;border-radius:7px;padding:10px;color:#52636e}select{font:inherit;font-size:12px}.muted{font-size:11px!important}.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.grid .panel{margin-bottom:22px}.barrow{display:flex;align-items:center;gap:14px;margin:10px 0;font-size:11px}.barrow small{width:25px;color:#819099}.barrow div{flex:1;height:8px;background:#f0f4f5;border-radius:4px}.barrow i{display:block;background:#b86a70;height:8px;border-radius:4px}.barrow span{width:40px}button{background:#a94a50;color:white;border:0;border-radius:7px;padding:13px 18px;font-weight:600;cursor:pointer}form{display:grid;gap:15px;margin:25px 0}.grid a{color:#a94a50;font-size:12px}.grid small{color:#84919a}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;font-size:9px;color:#89969f;letter-spacing:1px;padding:20px 12px;background:#f8fafb}td{padding:17px 12px;border-bottom:1px solid #edf1f3}.tablewrap{overflow:auto}footer{display:flex;justify-content:space-between;font-size:11px;color:#93a0a7;margin-top:30px}.login{max-width:650px;margin:90px auto}.login h1{font-size:52px}.login form{max-width:350px}.login label{display:grid;gap:8px}.notice{background:#eee9e9;padding:15px;border-radius:8px}@media(max-width:1000px){aside{width:180px;padding:30px 15px}main{margin-left:180px;padding:0 22px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.heading{align-items:flex-start;gap:12px}h1{font-size:30px}}@media(max-width:650px){aside{position:relative;width:100%;padding:20px}.brand{font-size:22px}.menu,.bottom,.active{display:none}main{margin:0;padding:0 16px}.piece,.heading{flex-direction:column}.stats article{padding:16px}.stats strong{font-size:22px}.panel{padding:18px}.badge{align-self:flex-start}.panelhead{gap:15px}.login{margin:50px 0}.login h1{font-size:38px}}

.legend span:first-child{color:#929297}.legend span:last-child,.teal{color:#ac4b50}.distribution{display:flex;gap:28px;align-items:center;flex-wrap:wrap;padding:25px 0}.donut{width:175px;height:175px;border-radius:50%;display:grid;place-items:center}.donut>div{background:white;width:133px;height:133px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.donut strong{font-size:26px}.donut small{color:#88888e;font-size:11px}.distribution b{display:block;color:#424247;font-weight:500}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.use{background:#929297}.sharpening{background:#ac4b50}.brand small{color:#b6b6ba}.badge{color:#91464c}
body{background:#f2f2f2;color:#333}aside{background:#fff;color:#555;border-right:1px solid #ddd}.brand{color:#333}.brand small{color:#777}aside>a:not(.brand){display:flex;gap:10px;align-items:center;padding:13px 10px;border-radius:7px;margin-bottom:6px}aside>a:not(.brand):hover{background:#eef2f8;color:#4472c4}.menu{color:#999}.icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex-shrink:0;color:#4472c4}h2 .icon{width:20px;margin-right:6px}aside a:nth-of-type(3) .icon{color:#ed7d31}.panel,.piece,.stats article{background:#fff;border-color:#ddd}.badge{background:#e9eef8;color:#4472c4}.eyebrow{color:#6b6b6b}h1 span{color:#777}button{background:#4472c4}.legend span:first-child{color:#4472c4}.legend span:last-child,.teal{color:#ed7d31}.barrow i{background:#ed7d31}.use{background:#4472c4}.sharpening{background:#ed7d31}.admin-tabs{display:flex;gap:12px;margin-bottom:24px}.admin-tabs a{display:flex;gap:8px;align-items:center;padding:12px 18px;border-radius:7px;background:white}.admin-tabs .chosen{background:#e6edf8;color:#4472c4}.admin-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start}label{display:grid;gap:8px;color:#555;font-size:12px}input,select{width:100%;font:inherit}hr{border:0;border-top:1px solid #eee;margin:30px 0}.piece-select{display:flex;align-items:end;gap:12px}.piece-select label{min-width:280px}.notice{background:#e8eef8;color:#355e9d}.notice.error{background:#f9e6e6;color:#a32e2e}#bars small{width:55px}.grid:has(>#bars){display:block}@media(max-width:1000px){.admin-grid{grid-template-columns:1fr}}@media(max-width:650px){aside>a:not(.brand){display:inline-flex;font-size:12px;padding:8px}.piece-select{flex-wrap:wrap}}
.brand img{width:100%;height:auto;display:block}.brand{padding:0!important}.cycle-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:start}.cycle-layout form{margin-top:0}.excel-panel{background:linear-gradient(#fff,#f4f4f4);border:1px solid #d4d4d4;border-radius:7px}.excel-panel h2{color:#666;text-align:center;font-size:17px;font-family:'Arial Rounded MT Bold','DM Sans',sans-serif;margin-bottom:20px}.excel-panel .legend{justify-content:center;flex-wrap:wrap}.radial-wrap{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.radial-wrap svg{flex:1;min-width:180px;max-width:330px;height:auto;max-height:330px}.radial-legend{flex:1;min-width:160px;font-size:11px;color:#666}.radial-legend>div{display:grid;grid-template-columns:9px 1fr;gap:4px 8px;margin:10px 0}.radial-legend i{width:9px;height:9px;margin-top:3px}.radial-legend b{grid-column:2;font-weight:500;color:#888}.excel-panel path:hover,.excel-panel path:focus{filter:brightness(1.08);stroke:#555}.excel-panel rect:hover{filter:brightness(1.15)}@media(max-width:900px){.cycle-layout{grid-template-columns:1fr}}

#excel-annual .radial-legend{display:none}#excel-annual .radial-wrap{justify-content:center;padding:22px 15px}#excel-annual svg{max-width:400px;overflow:visible}#excel-consumption svg>text:last-child{fill:#385723;font-size:38px;font-weight:800}#excel-consumption svg>text:not(:last-child){fill:#385723;font-weight:700}#excel-stacked svg{max-height:none;min-width:630px}#excel-stacked{overflow-x:auto}#excel-pie svg>text{font-weight:800;paint-order:stroke;stroke:#0002;stroke-width:.5px}

.stat-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;min-height:58px}.stat-heading small{line-height:1.5;max-width:170px}.stat-illustration{width:58px;height:58px;flex-shrink:0;filter:drop-shadow(0 3px 3px #44546a12)}.stats strong{margin-top:12px}.chart-tooltip{position:fixed;z-index:1000;width:280px;max-width:calc(100vw - 20px);background:white;border:1px solid #d8e2f1;border-top:4px solid #4472c4;border-radius:12px;box-shadow:0 12px 36px #243c6830;padding:16px;pointer-events:none;color:#334155;font-size:12px}.chart-tooltip[hidden]{display:none}.tip-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.tip-heading strong{font-size:16px;color:#304e7c}.tip-heading>span{color:#8491a2;font-size:11px}.tip-row{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:6px;margin-top:6px;gap:12px}.tip-row.before{background:#edf3fd;color:#365fa7}.tip-row.after{background:#fff1e5;color:#a9561d}.tip-row b{font-size:16px;white-space:nowrap}.tip-row small{font-size:10px;font-weight:400}.tip-total{display:flex;justify-content:space-between;border-top:1px solid #e8edf3;margin-top:13px;padding-top:12px;font-size:11px}#chart circle[data-cycle]{cursor:pointer;outline:none}#chart circle[data-cycle]:hover,#chart circle[data-cycle]:focus{stroke:#243e65;stroke-width:3}

.stat-heading{justify-content:flex-start;min-height:32px;gap:10px}.stat-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.stat-icon svg{width:20px;height:20px}.stat-icon-0{color:#4472c4;background:#edf2fb}.stat-icon-1{color:#5b789a;background:#eef3f7}.stat-icon-2{color:#cc702d;background:#fff2e8}.stat-icon-3{color:#618e40;background:#eff5e9}.stat-heading small{max-width:none}.tip-row.usage{background:#f0f1f3;color:#62666d}.tip-warning{color:#b33e3e!important;font-size:11px}#excel-stacked rect[data-stack-cycle]{cursor:pointer;outline:none}#excel-stacked rect[data-stack-cycle]:hover,#excel-stacked rect[data-stack-cycle]:focus{fill:#4472c414;stroke:#4472c4;stroke-width:1}

.chart-tooltip::before{content:"";position:absolute;width:14px;height:14px;background:white;transform:rotate(45deg);pointer-events:none}.chart-tooltip[data-side="right"]::before{left:-8px;top:calc(var(--tip-arrow-y) - 7px);border-left:1px solid #d8e2f1;border-bottom:1px solid #d8e2f1}.chart-tooltip[data-side="above"]::before{bottom:-8px;left:calc(var(--tip-arrow-x) - 7px);border-right:1px solid #d8e2f1;border-bottom:1px solid #d8e2f1}.chart-tooltip[data-side="below"]::before{top:-9px;left:calc(var(--tip-arrow-x) - 7px);background:#4472c4}