@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";
*{box-sizing:border-box}body{color:#17362c;background:#f2f5f1;margin:0;font-family:DM Sans,sans-serif}button,input,select{font:inherit}.portal{min-height:100vh}.portal aside{color:#fff;z-index:40;background:#063d30;flex-direction:column;width:260px;padding:25px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.side-brand,.login-brand{align-items:center;gap:11px;display:flex}.mark{background:#fff;border-radius:12px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.mark img{object-fit:contain;width:100%;height:100%}.side-brand div,.login-brand div{display:grid}.side-brand b,.login-brand b{font:700 18px Playfair Display,serif}.side-brand small,.login-brand small{text-transform:uppercase;color:#f1bf31;letter-spacing:2px;margin-top:3px;font-size:8px}.portal aside nav{gap:5px;margin-top:40px;display:grid}.portal aside nav button{color:#a8c0b8;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:13px;min-height:49px;padding:0 13px;font-weight:650;display:flex}.portal aside nav button.active,.portal aside nav button:hover{color:#fff;background:#ffffff12;box-shadow:inset 3px 0 #f2c33f}.icon{text-align:center;min-width:21px;font-size:21px}.portal aside nav em{color:#15392e;background:#f2c33f;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:10px;font-style:normal}.side-card{background:#ffffff0c;border:1px solid #ffffff16;border-radius:15px;gap:5px;margin-top:auto;padding:16px;display:grid}.side-card small{color:#98b5aa;letter-spacing:1px;font-size:9px}.side-card span{color:#9cb4ac;font-size:11px}.side-card a{color:#f3c842;margin-top:5px;font-size:11px;text-decoration:none}.profile{color:#fff;text-align:left;background:0 0;border:0;border-top:1px solid #ffffff1c;align-items:center;gap:10px;margin-top:15px;padding:17px 4px 0;display:flex}.profile>span,.user>span{color:#17372d;background:#f2c33f;border-radius:50%;place-items:center;width:39px;height:39px;font-weight:800;display:grid}.profile div,.user div{display:grid}.profile small,.user small{color:#9cafaa}.workspace{min-height:100vh;margin-left:260px}.workspace header{z-index:20;background:#fff;border-bottom:1px solid #dce4de;align-items:center;gap:18px;height:78px;padding:0 35px;display:flex;position:sticky;top:0}.global-search{color:#82928c;background:#f3f6f3;border:1px solid #dfe7e1;border-radius:11px;align-items:center;gap:8px;width:min(500px,48vw);height:42px;padding:0 12px;display:flex}.global-search input{background:0 0;border:0;outline:0;width:100%}.notify{background:#fff;border:1px solid #dbe3dd;border-radius:11px;width:42px;height:42px;margin-left:auto;position:relative}.notify i{background:#e65b50;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.user{align-items:center;gap:10px;display:flex}.user b{font-size:12px}.user small{font-size:10px}.mobile-menu,.mobile-logo{display:none}.content{max-width:1500px;margin:auto;padding:35px}.title{justify-content:space-between;align-items:end;margin-bottom:26px;display:flex}.title>div>small,.panel-head small{color:#16805d;letter-spacing:1.8px;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.title h1{margin:0;font:700 clamp(29px,3.5vw,43px)/1.1 Playfair Display,serif}.title p{color:#74837e;margin:8px 0 0;font-size:13px}.title>button,.tools>button{color:#17382d;background:#f3c53f;border:0;border-radius:11px;align-items:center;gap:7px;min-height:44px;padding:0 17px;font-weight:800;display:flex}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px;display:grid}.metric,.panel,.asset{background:#fff;border:1px solid #dfe6e0;border-radius:16px;box-shadow:0 5px 20px #183a3020}.metric{align-items:center;gap:13px;padding:18px;display:flex}.metric>i{border-radius:12px;width:43px;height:43px}.metric>i.green{background:#dff2e9}.metric>i.gold{background:#fff1c5}.metric>i.blue{background:#e2eef9}.metric>i.red{background:#fbe6e2}.metric div{display:grid}.metric span{color:#798680;font-size:11px}.metric b{font:700 21px Playfair Display,serif}.metric small{color:#95a09c;font-size:9px}.overview-grid{grid-template-columns:1.25fr .9fr;gap:17px;margin-bottom:17px;display:grid}.hero-panel,.jobs,.recent{padding:21px}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-head h2{margin:0;font:700 18px Playfair Display,serif}.panel-head button{color:#13704f;background:0 0;border:0;font-size:10px;font-weight:700}.capacity{align-items:baseline;gap:12px;margin:20px 0;display:flex}.capacity b{font:700 30px Playfair Display,serif}.capacity span{color:#7e8b86;font-size:10px}.bars{border-bottom:1px solid #dfe5e1;align-items:flex-end;gap:11px;height:160px;display:flex}.bars>i{background:linear-gradient(#f1ce58,#d9ac25);border-radius:5px 5px 0 0;flex:1;display:block;position:relative}.bars small{color:#95a19c;font-size:8px;font-style:normal;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%)}.jobs>article{border-bottom:1px solid #edf0ed;align-items:center;gap:11px;padding:15px 0;display:flex}.jobs>article:last-child{border:0}.jobs>article>i{background:#ecbd32;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #fff3cf}.jobs article div{min-width:0;display:grid}.jobs article b{font-size:11px}.jobs article span{color:#72807b;font-size:9px}.jobs article small{color:#94a09b;font-size:8px}.jobs em,.service-list em{border-radius:20px;margin-left:auto;padding:5px 8px;font-size:8px;font-style:normal;font-weight:800}.urgent{color:#b94d42;background:#fbe4df}.scheduled{color:#8e6b00;background:#fff2c9}.open{color:#3976a5;background:#e5eff8}.table{display:grid}.tr{color:#5f7069;border-bottom:1px solid #e9eeea;grid-template-columns:1.7fr .75fr .6fr .75fr .8fr .65fr;align-items:center;gap:10px;padding:13px 10px;font-size:10px;display:grid}.tr.head{color:#8c9994;text-transform:uppercase;letter-spacing:.6px;font-size:8px;font-weight:800}.customer{align-items:center;gap:10px;display:flex}.customer>i{color:#176b50;background:#e4f1e9;border-radius:10px;place-items:center;width:34px;height:34px;font-style:normal;font-weight:800;display:grid}.customer>b{color:#16372c;font-size:10px;display:grid}.customer small,.tr span>small{color:#9aa49f;margin-top:2px;font-size:8px;font-weight:400;display:block}.tr em{font-size:8px;font-style:normal;font-weight:800}.tr em:before{content:"";background:#34a274;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.tr em.attention:before{background:#d55b4e}.tr em.in-progress:before,.tr em.proposal:before{background:#dbaa20}.data{padding:10px 20px}.tools{gap:9px;padding:10px 0;display:flex}.tools input,.tools select{background:#fff;border:1px solid #dce5df;border-radius:9px;outline:0;height:38px;padding:0 11px}.tools input{flex:1}.tools>button{color:#155c45;background:#e5f2eb;border:1px solid #bcdaca;min-height:38px}.data>footer{color:#8b9792;padding:14px 2px;font-size:9px}.asset-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.asset{padding-bottom:17px;overflow:hidden}.asset>img{object-fit:cover;width:100%;height:170px}.asset>small,.asset>h3,.asset>p,.asset>div,.asset>button{margin-left:18px;margin-right:18px}.asset>small{color:#17805e;margin-top:15px;font-size:8px;font-weight:800;display:block}.asset h3{margin-top:5px;margin-bottom:4px;font:700 17px Playfair Display,serif}.asset p{color:#81908a;font-size:9px}.asset>div{background:#f4f7f4;border-radius:10px;grid-template-columns:1fr 1fr;padding:11px;display:grid}.asset>div span{color:#89958f;font-size:8px;display:grid}.asset>div b{color:#26463b;margin-top:3px;font-size:11px}.asset>button,.service-list button,.enquiry button{color:#147054;background:0 0;border:0;margin-top:14px;font-size:9px;font-weight:800}.service-list{padding:18px}.service-list article{border-bottom:1px solid #e7ede9;grid-template-columns:auto 1.4fr .8fr auto auto;align-items:center;gap:14px;padding:15px 0;display:grid}.tool-icon{color:#a47700;background:#fff0c2;border-radius:11px;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.service-list article div{display:grid}.service-list h3{margin:3px 0;font:700 13px Playfair Display,serif}.service-list p{color:#788680;margin:0;font-size:9px}.service-list small{color:#8d9994;font-size:8px}.service-list b{font-size:9px}.scheme-stats{color:#fff;background:#0a4435;border-radius:15px;grid-template-columns:repeat(3,1fr);margin-bottom:17px;display:grid}.scheme-stats span{color:#a7bdb5;border-right:1px solid #ffffff1c;padding:18px;font-size:9px;display:grid}.scheme-stats b{color:#f1c53e;font:700 22px Playfair Display,serif}.subsidy-table{padding:16px}.enquiry-grid{gap:10px;display:grid}.enquiry{grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:16px;display:grid}.enquiry>span{color:#176b50;background:#e4f1e9;border-radius:11px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.enquiry h3{margin:0;font:700 14px Playfair Display,serif}.enquiry p{color:#7a8883;margin:4px 0;font-size:9px}.enquiry em{color:#8f6a00;background:#fff1c7;border-radius:20px;padding:5px 9px;font-size:8px;font-style:normal}.login{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-visual{color:#fff;background:linear-gradient(120deg,#043529f2,#043529ad),url(/images/solar-home.jpg) 50%/cover;flex-direction:column;justify-content:space-between;padding:65px 70px;display:flex}.login-visual>div:nth-child(2)>small{color:#f2c542;letter-spacing:2px;font-size:9px;font-weight:800}.login-visual h1{margin:24px 0;font:700 clamp(45px,5vw,72px)/1.02 Playfair Display,serif}.login-visual h1 em{color:#f2c542}.login-visual p{color:#c0d1ca;max-width:570px;line-height:1.7}.login-visual>span{color:#8dac9f;letter-spacing:2px;font-size:9px}.login-panel{place-items:center;padding:30px;display:grid}.login-panel form{background:#fff;border:1px solid #dce5df;border-radius:22px;width:min(440px,100%);padding:37px;box-shadow:0 20px 60px #12382d20}.login-panel form>p{color:#16805e;letter-spacing:2px;font-size:9px;font-weight:800}.login-panel h2{margin:12px 0 7px;font:700 32px Playfair Display,serif}.login-panel form>span{color:#84918c;font-size:11px}.login-panel label{gap:7px;margin-top:20px;font-size:10px;font-weight:800;display:grid}.login-panel input{border:1px solid #dce4df;border-radius:10px;height:48px;padding:0 12px}.login-panel form>button{color:#15382d;background:#f2c43d;border:0;border-radius:11px;width:100%;height:50px;margin-top:22px;font-weight:850}.login-panel form>small{text-align:center;color:#95a09c;margin-top:13px;font-size:8px;display:block}.scrim{display:none}@media (max-width:900px){.portal aside{transition:all .25s;transform:translate(-105%)}.portal aside.open{transform:none}.workspace{margin-left:0}.scrim{z-index:30;background:#052d24a8;border:0;display:block;position:fixed;inset:0}.mobile-menu{background:#fff;border:1px solid #dbe4de;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.mobile-logo{align-items:center;gap:8px;display:flex}.mobile-logo .mark{width:35px;height:35px}.mobile-logo b{font:700 13px Playfair Display,serif}.global-search,.user{display:none}.overview-grid{grid-template-columns:1fr}.metrics,.asset-grid{grid-template-columns:1fr 1fr}.login{grid-template-columns:1fr}.login-visual{min-height:260px;padding:30px}.login-visual>div:nth-child(2) p,.login-visual>span{display:none}.login-visual h1{font-size:40px}.login-panel{padding:25px}}@media (max-width:600px){.workspace header{height:66px;padding:0 12px}.content{padding:21px 12px}.title{gap:14px;display:grid}.title>button{width:100%}.metrics{gap:8px}.metric{gap:9px;padding:12px}.metric>i{width:35px;height:35px}.metric b{font-size:17px}.metric small{display:none}.hero-panel,.jobs,.recent{padding:15px}.recent{overflow:hidden}.tools{flex-wrap:wrap}.tools input{flex-basis:100%;height:42px}.tools select,.tools button{flex:1}.tr.head{display:none}.tr{border:1px solid #e1e7e3;border-radius:12px;margin-bottom:9px;padding:12px;display:block;position:relative}.tr>span{padding:4px 0;display:block}.tr>span:not(.customer):before{content:attr(data-label) ": ";color:#98a29e}.tr>span:last-child{position:absolute;top:12px;right:12px}.customer{border-bottom:1px solid #e8ede9;margin-bottom:5px;padding-bottom:8px!important}.asset-grid{grid-template-columns:1fr}.service-list article{grid-template-columns:auto 1fr auto}.service-list article>div:nth-of-type(2),.service-list article>em{display:none}.scheme-stats{grid-template-columns:1fr}.scheme-stats span{border-bottom:1px solid #ffffff1c}.enquiry{grid-template-columns:auto 1fr}.enquiry em,.enquiry button{grid-column:2}.login-visual{min-height:170px;padding:20px}.login-visual>div:nth-child(2){display:none}.login-panel{padding:14px}.login-panel form{padding:26px 19px}.login-panel h2{font-size:28px}}.login-loading{color:#6f5000;background:#fffaf0;place-items:center;min-height:100vh;font-weight:700;display:grid}.login-panel form>button:disabled{opacity:.65;cursor:wait}.portal aside{overflow-y:auto}.portal aside nav{margin-top:26px}.portal aside nav button{min-height:43px;font-size:13px}.workbook-data{padding-bottom:16px}.sheet-table-wrap{background:#fff;border:1px solid #e4ebe6;border-radius:12px;overflow:auto}.sheet-table{border-collapse:collapse;width:100%;min-width:1320px;font-size:11px}.sheet-table th{color:#708078;letter-spacing:.65px;text-align:left;text-transform:uppercase;white-space:nowrap;background:#f5f8f5;font-size:9px}.sheet-table th,.sheet-table td{vertical-align:top;border-bottom:1px solid #edf1ee;padding:12px 10px}.sheet-table td{color:#42574e;white-space:nowrap}.sheet-table tbody tr:hover{background:#fffaf0}.sheet-table tbody tr:last-child td{border-bottom:0}.pending-amount{color:#d02727;font-weight:800}.sheet-pagination{color:#718078;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 2px 2px;font-size:10px;display:flex}.sheet-pagination span{margin-right:auto}.sheet-pagination button{color:#146e50;background:#fff;border:1px solid #cbdad1;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:800}.sheet-pagination button:hover{background:#e8f3ed}@media (max-width:600px){.portal aside nav button{min-height:46px}.sheet-table-wrap{margin:0 -4px}.sheet-table th,.sheet-table td{padding:11px 9px}.sheet-pagination span{flex-basis:100%;margin-right:0}}.customers-sheet-table{min-width:1680px}.customers-sheet-table td:nth-child(3){min-width:190px}.customers-sheet-table td:nth-child(3) small,.finance-sheet-table td:first-child small{color:#98a49e;margin-top:3px;font-size:9px;display:block}.sheet-status{white-space:nowrap;font-weight:800}.sheet-status.completed{color:#188555}.sheet-status.in-progress{color:#a77500}.sheet-status.attention{color:#d02727}.finance-sheet-table{min-width:1220px}.table-filters{background:#fff;border:1px solid #dfe6e0;border-radius:13px;flex-wrap:wrap;align-items:end;gap:10px;margin:0 0 22px;padding:12px 14px;display:flex;box-shadow:0 4px 15px #183a3010}.filter-control{align-items:end;gap:4px;display:flex}.table-filters label{color:#77867f;text-transform:uppercase;letter-spacing:.6px;gap:5px;font-size:9px;font-weight:800;display:grid}.table-filters select{color:#24483b;background:#f8faf8;border:1px solid #d8e2db;border-radius:8px;min-width:145px;height:36px;padding:0 10px;font-size:11px}.filter-clear{color:#b13e34;cursor:pointer;background:#fff3f0;border:1px solid #e7b7ae;border-radius:8px;width:26px;height:36px;font-size:15px;font-weight:800}.filter-clear:hover{background:#ffe7e2}@media (max-width:600px){.table-filters{align-items:stretch;margin-bottom:15px;padding:10px}.filter-control{flex:1;min-width:calc(50% - 6px)}.table-filters label{flex:1;min-width:0}.table-filters select{width:100%;min-width:0}.filter-clear{flex:0 0 26px;width:26px}}.sheet-cell-status{border-radius:6px;padding:3px 6px;font-weight:800;display:inline-block}.sheet-cell-status.completed{color:#147849;background:#e1f3e9}.sheet-cell-status.in-progress{color:#956900;background:#fff2c5}.sheet-cell-status.attention{color:#bd3029;background:#ffe7e3}.sheet-cell-status.cash{color:#875900;background:#ffedb1;box-shadow:inset 0 0 0 1px #edc84e}.customer-list-toolbar{align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.customer-list-toolbar .table-filters{flex:1;margin:0}.customer-list-toolbar .tools{flex-shrink:0;margin-left:auto;padding:0}.customer-list-toolbar .tools button{white-space:nowrap}@media (max-width:900px){.customer-list-toolbar{display:block}.customer-list-toolbar .tools{justify-content:flex-end;margin-top:10px}}.customer-list-toolbar .table-filters{flex-wrap:nowrap;gap:8px}.customer-list-toolbar .filter-control{flex:1;min-width:0}.customer-list-toolbar .table-filters select{width:100%;min-width:0}.customer-list-toolbar .tools{grid-template-columns:repeat(2,minmax(145px,1fr));gap:8px;display:grid}.customer-list-toolbar .tools button{white-space:nowrap;border-radius:8px;height:36px;min-height:36px;padding:0 11px;font-size:11px}@media (max-width:1100px){.customer-list-toolbar{align-items:stretch}.customer-list-toolbar .table-filters{flex:1}.customer-list-toolbar .tools{grid-template-columns:1fr;align-content:end}.customer-list-toolbar .tools button{white-space:normal;height:auto;min-height:36px}}@media (max-width:900px){.customer-list-toolbar .table-filters{flex-wrap:wrap}.customer-list-toolbar .filter-control{min-width:calc(50% - 5px)}.customer-list-toolbar .tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.customer-list-toolbar .tools{grid-template-columns:1fr}.customer-list-toolbar .tools button{width:100%}}.customer-list-toolbar .tools{grid-template-columns:145px}.customer-list-toolbar .tools button{width:145px;min-width:145px}@media (max-width:600px){.customer-list-toolbar .tools{grid-template-columns:1fr}.customer-list-toolbar .tools button{width:100%;min-width:0}}.portal{overflow-x:hidden}.workspace{min-width:0;overflow-x:hidden}.sheet-table-wrap{overscroll-behavior-x:contain;max-width:100%;overflow-x:auto}.recent .table{width:100%;min-width:0}.recent .tr{min-width:0}.recent .tr.head,.recent .tr:not(.head){grid-template-columns:1.7fr .75fr .65fr .75fr .8fr .75fr .7fr}.content{flex-direction:column;display:flex}.content>*{order:2}.content>.title{order:1}.content>.metrics{order:2}.content>.table-filters{order:3}.content>.panel,.content>.asset-grid,.content>.empty-state{order:4}.clickable{cursor:pointer}.sheet-pagination button:disabled{opacity:.45;cursor:not-allowed}.sheet-pagination .page-number{color:#315b4b;margin:0;font-weight:800}.detail-backdrop{z-index:80;background:#092f26aa;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.customer-detail{color:#26372f;background:#fffdf8;border:1px solid #dfd4b8;border-radius:20px;width:min(980px,100%);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 24px 80px #102f2780}.customer-detail>header{z-index:2;background:#fffdf8;border-bottom:1px solid #ece5d7;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 26px;display:flex;position:sticky;top:0}.customer-detail>header small{color:#a47100;letter-spacing:1.8px;font-size:9px;font-weight:800}.customer-detail>header h2{color:#17372d;margin:7px 0 4px;font:700 28px/1.1 Playfair Display,serif}.customer-detail>header p{color:#7d8981;margin:0;font-size:11px}.customer-detail>header>button{color:#53665c;background:#fff;border:1px solid #d9e2dc;border-radius:10px;width:36px;height:36px;font-size:22px;line-height:1}.detail-section{border-bottom:1px solid #eee8dc;padding:20px 26px}.detail-section h3{color:#17372d;margin:0 0 14px;font:700 18px Playfair Display,serif}.detail-workbook-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.detail-workbook-grid article{background:#fff;border:1px solid #e3e8e1;border-radius:10px;min-width:0;padding:12px}.detail-workbook-grid article small{color:#8a968f;text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:8px;font-weight:800;display:block}.detail-workbook-grid article b{color:#29483c;overflow-wrap:anywhere;font-size:11px;display:block}.agreement-actions{background:#fffdf8;flex-wrap:wrap;justify-content:flex-end;gap:9px;padding:18px 26px;display:flex}.agreement-actions button{color:#315b4b;background:#fff;border:1px solid #d4e0d8;border-radius:9px;min-height:40px;padding:0 13px;font-size:10px;font-weight:800}.agreement-actions .primary{color:#17382d;background:#f3c53f;border-color:#e2b42b}.agreement-actions .print-button{background:#e6f3eb;border-color:#b8d7c5}.agreement-actions .danger{color:#b4312b;background:#fff3f0;border-color:#efc0ba}@media (max-width:700px){.detail-backdrop{padding:8px}.customer-detail{border-radius:14px;max-height:calc(100vh - 16px)}.customer-detail>header,.detail-section,.agreement-actions{padding-left:16px;padding-right:16px}.customer-detail>header h2{font-size:23px}.detail-workbook-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.detail-workbook-grid article{padding:10px}.agreement-actions{justify-content:stretch}.agreement-actions button{flex:1;min-width:calc(50% - 5px)}}.column-filter{align-items:center;gap:4px;min-width:100px;display:flex}.column-filter select{opacity:0;cursor:pointer;background:0 0;border:0;width:18px;min-width:18px;max-width:18px;padding:2px;transition:opacity .15s}.sheet-table th:hover .column-filter select,.sheet-table th:focus-within .column-filter select{opacity:1;background:#fff;border:1px solid #d8e2db;width:100%;max-width:150px}.column-filter select:focus{opacity:1;width:100%;max-width:150px}.column-filter input{opacity:0;background:#fff;border:0;width:18px;min-width:18px;max-width:18px;padding:3px 5px;transition:opacity .15s}.sheet-table th:hover .column-filter input,.sheet-table th:focus-within .column-filter input{opacity:1;border:1px solid #d8e2db;width:110px;max-width:110px}.column-filter input:focus{opacity:1;width:110px;max-width:110px}.column-filter-row{background:#fffdf7;border:1px solid #e6dcc4;border-radius:16px;flex-wrap:wrap;gap:10px;margin:0 0 18px;padding:14px;display:flex}.column-filter-row .column-filter{background:#f7faf7;border:1px solid #d8e2db;border-radius:10px;padding:6px 8px}.column-filter-row .column-filter input,.column-filter-row .column-filter select{opacity:1;border:1px solid #d8e2db;width:110px;max-width:110px}
:root{--sun:#f7bd19;--sun-bright:#ffd84d;--sun-soft:#fff5cf;--sun-pale:#fffaf0;--amber:#df8f00;--ink:#2c271c;--ink-soft:#625b4d;--night:#272318;--line:#e9e0ca}body{color:var(--ink);background:radial-gradient(circle at 84% 4%,#ffd84d2e,#0000 28rem),#f8f6ef}.portal aside{background:radial-gradient(circle at 18% 8%,#f7bd1938,#0000 12rem),linear-gradient(#2d291f,#211e17);border-right:1px solid #443d2d}.mark{background:#fffdf6;box-shadow:0 8px 24px #00000024,0 0 0 1px #f7bd1940}.side-brand small,.login-brand small{color:var(--sun)}.portal aside nav button{color:#c9c1ad}.portal aside nav button.active,.portal aside nav button:hover{color:#241f13;background:linear-gradient(135deg,var(--sun-bright),var(--sun));box-shadow:0 10px 24px #df8f0033}.portal aside nav button.active{box-shadow:inset 3px 0 #fff8d9,0 10px 24px #df8f0033}.portal aside nav em{color:#7b5200;background:#fff9e7}.side-card{background:linear-gradient(145deg,#ffd84d1f,#ffffff09);border-color:#ffd84d33}.side-card small,.side-card span,.profile small{color:#bdb49e}.side-card a{color:var(--sun-bright)}.profile>span,.user>span{background:linear-gradient(145deg,var(--sun-bright),var(--sun));color:#312812}.workspace header{border-color:var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf7f0;box-shadow:0 6px 30px #3e32130d}.global-search{border-color:var(--line);color:#978c72;background:#fbf8ef}.notify,.mobile-menu{border-color:var(--line);background:#fffdf8}.notify i{background:var(--sun)}.content{position:relative}.content:before{content:"";pointer-events:none;border:1px solid #f7bd191f;border-radius:50%;width:28rem;height:28rem;position:fixed;top:5rem;right:-13rem;box-shadow:0 0 0 4rem #f7bd1909,0 0 0 8rem #f7bd1905}.title>div>small,.panel-head small{color:#b97900}.title p,.capacity span{color:var(--ink-soft)}.title>button,.login-panel form>button{background:linear-gradient(135deg,var(--sun-bright),var(--sun));color:#312812;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 22px #df8f002e}.title>button:hover,.login-panel form>button:hover{transform:translateY(-2px);box-shadow:0 14px 28px #df8f0042}.metric,.panel,.asset{border-color:var(--line);background:#fffefaf5;box-shadow:0 10px 32px #46361212}.metric>i.green,.metric>i.gold{background:linear-gradient(145deg,#fff8d8,#ffe493)}.metric>i.blue{background:#f5ead2}.metric>i.red{background:#f8e2d8}.metric b,.panel-head h2,.title h1,.asset h3,.login-panel h2{color:var(--ink)}.bars{border-color:var(--line)}.bars>i{background:linear-gradient(180deg,var(--sun-bright),#dfa20d);box-shadow:0 -6px 18px #f7bd1926}.panel-head button,.asset>button,.service-list button,.enquiry button{color:#9a6500}.jobs>article>i{background:var(--sun);box-shadow:0 0 0 5px var(--sun-soft)}.customer>i,.enquiry>span{background:var(--sun-soft);color:#8f5d00}.tr em:before{background:#d69d16}.tools>button{background:var(--sun-soft);color:#7c5300;border-color:#edcf74}.asset>div{background:#fbf6e9}.tool-icon{background:var(--sun-soft);color:#9a6500}.scheme-stats{background:radial-gradient(circle at 90% 20%,#ffd84d38,transparent 20rem), var(--night)}.scheme-stats b{color:var(--sun-bright)}.login-visual{background:linear-gradient(112deg,#231e12f5,#2e250e9e),url(/images/solar-home.jpg) 50%/cover;position:relative;overflow:hidden}.login-visual:after{content:"";border:1px solid #ffd84d59;border-radius:50%;width:31rem;height:31rem;position:absolute;top:-12rem;right:-12rem;box-shadow:0 0 0 3.5rem #ffd84d12,0 0 0 7rem #ffd84d0a}.login-visual>*{z-index:1;position:relative}.login-visual>div:nth-child(2)>small,.login-visual h1 em{color:var(--sun-bright)}.login-visual p{color:#eee6d2}.login-panel{background:linear-gradient(145deg,#fffdf8,#f5f0e3)}.login-panel form{border-color:var(--line);box-shadow:0 24px 70px #44330c21}.login-panel form>p{color:#a96d00}.login-panel input{border-color:var(--line);background:#fffdf8}.login-panel input:focus{border-color:var(--sun);outline:3px solid #f7bd192e}.login-error{color:#a83d35;background:#fbe6e2;border-radius:9px;margin-top:13px;padding:10px 12px;font-size:10px;display:block}@media (max-width:900px){.mobile-logo b{color:var(--ink)}.portal aside nav button.active{color:#241f13}}@media (max-width:600px){.content:before{display:none}.workspace header{background:#fffdf8}.title>button{box-shadow:none}.login-visual{background:linear-gradient(105deg,#231e12f0,#483509a6),url(/images/solar-home.jpg) 50% 55%/cover}}.tr.clickable{cursor:pointer;transition:background .18s,transform .18s}.tr.clickable:hover{background:#fff8df;transform:translate(2px)}.finance-table .tr{grid-template-columns:1.55fr .8fr .75fr .75fr .7fr .75fr}.finance-sheet-table{table-layout:auto;width:100%;min-width:1220px}.finance-sheet-table th:first-child,.finance-sheet-table td:first-child{z-index:1;background:#fffdf8;min-width:230px;position:sticky;left:0}.finance-sheet-table th:first-child{z-index:2;background:#f5f8f5}.finance-sheet-table td:first-child b,.finance-sheet-table td:first-child small{white-space:nowrap;display:block;overflow:visible}.finance-table footer{color:#8b7c5f;padding:14px 2px;font-size:9px}.empty-state{text-align:center;color:#8b7c5f;padding:34px}.data-error{color:#a33;background:#fff0ed;border-radius:10px;margin:12px 0;padding:12px 16px;font-weight:700}.customer-form{max-height:92vh;overflow:auto}.customer-form form{padding:0 28px 24px}.customer-form form h3{color:#133d32;margin:22px 0 12px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid label{color:#294d43;flex-direction:column;gap:7px;font-size:11px;font-weight:800;display:flex}.form-grid input,.form-grid select{width:100%;font:inherit;color:#123d32;background:#fff;border:1px solid #d6ded8;border-radius:10px;padding:12px}.checkbox-field{color:#294d43;align-items:center;gap:9px;margin-top:16px;font-size:11px;font-weight:800;display:flex}.checkbox-field input{accent-color:#e9b51b;width:18px;height:18px}.form-error{color:#a33;background:#fff0ed;border-radius:9px;margin-top:14px;padding:10px 12px;font-size:11px;font-weight:700}.finance-guidance{border-left:3px solid var(--sun);background:var(--sun-pale);color:#6b604a;margin:0 0 14px;padding:12px 14px;font-size:11px;line-height:1.55}.terms-field{color:#294d43;flex-direction:column;gap:7px;margin-top:14px;font-size:11px;font-weight:800;display:flex}.terms-field textarea{resize:vertical;width:100%;font:inherit;color:#123d32;border:1px solid #d6ded8;border-radius:10px;padding:12px}.agreement-actions{flex-wrap:wrap}.print-button{font-weight:800;color:#40340f!important;background:#fff7d9!important;border:1px solid #d9b73d!important}.mfa-page{background:radial-gradient(circle at 20% 0,#f7bd1933,#0000 30rem),#f8f6ef;place-items:center;min-height:100vh;padding:24px;display:grid}.mfa-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:22px;width:min(460px,100%);padding:34px;box-shadow:0 24px 70px #2c271c24}.mfa-card>.mark{width:76px;height:76px;margin:0 auto 18px}.mfa-card>small{color:#9b7000;letter-spacing:1.8px;font-weight:800}.mfa-card h1{margin:10px 0;font:700 30px Playfair Display,serif}.mfa-card p{color:#716a59;line-height:1.55}.mfa-qr{border:1px solid var(--line);background:#fff;border-radius:14px;width:220px;height:220px;margin:18px auto;padding:10px;display:block}.mfa-card details{background:var(--sun-pale);text-align:left;border-radius:10px;margin:14px 0;padding:12px}.mfa-card details summary{cursor:pointer;font-weight:800}.mfa-card code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#fff;padding:9px;display:block}.mfa-card form label{text-align:left;gap:8px;font-size:11px;font-weight:800;display:grid}.mfa-card form input{text-align:center;letter-spacing:8px;border:1px solid #d6ded8;border-radius:11px;width:100%;height:54px;padding:0 15px;font-size:24px}.mfa-card form button{background:var(--sun);color:#292417;border:0;border-radius:11px;width:100%;height:50px;margin-top:15px;font-weight:850}.mfa-signout,.mfa-card>button{color:#746d5c;background:0 0;border:0;margin-top:14px;text-decoration:underline}.sidebar-signout{color:#d7caa8;text-align:left;background:0 0;border:0;padding:8px 4px 0;font-size:10px}.login-panel form>.text-button{color:#7a650f;background:0 0;height:auto;margin-top:13px;text-decoration:underline}.auth-success{color:#176545;background:#e7f5ec;border-radius:10px;margin-top:15px;padding:11px;font-size:11px;font-weight:700}.password-modal{width:min(520px,100% - 28px)}.password-modal form{gap:14px;padding:0 28px 26px;display:grid}.password-modal form label{gap:7px;font-size:11px;font-weight:800;display:grid}.password-modal form input{border:1px solid #d6ded8;border-radius:10px;height:46px;padding:0 12px}.password-modal form footer{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.side-brand .mark,.login-brand .mark{flex:0 0 80px;width:80px;height:80px}.login-brand{gap:16px}.login-brand b{letter-spacing:-.8px;color:#fff;max-width:310px;font:800 clamp(22px,2.2vw,32px)/1.02 DM Sans,sans-serif}.login-brand b span{display:block}.login-brand small{letter-spacing:2.5px;margin-top:8px;font-size:10px;font-weight:800}.login-visual h1{letter-spacing:-1.2px;max-width:720px}.side-brand b{font-size:16px;line-height:1.15}@media (max-width:900px){.mobile-logo .mark{flex:0 0 52px;width:52px;height:52px}.mobile-logo b{max-width:150px;font-size:12px;line-height:1.15}}.customer-form form>footer{border-top:1px solid #e4e9e5;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;display:flex}.detail-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1b170eb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.customer-detail{background:#fffdf8;border:1px solid #ead9a7;border-radius:22px;width:min(820px,100%);max-height:92vh;padding:26px;overflow:auto;box-shadow:0 30px 90px #00000047}.customer-detail>header{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding-bottom:18px;display:flex}.customer-detail>header small{color:#a96d00;letter-spacing:1.7px;font-size:9px;font-weight:800}.customer-detail h2{margin:6px 0 2px;font:700 28px Playfair Display,serif}.customer-detail header p{color:#796f5c;margin:0;font-size:11px}.customer-detail>header button{border:1px solid var(--line);color:#574e3d;background:#fff;border-radius:10px;width:38px;height:38px;font-size:24px}.detail-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;display:grid}.detail-grid article,.money-grid span{background:#fbf5e6;border:1px solid #eee0bd;border-radius:12px;gap:6px;padding:14px;display:grid}.detail-grid small{letter-spacing:.8px;color:#9a7a31;font-size:8px;font-weight:800}.detail-grid b{font-size:11px}.detail-section{margin-top:22px}.detail-section h3{margin:0 0 11px;font:700 18px Playfair Display,serif}.money-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.money-grid span{color:#786d57;font-size:9px}.money-grid b{color:#342d1f;font:700 14px Playfair Display,serif}.customer-detail>footer{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;display:flex}.customer-detail>footer button{border:1px solid var(--line);color:#453d2c;background:#fff;border-radius:10px;height:43px;padding:0 18px;font-weight:700}.customer-detail>footer .primary{background:linear-gradient(135deg,var(--sun-bright),var(--sun));border-color:#e5ad15}@media (max-width:700px){.detail-backdrop{place-items:end center;padding:10px}.customer-detail{border-radius:20px 20px 8px 8px;max-height:90vh;padding:18px}.detail-grid,.money-grid{grid-template-columns:1fr 1fr}.finance-table .tr{display:block}.form-grid{grid-template-columns:1fr}.customer-form form{padding:0 18px 18px}}