:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#2d382e;background:#f7f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #e1e4dc;padding:18px max(24px,calc((100vw - 1280px)/2));display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px}.brand div{display:grid;gap:2px}.brand small,.tag{color:#626b60;font-size:12px}main{max-width:1280px;margin:auto;padding:38px 24px}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{color:#58715e;font-size:11px;font-weight:800;letter-spacing:2px;margin:0 0 8px}h1{font-size:clamp(27px,4vw,42px);letter-spacing:-1.5px;margin:0 0 10px}h2{margin:0;font-size:21px}.intro p:last-child{color:#626b60;margin:0;line-height:1.6}.primary,.secondary{cursor:pointer;padding:11px 16px;border-radius:10px;font-weight:700;border:1px solid #d9dfd5}.primary{background:#58715e;color:white;border-color:#58715e}.secondary{background:#fff;color:#58715e}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.stats article,.panel{background:#fff;border:1px solid #dfe3d9;border-radius:16px;box-shadow:0 4px 18px #58715e08}.stats article{padding:22px;display:grid;gap:12px}.stats small,.results small{color:#626b60}.stats strong{font-size:29px}.workspace{display:grid;grid-template-columns:minmax(290px,.9fr) minmax(380px,1.2fr);gap:20px;align-items:start}.panel{padding:24px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}input{width:100%;padding:12px;border:1px solid #d9dfd5;border-radius:9px;background:#fdfdfb;font:inherit;color:#2d382e}input:focus{outline:2px solid #987962}.catalog{margin-top:14px;display:grid;gap:10px}.product{width:100%;text-align:left;border:1px solid #dfe3d9;background:#fff;border-radius:12px;padding:15px;cursor:pointer;display:flex;justify-content:space-between;gap:8px}.product:hover,.product.active{border-color:#58715e;background:#f0f3ed}.product strong,.product small{display:block}.product small{margin-top:6px;color:#626b60}.product .value{text-align:right;white-space:nowrap}.product .value small{color:#58715e}.empty{color:#626b60;padding:30px 12px;text-align:center;border:1px dashed #d9dfd5;border-radius:12px}label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#4a5a4d;margin-bottom:14px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.hint{font-size:12px;line-height:1.55;color:#626b60}.results{background:#eef2eb;border-radius:12px;padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.results div{display:grid;gap:5px}.results strong{font-size:22px}.actions{display:flex;gap:10px;margin-top:18px}#notice{color:#58715e;font-size:13px}footer{text-align:center;color:#626b60;font-size:12px;padding:30px 20px}@media(max-width:850px){.workspace{grid-template-columns:1fr}.intro{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.stats{grid-template-columns:1fr}.two{grid-template-columns:1fr}.panel{padding:16px}.results strong{font-size:18px}header{padding:14px 20px}}

