@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Inter,system-ui,sans-serif;background:#f6f7f9;color:#17191d}button,input,select,textarea{font-family:inherit}.app{min-height:100vh;display:flex}.sidebar{width:250px;min-width:250px;background:#0066b3;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;z-index:100}.sidebar-brand{height:72px;padding:0 20px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #e2e8f0}.brand-mark{width:34px;height:34px;border-radius:9px;background:#172554;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.sidebar-brand strong{display:block;color:#0f172a;font-size:15px;line-height:18px}.sidebar-brand span{display:block;color:#f8fafc;font-size:11px;margin-top:2px}.sidebar-nav{flex:1;overflow-y:auto;padding:12px 10px}.sidebar-divider{height:1px;background:#e2e8f0;margin:9px 8px 12px}.sidebar-item{width:100%;border:0;background:transparent;color:#fdfeff;border-radius:8px;min-height:42px;padding:0 11px;display:flex;align-items:center;gap:11px;cursor:pointer;text-align:left;font-size:13px;font-weight:500}.sidebar-item:hover{background:#f1f5f9;color:#172554}.sidebar-item.active{background:#eff4ff;color:#172554;font-weight:600}.sidebar-folder{margin-bottom:3px}.sidebar-folder-header{width:100%;border:0;background:transparent;color:#f8fafc;min-height:42px;padding:0 10px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.sidebar-folder-header:hover{background:#f8fafc;color:#172554}.sidebar-folder-left{display:flex;align-items:center;gap:10px}.sidebar-folder-items{padding:2px 0 5px 10px}.sidebar-subitem{width:100%;min-height:38px;border:0;background:transparent;color:#f8fafc;border-radius:7px;padding:0 8px;display:flex;align-items:center;gap:9px;cursor:pointer;text-align:left;font-size:12.5px;font-weight:500}.sidebar-subitem:hover:not(:disabled){background:#f8fafc;color:#172554}.sidebar-subitem.active{background:#eff4ff;color:#172554;font-weight:600}.sidebar-subitem-icon{width:24px;display:flex;align-items:center;justify-content:center}.sidebar-subitem.disabled{cursor:default;opacity:.55}.coming-soon{margin-left:auto;font-size:9px;color:#f8fafc;font-weight:500}.sidebar-footer{border-top:1px solid #e2e8f0;padding:14px 16px;display:flex;align-items:center;gap:10px}.sidebar-footer-icon{width:30px;height:30px;border-radius:7px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b}.sidebar-footer strong{display:block;font-size:11px;color:#334155}.sidebar-footer span{display:block;font-size:10px;color:#94a3b8;margin-top:2px}.sidebar-overlay{display:none}main{margin-left:250px;width:calc(100% - 250px);padding:34px 42px}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.header-left{display:flex;align-items:flex-start}h1{margin:0;font-size:25px;letter-spacing:-.5px}header p{margin:6px 0 0;color:#747982;font-size:13px}.refresh,.mobile-menu{border:1px solid #e1e3e7;background:#fff;border-radius:8px;padding:9px;cursor:pointer;color:#555}.mobile-menu{display:none;align-items:center}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat,.card,.table-card{background:#fff;border:1px solid #e4e6e9;border-radius:11px}.stat{padding:18px;display:flex;align-items:center;gap:14px}.stat-icon{width:38px;height:38px;border-radius:8px;background:#f1f2f4;display:grid;place-items:center;color:#454951}.stat-icon svg{width:18px}.stat span{display:block;color:#7b8088;font-size:11px}.stat strong{display:block;font-size:20px;margin-top:5px}.grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.card{padding:21px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.card h2{font-size:15px;margin:0}.card p{font-size:11px;color:#858a92;margin:5px 0}.link{background:none;border:0;color:#444;font-size:11px;display:flex;align-items:center;gap:2px;cursor:pointer}.rows{border-top:1px solid #eee}.contract-row{width:100%;border:0;border-bottom:1px solid #eee;background:none;text-align:left;padding:11px 0;display:flex;align-items:center;gap:10px;cursor:pointer;color:inherit}.avatar{width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:#eceef1;display:grid;place-items:center;font-size:10px;font-weight:600;color:#555}.row-main{flex:1}.row-main b,.row-value b{display:block;font-size:12px}.row-main span,.row-value span{display:block;color:#888;font-size:10px;margin-top:3px}.row-value{text-align:right}.breakdown{padding-top:5px}.bar-row{margin:18px 0}.bar-row>div:first-child{display:flex;justify-content:space-between;font-size:11px;margin-bottom:7px}.bar-row b{font-weight:600}.bar{height:7px;background:#edf0f2;border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;background:#202329;border-radius:5px}.toolbar{display:flex;gap:10px;margin-bottom:14px}.search{height:40px;background:#fff;border:1px solid #dddfe3;border-radius:8px;display:flex;align-items:center;padding:0 12px;gap:8px;flex:1;max-width:480px;color:#8a8f97}.search input{border:0;outline:0;width:100%;font:inherit;font-size:12px}.toolbar select{border:1px solid #dddfe3;border-radius:8px;background:#fff;padding:0 12px;font:inherit;font-size:12px;color:#444}.contracts-table{width:100%;background:#fff;border:1px solid #e5e6e8;border-radius:10px;overflow:hidden}.contracts-table-header{display:grid;grid-template-columns:minmax(220px,2fr) minmax(110px,1fr) minmax(120px,1fr) minmax(110px,1fr) minmax(100px,1fr) minmax(120px,1fr) 35px;gap:16px;align-items:center;padding:12px 18px;background:#fafafa;border-bottom:1px solid #e5e6e8;color:#898e96;text-transform:uppercase;font-size:9px;font-weight:600;letter-spacing:.06em}.contracts-table-body{width:100%}.contracts-table-row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(110px,1fr) minmax(120px,1fr) minmax(110px,1fr) minmax(100px,1fr) minmax(120px,1fr) 35px;gap:16px;align-items:center;width:100%;min-height:68px;padding:10px 18px;border:0;border-bottom:1px solid #eee;background:#fff;text-align:left;font:inherit;color:#333;font-size:11px;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.contracts-table-row:last-child{border-bottom:0}.contracts-table-row:hover{background:#fafafa}.contract-customer{display:flex;align-items:center;gap:10px;min-width:0}.customer-avatar{width:32px;height:32px;flex:0 0 32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eef1f5;color:#4c5563;font-size:10px;font-weight:600}.customer-details{min-width:0}.customer-details strong{display:block;color:#222;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-details span{display:block;margin-top:3px;color:#8a8f97;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contract-number{display:flex;align-items:center;gap:6px;color:#555;min-width:0}.contract-number svg{flex:0 0 auto;color:#8a8f97}.contract-number span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contract-product{color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contract-date{display:flex;align-items:center;gap:6px;color:#555;white-space:nowrap}.contract-date svg{color:#8a8f97;flex:0 0 auto}.contract-value{display:flex;align-items:center;gap:5px;color:#222;white-space:nowrap}.contract-value svg{color:#8a8f97;flex:0 0 auto}.contract-value strong{font-size:11px;font-weight:600}.status-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:500;background:#eef0f2;color:#555;white-space:nowrap}.status-badge.status-complete{background:#e8f4ed;color:#28734c}.status-badge.status-ready-for-installation{background:#eef0f8;color:#46547d}.status-badge.status-survey-booked{background:#f6f0e5;color:#80652e}.status-badge.status-sold{background:#e8f4ed;color:#28734c}.contract-arrow{display:flex;align-items:center;justify-content:flex-end;color:#9a9ea5}.contracts-table-row:hover .contract-arrow{color:#333}.table-loading{padding:40px;text-align:center;color:#858a92;font-size:12px}.table-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:35px;text-align:center;color:#858a92}.table-empty svg{margin-bottom:5px;color:#8a8f97}.table-empty strong{color:#333;font-size:13px}.table-empty span{font-size:11px}.table-card{overflow:hidden}.table-head,.table-row{display:grid}.customer{display:flex;align-items:center;gap:10px}.error{background:#fff0f0;border:1px solid #f1caca;color:#a33b3b;border-radius:8px;padding:12px;font-size:12px;margin-bottom:18px}.empty{padding:35px;text-align:center;color:#858a92;font-size:12px}@media(max-width:900px){.contracts-table{overflow-x:auto}.contracts-table-header,.contracts-table-row{min-width:850px}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000047;z-index:200}.drawer{position:absolute;right:0;top:0;bottom:0;width:440px;background:#fff;padding:27px;overflow:auto;box-shadow:-10px 0 30px #00000014}.drawer-head{display:flex;justify-content:space-between}.drawer-head button{border:0;background:#f1f2f4;border-radius:7px;width:32px;height:32px;cursor:pointer}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#8a8f97}.drawer h2{margin:5px 0 0;font-size:20px}.drawer-value{margin:24px 0;padding:18px;border:1px solid #e7e8eb;border-radius:9px}.drawer-value span{display:block;font-size:10px;color:#888}.drawer-value strong{display:block;font-size:27px;margin:5px 0 10px}.details{border-top:1px solid #eee}.detail{padding:13px 0;border-bottom:1px solid #eee}.detail span{display:block;color:#8a8f97;font-size:10px;margin-bottom:5px}.detail b{font-size:12px;font-weight:500;line-height:1.45}.details .detail:last-child b{white-space:pre-wrap}.annual-breakdown{margin-bottom:20px}.annual-breakdown-total{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.annual-breakdown-total span{font-size:12px;color:#64748b}.annual-breakdown-total strong{font-size:20px;color:#172554}.annual-breakdown-table{margin-top:18px;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.annual-breakdown-header{display:grid;grid-template-columns:1fr 150px 150px;gap:20px;padding:11px 16px;background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#64748b;font-size:12px;font-weight:600}.annual-breakdown-row{display:grid;grid-template-columns:1fr 150px 150px;gap:20px;align-items:center;padding:16px;border-bottom:1px solid #e5e7eb}.annual-breakdown-benefit{display:flex;align-items:center;gap:12px;min-width:0}.annual-breakdown-benefit strong{display:block;color:#0f172a;font-size:14px}.annual-breakdown-benefit p{margin:4px 0 0;color:#64748b;font-size:12px}.annual-breakdown-icon{width:36px;height:36px;flex-shrink:0;border-radius:8px;background:#f1f5f9;color:#172554;display:flex;align-items:center;justify-content:center}.annual-breakdown-energy{color:#475569;font-size:14px}.annual-breakdown-value{color:#172554;font-size:15px;font-weight:700}.annual-breakdown-total-row{display:grid;grid-template-columns:1fr 150px 150px;gap:20px;align-items:center;padding:16px;background:#f8fafc;color:#172554}.annual-breakdown-footer{display:flex;align-items:center;gap:8px;margin-top:14px;color:#64748b;font-size:12px}@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.table-head{display:none}.table-row{grid-template-columns:1fr auto}.table-row>span:nth-child(2),.table-row>span:nth-child(4),.table-row>span:nth-child(5){display:none}.annual-breakdown-header{display:none}.annual-breakdown-row,.annual-breakdown-total-row{grid-template-columns:1fr;gap:8px}.annual-breakdown-total{align-items:flex-start}}@media(max-width:800px){.sidebar{transform:translate(-100%);transition:transform .2s ease}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;z-index:90}main{margin-left:0;width:100%;padding:22px 16px}.mobile-menu{display:grid;margin-right:10px}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:13px}.stat strong{font-size:17px}.drawer{width:100%}header{align-items:center}.toolbar{flex-direction:column}.search{max-width:none}.toolbar select{height:40px}}@media(max-width:500px){.stats{grid-template-columns:1fr}main{padding:18px 12px}}.epvs-energy-card>div:nth-child(2)>div:nth-child(2)>div:first-child{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;align-items:end}.epvs-energy-card>div:nth-child(2)>div:nth-child(2)>div:first-child>label{min-width:0}.epvs-energy-card>div:nth-child(2)>div:nth-child(2)>div:first-child>label span{font-size:12px!important;font-weight:600;color:#172554;line-height:1.3}.epvs-energy-card>div:nth-child(2)>div:nth-child(2)>div:first-child input{width:100%;min-width:0;box-sizing:border-box;height:34px;padding:7px 9px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#172554;font-size:12px;outline:none}.epvs-energy-card .card-head h2{font-size:0}.epvs-energy-card .card-head h2:after{content:"Current Energy";font-size:15px}.epvs-energy-card>div:nth-child(2)>div:nth-child(2)>div:first-child>label:nth-child(2) span,.epvs-energy-card>div:nth-child(2)>div:nth-child(2)>div:first-child>label:nth-child(3) span,.epvs-energy-card>div:nth-child(2)>div:nth-child(2)>div:first-child>label:nth-child(4) span{font-size:0!important}.epvs-energy-card>div:nth-child(2)>div:nth-child(2)>div:first-child>label:nth-child(2) span:after{content:"Import rate (p/kWh)";font-size:12px}.epvs-energy-card>div:nth-child(2)>div:nth-child(2)>div:first-child>label:nth-child(3) span:after{content:"Export rate (p/kWh)";font-size:12px}.epvs-energy-card>div:nth-child(2)>div:nth-child(2)>div:first-child>label:nth-child(4) span:after{content:"Standing charge (p/day)";font-size:12px}.epvs-energy-card>div:nth-child(2)>div:nth-child(3){position:relative;display:flex;align-items:center;justify-content:space-between;min-height:44px;padding-right:64px!important;box-sizing:border-box}.epvs-energy-card>div:nth-child(2)>div:nth-child(4)>div:first-child{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:end;position:relative}.epvs-energy-card>div:nth-child(2)>div:nth-child(4)>div:first-child>label:first-child{position:absolute!important;top:-55px;right:14px;z-index:5;display:flex!important;align-items:center;margin:0!important;min-height:24px!important}.epvs-energy-card>div:nth-child(2)>div:nth-child(4)>div:first-child>label:first-child>span{display:none!important}.epvs-energy-card>div:nth-child(2)>div:nth-child(4)>div:first-child>label:not(:first-child){min-width:0}.epvs-energy-card>div:nth-child(2)>div:nth-child(4)>div:first-child>label:not(:first-child) span{font-size:12px!important;font-weight:600;color:#172554;line-height:1.3}.epvs-energy-card>div:nth-child(2)>div:nth-child(4)>div:first-child>label:not(:first-child) input{width:100%;min-width:0;box-sizing:border-box;height:34px;padding:7px 9px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#172554;font-size:12px;outline:none}.epvs-solar-card{margin-bottom:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.epvs-battery-card{margin-top:-18px!important;border-top:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important}.epvs-solar-card:has(.opensolar-header){margin-top:0!important;border-top:1px solid #e4e6e9!important;border-top-left-radius:11px!important;border-top-right-radius:11px!important}.epvs-solar-card>.card-head{display:flex!important}.epvs-battery-card>.card-head{display:none!important}.epvs-battery-card>div:nth-child(2){padding:12px 14px!important}.epvs-battery-card>div:nth-child(2)>div:first-child{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:end}.epvs-battery-card>div:nth-child(2)>div:first-child>label{min-width:0}.epvs-battery-card>div:nth-child(2)>div:first-child>label>span{font-size:12px!important;font-weight:600!important;color:#172554!important;line-height:1.3!important}.epvs-battery-card>div:nth-child(2)>div:first-child select{width:100%;min-width:0;box-sizing:border-box;height:34px;padding:7px 9px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#172554;font-size:12px;outline:none}@media(max-width:900px){.epvs-energy-card>div:nth-child(2)>div:nth-child(2)>div:first-child,.epvs-energy-card>div:nth-child(2)>div:nth-child(4)>div:first-child,.epvs-battery-card>div:nth-child(2)>div:first-child{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:560px){.epvs-energy-card>div:nth-child(2)>div:nth-child(2)>div:first-child,.epvs-energy-card>div:nth-child(2)>div:nth-child(4)>div:first-child,.epvs-battery-card>div:nth-child(2)>div:first-child{grid-template-columns:1fr!important}}