select{width:100%;padding:12px;border:1px solid #d9dfd5;border-radius:9px;background:#fdfdfb;font:inherit;color:#2d382e}nav{display:flex;gap:16px;flex-wrap:wrap}.supplier{max-width:900px}.supplier .panel{margin:20px 0}[hidden]{display:none!important}


/* Official SG logo artwork; viewBox trimmed without changing paths or colors. */
.brand{text-decoration:none;flex-shrink:0;color:inherit;gap:16px}.brand-logo{display:block;width:154px;height:auto;border-radius:6px}.brand-caption{font-size:12px;color:#626b60}header{gap:20px;flex-wrap:wrap}header nav a{overflow-wrap:anywhere}.brand:focus-visible{outline:2px solid #987962;outline-offset:5px;border-radius:6px}@media(max-width:480px){.brand{gap:12px}.brand-logo{width:124px}.brand-caption{font-size:11px}header{gap:12px}.tag{font-size:11px}}





:root{--brand-green:#58715e;--brand-brown:#987962;--ink:#2d382e;--muted:#626b60;--line:#d9dfd5;--paper:#f7f6f2;--green-tint:#eef2eb;--brown-tint:#f4eee8}
body{line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{font-size:13px}a{color:var(--brand-green);text-underline-offset:3px}button:disabled{opacity:.55;cursor:not-allowed}.primary:hover:not(:disabled){background:#48604e;border-color:#48604e}.secondary:hover:not(:disabled){background:var(--green-tint);border-color:var(--brand-green)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--brand-brown);outline-offset:3px}input,select{min-height:46px}header{padding-top:16px;padding-bottom:16px}.brand-logo{width:164px;border-radius:0}.brand-caption{border-left:1px solid var(--line);padding-left:16px;font-size:12px}header nav{gap:8px}header nav a{padding:8px 12px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:600}header nav a[aria-current="page"],header nav a:hover{background:var(--green-tint)}.eyebrow{color:var(--brand-green)}.intro{flex-wrap:wrap;gap:12px}.intro>div{flex:1 1 100%}.intro .secondary{text-decoration:none}.stats article{border-top:3px solid var(--brand-brown)}.stats strong,.results strong{font-variant-numeric:tabular-nums}.panel-head{align-items:center}.actions{flex-wrap:wrap}h3{margin:0;font-size:18px;letter-spacing:-.3px}
.cloud-panel{padding:0;margin-bottom:24px;overflow:hidden;border-top:3px solid var(--brand-brown)}.cloud-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:30px}.cloud-overview{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.cloud-overview h2{font-size:27px;letter-spacing:-.7px;line-height:1.25}.account-description{font-size:14px;color:var(--muted);max-width:42ch;margin:12px 0 22px}.account-identity{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:20px;min-width:0}.account-identity img{flex:none;background:var(--brown-tint);border-radius:10px}.account-identity>div{display:grid;gap:3px;min-width:0;flex:1}.account-label{font-size:11px;color:var(--muted);letter-spacing:.6px;text-transform:uppercase}#cloudAccount{font-size:13px;overflow-wrap:anywhere;font-weight:600}.storage-label{width:100%;max-width:390px;margin:0}.auth-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0}.auth-description{margin:6px 0 20px}.auth-fields{display:grid;gap:16px}.auth-fields label{margin:0;font-size:13px}.auth-fields input{background:#fff}.auth-card #passwordHint{margin:10px 0 0;font-size:11px}.auth-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:20px;gap:12px}.auth-actions button{min-height:46px}.cloud-footer{padding:18px 30px 20px;background:var(--green-tint);border-top:1px solid var(--line)}#cloudStatus{margin:0 0 12px;font-size:13px;color:var(--ink);overflow-wrap:anywhere}.cloud-tools{gap:10px;margin:0}.cloud-footer>.hint{margin:14px 0 0;max-width:95ch}.hint{line-height:1.65}
@media(max-width:760px){.cloud-layout{grid-template-columns:1fr;gap:24px;padding:24px}.storage-label{max-width:none}.cloud-overview h2{font-size:25px}.cloud-footer{padding:18px 24px}.intro{align-items:stretch}.intro .secondary,.intro>.primary{width:100%;text-align:center}}
@media(max-width:480px){main{padding:26px 16px}header{padding:12px 16px;gap:10px}.brand-logo{width:134px}.brand{gap:12px}.brand-caption{padding-left:12px;font-size:11px}.cloud-layout{padding:20px;gap:20px}.auth-card{padding:18px}.cloud-footer{padding:16px 20px}.cloud-tools button{width:100%;white-space:normal}.cloud-overview h2{font-size:24px}.account-description{margin-bottom:18px}.panel-head{flex-wrap:wrap}.brand{max-width:100%}}

input[readonly]{background:#eef2eb;color:#4a5a4d;border-color:#d9dfd5;cursor:default}#databaseTable input[readonly]{background:#eef2eb;color:#4a5a4d}
label:has(>input[type="checkbox"]){display:flex;align-items:center;gap:10px}input[type="checkbox"]{width:18px;height:18px;min-height:0;margin:0;accent-color:var(--brand-green)}

.energy-config{border:1px solid var(--line);border-radius:12px;padding:18px;margin:0 0 18px}.energy-config legend{padding:0 8px;font-size:13px;font-weight:700;color:var(--brand-green)}

.supplier-details{border:1px solid var(--line);border-radius:12px;padding:18px;margin:0 0 18px}.supplier-details legend{padding:0 8px;color:var(--brand-green);font-weight:700;font-size:13px}textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fdfdfb;color:var(--ink);font:inherit;line-height:1.5;resize:vertical}textarea:focus-visible{outline:2px solid var(--brand-brown);outline-offset:3px}