:root{--ink:#16352c;--muted:#718079;--line:#dfe6e1;--paper:#fff;--canvas:#f3f5f0;--green:#1f6a50;--green-2:#2f8062;--lime:#c9efb7;--pale:#e8f2ec;--amber:#d88a2e;--red:#c95b49;--blue:#3c79a5;--shadow:0 12px 34px rgba(28,52,43,.07)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:DM Sans,Noto Sans SC,sans-serif;font-size:14px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:25px 18px 18px;background:#153f34;color:#eef8f2;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:0 9px 24px}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--lime);display:grid;place-items:center}.brand-mark svg{width:28px;height:28px;fill:#174939}.brand strong,.brand span{display:block}.brand strong{font-size:17px;letter-spacing:.08em}.brand span{font-size:11px;opacity:.62;margin-top:2px}.nav-list{display:grid;gap:4px}.nav-item{width:100%;border:0;background:transparent;color:#effaf3ad;height:45px;padding:0 12px;border-radius:10px;display:flex;align-items:center;gap:12px;font:inherit;cursor:pointer;text-align:left;transition:.2s}.nav-item:hover,.nav-item.active{background:#ffffff1a;color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--lime)}.nav-icon{width:22px;font-size:18px;text-align:center}.nav-badge{margin-left:auto;background:#d4f5c5;color:#144737;font-size:11px;font-weight:700;padding:2px 7px;border-radius:20px}.sidebar-bottom{margin-top:auto}.nav-item.muted{margin-bottom:14px}.support-card{padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#00000014;margin:0 2px 14px}.support-card .eyebrow{color:#a5c6ba}.support-card strong{display:block;font-size:13px;margin:5px 0 8px}.status-line{font-size:11px;color:#a9c1b9}.status-line i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#86df8a;margin-right:6px;box-shadow:0 0 0 4px #86df8a1a}.account-row{display:grid;grid-template-columns:36px 1fr 28px;align-items:center;gap:10px;padding:12px 8px 4px;border-top:1px solid rgba(255,255,255,.1)}.account-row .avatar{width:36px;height:36px;background:#e0a465;color:#fff}.account-row strong,.account-row span{display:block}.account-row strong{font-size:12px}.account-row span{font-size:10px;color:#99b4aa;margin-top:2px}.account-row button{border:0;background:transparent;color:#8caba0;cursor:pointer}.main{margin-left:248px;min-height:100vh}.topbar{height:74px;background:#ffffffdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:10}.restaurant-switcher span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#89948e;margin-bottom:2px}.restaurant-switcher button{border:0;background:none;color:var(--ink);font-weight:650;padding:0;font-size:14px;cursor:pointer}.restaurant-switcher b{padding-left:7px;color:#95a099}.topbar-actions{display:flex;align-items:center;gap:10px}.icon-button{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:10px;position:relative;color:var(--ink)}.notification-dot{position:absolute;width:7px;height:7px;background:#dc7457;border-radius:50%;right:8px;top:7px;border:2px solid #fff}.primary-button,.dark-button,.outline-button,.confirm-button{border:0;border-radius:9px;padding:10px 15px;font:600 13px inherit;cursor:pointer;transition:.2s}.primary-button{background:var(--green);color:#fff;box-shadow:0 7px 16px #1f6a502b}.primary-button:hover{background:#185b44;transform:translateY(-1px)}.primary-button span{font-size:18px;margin-right:4px}.menu-button{display:none;border:0;background:transparent;font-size:22px}.page{display:none;padding:34px;max-width:1600px;margin:0 auto}.page.active{display:block;animation:fade .28s ease}@keyframes fade{0%{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading.compact{align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:700;color:#70867c;margin:0 0 7px}.page-heading h1{margin:0;font-size:27px;letter-spacing:-.03em}.page-heading p:not(.eyebrow){margin:7px 0 0;color:var(--muted)}.period-control,.report-tabs{padding:4px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex}.period-control button,.report-tabs button{border:0;background:transparent;color:#79857f;padding:8px 14px;border-radius:7px;font:600 12px inherit;cursor:pointer}.period-control button.active,.report-tabs button.active{background:#193f34;color:#fff}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.metric-grid.three{grid-template-columns:repeat(3,1fr)}.metric-card,.panel{background:var(--paper);border:1px solid rgba(218,226,220,.9);border-radius:14px;box-shadow:var(--shadow)}.metric-card{padding:19px;min-height:157px}.metric-card.featured{background:#e7f1e9;border-color:#d6e8dc}.metric-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.metric-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:700}.metric-icon.leaf{background:#c6e9cb;color:#1f664b}.metric-icon.water{background:#e2f1fa;color:#377fa7}.metric-icon.power{background:#fff0cb;color:#a67112}.metric-icon.waste{background:#ede9dc;color:#70654a}.metric-icon.gas{background:#fbe8dd;color:#a95d3f}.trend{font-size:11px;font-weight:600;padding:4px 7px;border-radius:20px}.trend.positive{color:#317151;background:#e8f5ec}.trend.negative{color:#b05a46;background:#faece8}.trend.neutral{color:#65746d;background:#f0f3f1}.metric-card>p{margin:0 0 7px;color:#728079;font-size:12px}.metric-value{font-size:27px;font-weight:700;letter-spacing:-.04em}.metric-value small{font-size:11px;color:#77837d;font-weight:500;letter-spacing:0}.metric-foot{font-size:11px;color:#89928e;margin-top:14px}.sparkline{height:25px;display:flex;align-items:end;gap:5px;margin-top:8px}.sparkline i{width:10px;background:#73b38e;border-radius:2px}.content-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,.75fr);gap:16px;margin-bottom:16px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.panel-head h2,.report-ready h2{margin:0;font-size:16px}.panel-head p,.report-ready p{margin:5px 0 0;font-size:11px;color:#87918c}.legend{display:flex;gap:14px;color:#7b8781;font-size:11px}.legend span{display:flex;align-items:center;gap:6px}.dot{width:7px;height:7px;border-radius:50%}.carbon{background:#28795c}.waste-dot{background:#caa85f}.chart-wrap{display:flex;height:227px}.y-labels{width:30px;display:flex;flex-direction:column;justify-content:space-between;color:#9ba39f;font-size:9px;padding-bottom:23px}.chart-area{position:relative;flex:1}.grid-lines{position:absolute;inset:0 0 23px;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{border-top:1px dashed #e8ece9}.chart-area svg{position:absolute;inset:0 0 23px;width:100%;height:calc(100% - 23px);overflow:visible}.area{fill:url(#area)}.line{fill:none;stroke-width:3;vector-effect:non-scaling-stroke}.carbon-line{stroke:#27785b}.waste-line{stroke:#d3ad5c;stroke-dasharray:7 5}.x-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#9ba39f;font-size:9px}.report-ready{position:relative;overflow:hidden;padding-top:22px;background:#f9f6ec}.report-ready .eyebrow{color:#9f762f}.report-ready>p{line-height:1.7}.report-illustration{height:56px;display:flex;align-items:end;margin-bottom:12px;position:relative}.report-illustration>span{display:grid;place-items:center;width:46px;height:56px;background:#fff;border:1px solid #d8d6c9;box-shadow:5px 5px #e4deca;font:700 11px inherit}.report-illustration i{position:absolute;width:26px;height:3px;background:#d5a248;left:10px;top:22px;box-shadow:0 8px #e1d9b9,0 16px #e1d9b9}.report-illustration b{margin:0 0 3px 18px;width:27px;height:27px;border-radius:50%;background:#d3edcc;color:#28674c;display:grid;place-items:center}.check-list{display:grid;gap:6px;margin:17px 0;color:#61736a;font-size:11px}.check-list span:first-letter{color:#2c825f}.dark-button{background:#183d33;color:#fff;width:100%;display:flex;justify-content:space-between;margin-top:16px}.bottom-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.text-button{border:0;background:transparent;color:var(--green);font:600 11px inherit;cursor:pointer}.activity-list>div{display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;padding:12px 0;border-top:1px solid #eef1ef}.activity-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#f5ead3;color:#a27523}.activity-icon.success{background:#e2f2e7;color:#2f7959}.activity-icon.scale{background:#e4eff3;color:#477a8b}.activity-list strong,.device-row strong{font-size:12px}.activity-list p,.device-row p{margin:3px 0 0;color:#8b9590;font-size:10px}.activity-list time{font-size:10px;color:#9ba39f}.online-pill{color:#2f7758;background:#e7f3eb;padding:4px 8px;border-radius:20px;font-size:10px;font-weight:600}.device-row{display:grid;grid-template-columns:37px 1fr auto;align-items:center;gap:10px;padding:13px 0;border-top:1px solid #eef1ef}.device-symbol{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#edf2ed;color:#41725f}.device-row>span{font-size:10px;color:#95a09a}.restaurant-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.restaurant-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:var(--shadow)}.restaurant-photo{height:126px;padding:18px;display:flex;align-items:flex-end}.restaurant-photo span{background:#ffffffe0;padding:5px 10px;border-radius:20px;font-size:11px;font-weight:600}.color-one{background:linear-gradient(135deg,#375f4d,#a8c8a3)}.color-two{background:linear-gradient(135deg,#6d5b3f,#e2c894)}.restaurant-body{padding:18px}.title-row{display:flex;justify-content:space-between;align-items:center}.restaurant-body h3{margin:0}.restaurant-body>p{color:#7b8781;font-size:11px}.restaurant-body dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 0;border-top:1px solid #edf0ee;border-bottom:1px solid #edf0ee}.restaurant-body dt{color:#919a95;font-size:9px}.restaurant-body dd{margin:4px 0 0;font-size:11px;font-weight:600}.outline-button{background:#fff;color:var(--green);border:1px solid #cbd9d1;margin-top:10px}.add-restaurant{min-height:300px;border:1px dashed #b9c7bf;border-radius:15px;background:#ffffff59;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#819087;cursor:pointer}.add-restaurant span{font-size:28px}.add-restaurant strong{color:#45655a;margin:10px 0 3px}.add-restaurant p{font-size:11px}.bill-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.bill-summary>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:2px 10px}.bill-summary p{margin:0}.bill-summary strong{font-size:11px;color:#37765a}.bill-summary small{grid-column:2/4;color:#89948e}.warning-text{color:#af7427!important}.search-box{border:1px solid var(--line);border-radius:8px;padding:7px 9px;color:#88928d}.search-box input{border:0;outline:0;width:100px}.data-table{overflow:auto}.table-head,.table-row{display:grid;align-items:center;gap:12px;min-width:680px}.bill-table .table-head,.bill-table .table-row{grid-template-columns:1.5fr 1fr .7fr .8fr .7fr 70px}.weight-table .table-head,.weight-table .table-row{grid-template-columns:.7fr 1.5fr .8fr 1fr .7fr}.table-head{padding:8px 12px;color:#909a95;font-size:9px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line)}.table-row{padding:13px 12px;border-bottom:1px solid #edf0ee;font-size:11px}.table-row.highlight{background:#fffaf1}.table-row>span:first-child{display:grid;grid-template-columns:32px 1fr;column-gap:8px}.table-row>span:first-child small{grid-column:2}.file-type{grid-row:1/3;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-weight:700}.water-file{background:#e1f1f8;color:#387b9d}.power-file{background:#fff0cb;color:#9d6b13}.gas-file{background:#f8e5da;color:#a35d40}.tag{font-style:normal;font-size:9px;font-weight:650;padding:4px 7px;border-radius:20px;white-space:nowrap}.success-tag{background:#e7f3eb;color:#287052}.warning-tag{background:#fff0d8;color:#a66c1d}.neutral-tag{background:#eef1ef;color:#69766f}.table-row button{border:0;background:transparent;color:#6f7d76;cursor:pointer}.confirm-button{background:#b97a24!important;color:#fff!important;padding:7px 9px!important}.report-tabs{width:max-content;margin-bottom:16px}.reports-layout{display:grid;grid-template-columns:minmax(340px,.7fr) 1.3fr;gap:18px}.report-preview{padding:24px;background:#e7eee8}.report-cover{max-width:380px;min-height:475px;margin:auto;padding:25px;background:#f9f8f2;box-shadow:0 13px 30px #20352b24;display:flex;flex-direction:column;position:relative;overflow:hidden}.report-cover:after{content:"";position:absolute;width:190px;height:190px;border:50px solid #dbe9dc;border-radius:50%;right:-140px;bottom:-110px}.report-brand{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700}.brand-mark.small{width:25px;height:25px;border-radius:8px}.brand-mark.small svg{width:18px;height:18px}.report-label{font-size:7px;letter-spacing:.2em;color:#8c9992;margin-top:60px}.report-cover h2{font-size:25px;line-height:1.2;margin:10px 0}.report-cover>p{color:#708077;margin:0}.report-total{margin-top:45px}.report-total span{display:block;color:#839088;font-size:9px}.report-total strong{font-size:43px;letter-spacing:-.06em}.report-total small{font-size:10px}.mini-bars{height:55px;display:flex;align-items:end;gap:8px;margin:20px 0}.mini-bars i{width:18px;background:#609a72;border-radius:3px 3px 0 0}.report-cover footer{margin-top:auto;padding-top:14px;border-top:1px solid #dfe5df;font-size:9px;display:flex;justify-content:space-between}.report-item{display:grid;grid-template-columns:42px 1fr auto 55px;align-items:center;gap:10px;padding:14px 0;border-top:1px solid #edf0ee}.pdf-icon{width:38px;height:42px;background:#f3e4df;color:#a34e3f;display:grid;place-items:center;border-radius:7px;font-size:9px;font-weight:700}.report-item strong{font-size:11px}.report-item p{font-size:9px;color:#8c9691;margin:4px 0}.report-item button,.recipient-row button{border:0;background:#edf3ef;border-radius:7px;padding:7px;color:#416858;font-size:10px}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.channel-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;box-shadow:var(--shadow)}.channel-logo{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-weight:700}.email-logo{background:#e8edf7;color:#48689e}.wechat-logo{background:#e1f3e5;color:#217a3e}.whatsapp-logo{background:#e3f5ec;color:#17734d}.channel-card h3{margin:0;font-size:13px}.channel-card p{margin:4px 0 0;color:#84908a;font-size:9px}.connection{grid-column:2;font-size:9px}.connected{color:#2c7455}.testing{color:#9d6b1e}.waiting{color:#8a9390}.switch{grid-column:3;grid-row:1/3}.switch input{display:none}.switch i{display:block;width:34px;height:19px;border-radius:20px;background:#d9dfdb;position:relative;cursor:pointer}.switch i:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;left:2px;top:2px;transition:.2s;box-shadow:0 1px 3px #999}.switch input:checked+i{background:#2d8060}.switch input:checked+i:after{transform:translate(15px)}.recipient-row{display:grid;grid-template-columns:40px 1fr 1.2fr 1.2fr .5fr 50px;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #edf0ee;font-size:11px}.avatar{border-radius:50%;display:grid;place-items:center;font-weight:700}.avatar.soft{width:36px;height:36px;background:#e7efe9;color:#3f6f5b}.recipient-row p{margin:2px 0;color:#8a9590;font-size:9px}.settings-list>div{display:grid;grid-template-columns:1fr 2fr 60px;gap:20px;padding:15px 0;border-top:1px solid #edf0ee;align-items:center}.settings-list>div:first-child{border-top:0}.settings-list span{font-weight:600}.settings-list p{color:#7d8983}.settings-list button{border:0;background:#eaf1ed;color:#3e6757;padding:8px;border-radius:7px}.modal-backdrop{position:fixed;inset:0;background:#0d231d85;display:none;place-items:center;z-index:100;padding:20px}.modal-backdrop.open{display:grid}.modal{background:#fff;width:min(440px,100%);padding:26px;border-radius:16px;position:relative;box-shadow:0 30px 90px #00000040}.modal h2{margin:0}.modal>p{color:#7d8983;font-size:12px}.modal-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:24px;color:#718079;cursor:pointer}.dropzone{border:1px dashed #9fb8ac;background:#f5f8f5;border-radius:12px;padding:33px;text-align:center;margin:18px 0}.dropzone span{display:block;font-size:24px;color:#40765f}.dropzone strong{display:block;margin:8px}.dropzone p{margin:0;font-size:10px;color:#8c9691}.privacy-note{background:#f5f2e7;color:#74694e;padding:10px;border-radius:8px;font-size:10px;margin-bottom:15px}.full{width:100%}.toast{position:fixed;right:25px;bottom:25px;background:#173e33;color:#fff;border-radius:12px;padding:13px 18px;display:flex;gap:10px;align-items:center;box-shadow:0 20px 50px #00000038;transform:translateY(100px);opacity:0;transition:.3s;z-index:120}.toast.show{transform:none;opacity:1}.toast>span{width:27px;height:27px;border-radius:50%;background:#7cc290;display:grid;place-items:center}.toast strong,.toast p{display:block;margin:0}.toast strong{font-size:11px}.toast p{font-size:9px;color:#b9ccc4;margin-top:2px}@media(max-width:1100px){.metric-grid,.restaurant-cards{grid-template-columns:repeat(2,1fr)}.channel-grid,.content-grid,.bottom-grid{grid-template-columns:1fr}.report-ready{min-height:auto}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:.25s}.sidebar.open{transform:none;box-shadow:20px 0 50px #00000040}.main{margin-left:0}.menu-button{display:block}.topbar{padding:0 17px}.restaurant-switcher span{display:none}.restaurant-switcher button{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .primary-button{font-size:0;padding:9px 12px}.topbar .primary-button span{font-size:20px;margin:0}.page{padding:22px 16px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading.compact{align-items:flex-start}.period-control{align-self:stretch}.period-control button{flex:1}.metric-grid,.metric-grid.three,.bill-summary,.restaurant-cards{grid-template-columns:1fr}.metric-card{min-height:135px}.bottom-grid,.reports-layout{grid-template-columns:1fr}.chart-panel{padding:15px}.channel-grid{grid-template-columns:1fr}.recipient-row{grid-template-columns:40px 1fr auto}.recipient-row>span{grid-column:2}.recipient-row .tag,.recipient-row button{grid-column:3}.settings-list>div{grid-template-columns:1fr auto}.settings-list p{grid-column:1/3}.report-cover{min-height:430px}.bill-summary>div{grid-template-columns:40px 1fr auto}}@media(max-width:430px){.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:14px}.metric-value{font-size:22px}.metric-card.featured{grid-column:1/3}.topbar-actions{gap:5px}.page-heading h1{font-size:24px}}.brand{display:block;padding:0 2px 22px}.brand-logo{display:block;width:100%;height:auto;border-radius:11px;background:#fff}.message-tabs{width:max-content;display:flex;gap:4px;padding:4px;background:#e8ede9;border-radius:10px;margin-bottom:18px}.message-tabs button{border:0;background:transparent;padding:9px 16px;border-radius:7px;color:#718078;font:600 12px inherit;cursor:pointer}.message-tabs button.active{background:#fff;color:#245d48;box-shadow:0 3px 9px #1a372c14}.message-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.message-summary article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px 18px;box-shadow:var(--shadow)}.message-summary span,.message-summary small{display:block}.message-summary span{color:#76837c;font-size:10px}.message-summary strong{display:block;font-size:25px;margin:5px 0}.message-summary small{color:#8d9691;font-size:9px}.message-filters{display:flex;gap:8px}.message-filters select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 28px 8px 10px;color:#52675d;font:600 10px inherit}.message-table-head,.message-history-row{display:grid;grid-template-columns:1.15fr 1.55fr .65fr .7fr .8fr .55fr .65fr;gap:12px;align-items:center;min-width:850px}.message-table-head{padding:8px 10px;color:#8b9690;font-size:9px;border-bottom:1px solid var(--line)}.message-history-row{padding:13px 10px;border-bottom:1px solid #edf0ee;font-size:10px}.message-history-row.attention{background:#fffaf1}.message-history-row[hidden]{display:none}.message-history-row span:first-child b,.message-history-row span:first-child small,.message-history-row span:nth-child(2) b,.message-history-row span:nth-child(2) small{display:block}.message-history-row small{color:#8a9590;margin-top:3px}.message-history-row time{color:#748179}.message-history-row>button{border:0;background:#edf3ef;color:#416858;border-radius:7px;padding:7px;font-size:9px;cursor:pointer}.message-history-row>button:disabled{color:#8a9590}.channel-chip{font-style:normal;font-size:9px;font-weight:650;padding:5px 7px;border-radius:6px}.email-chip{background:#e8edf7;color:#48689e}.wechat-chip{background:#e1f3e5;color:#217a3e}.platform-channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.platform-channel-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;box-shadow:var(--shadow)}.platform-channel-card h3{margin:0;font-size:13px}.platform-channel-card p{margin:4px 0 6px;color:#7f8b85;font-size:9px}.platform-channel-card>button{grid-column:3;grid-row:1;border:0;background:#edf3ef;color:#416858;border-radius:7px;padding:8px 10px;font:600 9px inherit;cursor:pointer}.platform-channel-card.pending>button{background:#f5efe3;color:#82663a}.global-message-settings .panel-head .outline-button{margin:0}.global-message-settings>div:not(.panel-head){display:grid;grid-template-columns:1fr 2fr 60px;gap:18px;align-items:center;padding:14px 0;border-top:1px solid #edf0ee}.global-message-settings>div>span{font-weight:650;font-size:11px}.global-message-settings>div>p{margin:0;color:#7d8983;font-size:10px}.global-message-settings>div>button{border:0;background:#edf3ef;color:#416858;border-radius:7px;padding:7px;font-size:9px}.global-message-settings .switch{grid-column:3;grid-row:auto}.notification-channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.notification-channel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;box-shadow:var(--shadow)}.notification-channel h3{margin:0;font-size:13px}.notification-channel p{margin:4px 0;color:#7e8b84;font-size:9px}.notification-channel small{color:#2f7658;font-size:9px}.notification-channel.disabled small{color:#9a6d2a}.notification-channel>button{grid-column:2/4;width:max-content;border:0;background:#edf3ef;color:#386551;border-radius:7px;padding:7px 10px;font:600 10px inherit;cursor:pointer}.notification-channel.disabled>button{background:#f4efe4;color:#876b3e}.delivery-settings{padding:20px}.delivery-hint{color:#77847d;font-size:10px}.recipient-config-head,.recipient-config-row{display:grid;grid-template-columns:1.15fr 1.2fr .8fr 1.1fr 55px;gap:14px;align-items:center}.recipient-config-head{padding:8px 10px;color:#8a9590;font-size:9px;border-bottom:1px solid var(--line)}.recipient-config-row{padding:14px 10px;border-bottom:1px solid #edf0ee;font-size:10px}.recipient-config-row>div:first-child{display:flex;align-items:center;gap:10px}.recipient-config-row p{margin:0}.recipient-config-row strong,.recipient-config-row small{display:block}.recipient-config-row small{margin-top:3px;color:#8a9590}.recipient-config-row .avatar{flex:0 0 auto}.recipient-channels{display:flex;gap:4px;flex-wrap:wrap}.recipient-config-row>button{border:0;background:#edf3ef;color:#416858;border-radius:7px;padding:7px;font-size:10px;cursor:pointer}.bill-restaurant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bill-restaurant-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:22px;text-align:left;color:var(--ink);cursor:pointer;box-shadow:var(--shadow);display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;font:inherit;transition:.2s}.bill-restaurant-card:hover{transform:translateY(-2px);border-color:#abc7b8;box-shadow:0 16px 38px #1c342b1c}.restaurant-initial{width:50px;height:50px;border-radius:14px;background:#dceee2;color:#276e53;display:grid;place-items:center;font-size:20px;font-weight:700}.restaurant-initial.amber{background:#f4ead4;color:#936b28}.bill-restaurant-card small{color:#839089;font-size:10px}.bill-restaurant-card h2{margin:3px 0 5px;font-size:18px}.bill-restaurant-card p{margin:0;color:#78857e;font-size:10px}.bill-restaurant-card dl{display:flex;gap:7px;margin:0}.bill-restaurant-card dl div{min-width:88px;padding:9px 10px;border-radius:9px;background:#f5f7f4}.bill-restaurant-card dt{font-size:9px;color:#8a9690}.bill-restaurant-card dd{margin:3px 0 0;font-size:10px;font-weight:650}.bill-restaurant-card>b{grid-column:2/4;color:var(--green);font-size:11px}.back-button{border:0;background:transparent;color:#668077;padding:0;margin-bottom:16px;font:600 11px inherit;cursor:pointer}.restaurant-detail-head .page-heading{margin-bottom:16px}.bill-view-tabs{width:max-content;display:flex;gap:4px;padding:4px;background:#e8ede9;border-radius:10px;margin-bottom:18px}.bill-view-tabs button{border:0;background:transparent;padding:9px 16px;border-radius:7px;color:#718078;font:600 12px inherit;cursor:pointer}.bill-view-tabs button.active{background:#fff;color:#245d48;box-shadow:0 3px 9px #1a372c14}.calendar-panel{padding:22px}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px}.calendar-toolbar h2{font-size:16px;margin:0}.calendar-toolbar p{font-size:10px;color:#84908a;margin:5px 0 0}.month-control{display:flex;align-items:center;gap:12px}.month-control button{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#45685a;font-size:19px;cursor:pointer}.month-control strong{min-width:95px;text-align:center;font-size:12px}.calendar-legend{display:flex;gap:17px;margin:18px 0 12px;color:#728078;font-size:10px}.calendar-legend span{display:flex;align-items:center;gap:6px}.calendar-legend i{width:7px;height:7px;border-radius:50%}.water-dot{background:#54a3c5}.power-dot{background:#d9a53e}.gas-dot{background:#cc7957}.usage-calendar{border:1px solid var(--line);border-radius:12px;overflow:hidden}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays{background:#eef3ef}.calendar-weekdays span{text-align:center;padding:9px;color:#74827b;font-size:9px;font-weight:700}.calendar-day{min-height:104px;padding:8px;border-top:1px solid #e6ebe7;border-right:1px solid #e6ebe7;background:#fff;display:flex;flex-direction:column;gap:4px}.calendar-day:nth-child(7n){border-right:0}.calendar-day time{font-size:10px;font-weight:700;color:#53685e;margin-bottom:2px}.calendar-day.empty{background:#f8f9f7}.calendar-day.uncovered{background:#fbfcfa}.calendar-day.uncovered small{margin:auto;color:#a3aba7;font-size:8px}.usage-pill{display:flex;align-items:center;justify-content:space-between;padding:4px 5px;border-radius:5px;font-size:8px}.usage-pill b{font-size:8px}.usage-pill.water{background:#e5f2f7;color:#347896}.usage-pill.power{background:#fff2d6;color:#976b16}.usage-pill.gas{background:#f9e9e1;color:#9b593e}.calendar-note{margin:12px 0 0;color:#84908a;font-size:9px}.pending-dot{background:#fff;border:1px dashed #b5782b}.usage-pill.pending{border:1px dashed currentColor;background:#fff}.restaurant-assignment{display:grid;gap:7px;margin-top:18px;color:#36584a;font-size:11px;font-weight:650}.restaurant-assignment select{width:100%;appearance:none;border:1px solid #bfcfc6;border-radius:9px;background:#f3f8f4;padding:11px 38px 11px 12px;color:#21483a;font:650 13px inherit;outline:none;background-image:linear-gradient(45deg,transparent 50%,#527063 50%),linear-gradient(135deg,#527063 50%,transparent 50%);background-position:calc(100% - 17px) 16px,calc(100% - 12px) 16px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.restaurant-assignment small{color:#829089;font-size:9px;font-weight:400}.result-assignment{margin-top:0;padding:11px 12px;background:#edf6f0;border:1px solid #d2e6d9;border-radius:10px}.result-assignment select{background-color:#fff}.bill-flow{width:min(780px,100%);padding:26px 30px 30px}.flow-steps{display:flex;align-items:center;justify-content:center;margin:0 30px 26px;color:#98a39d;font-size:10px;font-weight:650}.flow-steps span{display:flex;align-items:center;gap:6px;white-space:nowrap}.flow-steps b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#edf1ee;color:#7c8982}.flow-steps i{height:1px;background:#dde5e0;width:65px;margin:0 10px}.flow-steps span.active{color:var(--green)}.flow-steps span.active b{background:var(--green);color:#fff;box-shadow:0 0 0 4px #e6f1eb}.flow-steps span.done{color:#5c776b}.flow-steps span.done b{background:#d7ebdd;color:#277052}.flow-panel{display:none}.flow-panel.active{display:block;animation:fade .25s ease}.scanning-layout{display:grid;grid-template-columns:250px 1fr;align-items:center;gap:35px;min-height:390px;padding:12px 18px}.bill-paper{background:#faf9f3;border:1px solid #e0dfd7;box-shadow:0 12px 30px #25312b1f;position:relative;overflow:hidden}.mini-bill{height:340px;padding:24px;transform:rotate(-1.5deg)}.mini-bill-head{display:flex;align-items:center;gap:8px;font-size:16px;color:#2875a0;border-bottom:2px solid #3d91b5;padding-bottom:12px;margin-bottom:22px}.gas-flame{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#d9eef7;color:#3183a8;font-size:8px}.redacted-line{height:8px;border-radius:4px;background:#dfe3df;margin:16px 0}.redacted-line.short{width:58%}.mini-highlight{background:#dff0f8;border:1px solid #82b6ce;padding:12px;margin:26px 0;color:#216181;font-weight:700}.scan-beam{position:absolute;left:0;right:0;height:3px;background:#60c594;box-shadow:0 0 20px 7px #57c59061;animation:scan 1.4s ease-in-out infinite alternate}@keyframes scan{0%{top:12%}to{top:88%}}.scanning-icon{width:42px;height:42px;border-radius:13px;background:#e4f1e8;color:#287155;display:grid;place-items:center;font-size:20px;margin-bottom:18px}.scanning-copy h2{font-size:24px;margin:4px 0 8px}.scanning-copy>p:not(.eyebrow){color:#77847d}.progress-track{height:7px;background:#edf1ee;border-radius:10px;margin:28px 0 17px;overflow:hidden}.progress-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7fbd8f,#246f53);border-radius:10px;transition:width .45s ease}.scan-checks{display:flex;gap:14px;color:#809087;font-size:10px}.result-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.result-heading h2{font-size:22px;margin:3px 0 4px}.result-heading p{margin:0;color:#7e8984;font-size:11px}.success-seal{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#dff1e4;color:#267353;font-size:19px}.result-layout{display:grid;grid-template-columns:230px 1fr;gap:25px}.result-bill{height:330px;padding:20px;color:#314c41}.result-bill small{display:block;color:#7c8982;margin-bottom:20px}.result-bill .bill-box{background:#e2f2f7;border:1px solid #abd0dc;padding:10px;margin:15px 0;font-size:10px}.result-bill>p{line-height:1.6;font-size:11px}.result-bill>strong{display:block;background:#d9eef7;color:#216181;padding:9px;font-size:12px}.result-bill .muted-box{background:#f0eee7;border-color:#dcd8cd;color:#6f7169}.recognized-fields{display:grid;gap:13px}.recognized-fields label{display:grid;gap:6px;color:#6f7d76;font-size:10px}.recognized-fields input{width:100%;border:1px solid #dce3df;border-radius:8px;background:#fff;padding:10px 11px;color:#25483a;font:600 12px inherit;outline:none}.recognized-fields label>div{display:flex}.field-prefix{width:36px;display:grid;place-items:center;border-radius:8px 0 0 8px}.gas-field{background:#f4e3d9;color:#9c5d41}.recognized-fields label>div input{border-radius:0 8px 8px 0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-unit{margin-left:-43px;width:38px;display:grid;place-items:center;color:#819089;font-size:10px}.daily-result{background:#e8f2eb;border:1px solid #d2e6d9;border-radius:11px;padding:13px 15px;display:grid;grid-template-columns:1fr auto;align-items:center}.daily-result span{font-size:10px;color:#5e766b}.daily-result strong{font-size:20px}.daily-result small{font-size:9px}.daily-result p{grid-column:1/3;margin:3px 0 0;color:#7a8981;font-size:9px}.result-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #e7ebe8}.result-actions .outline-button{margin:0}@media(max-width:700px){.bill-flow{padding:22px 18px}.flow-steps{margin:0 0 20px}.flow-steps i{width:18px;margin:0 5px}.flow-steps span{font-size:0}.flow-steps b{font-size:10px}.scanning-layout{grid-template-columns:1fr;gap:20px;padding:0}.mini-bill{display:none}.scanning-layout{min-height:330px}.result-layout{grid-template-columns:1fr}.result-bill{display:none}.field-row{grid-template-columns:1fr}.scan-checks{flex-direction:column;gap:7px}.result-actions{display:grid;grid-template-columns:1fr 1.4fr}.result-actions button{padding-inline:8px}}@media(max-width:850px){.bill-restaurant-grid{grid-template-columns:1fr}.bill-restaurant-card{grid-template-columns:52px 1fr}.bill-restaurant-card dl{grid-column:1/3;flex-wrap:wrap}.bill-restaurant-card>b{grid-column:1/3}.calendar-toolbar{align-items:flex-start;flex-direction:column}.calendar-panel{overflow-x:auto}.usage-calendar{min-width:720px}}@media(max-width:900px){.notification-channel-grid{grid-template-columns:1fr}.recipient-config-head{display:none}.recipient-config-row{grid-template-columns:42px 1fr auto}.recipient-config-row>div:first-child{grid-column:1/3}.recipient-config-row>span:not(.recipient-channels){grid-column:2}.recipient-config-row .recipient-channels,.recipient-config-row>button{grid-column:3}.delivery-hint{display:none}}@media(max-width:900px){.message-summary,.platform-channel-grid{grid-template-columns:1fr}.message-history-panel .panel-head{flex-direction:column}.message-filters{width:100%}.message-filters select{flex:1}.global-message-settings>div:not(.panel-head){grid-template-columns:1fr auto}.global-message-settings>div>p{grid-column:1/3}.global-message-settings .switch{grid-column:2;grid-row:1/3}}.weight-restaurant-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.weight-restaurant-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:17px 18px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:4px 12px;text-align:left;color:var(--ink);font:inherit;cursor:pointer;box-shadow:var(--shadow);transition:.2s}.weight-restaurant-card:hover{border-color:#9fbcad;transform:translateY(-1px)}.weight-restaurant-card .restaurant-avatar{grid-row:1/3;width:42px;height:42px;border-radius:12px;background:#e7f1ea;display:grid;place-items:center;color:#28684e;font-weight:700}.weight-restaurant-card span:nth-child(2){display:grid;gap:2px}.weight-restaurant-card small,.weight-restaurant-card em{color:#89948e;font-size:9px;font-style:normal}.weight-restaurant-card strong{font-size:14px}.weight-restaurant-card>b{font-size:18px}.weight-restaurant-card>i{grid-column:2/4;color:#3d765f;font-size:10px;font-style:normal}.all-weight-table .table-head,.all-weight-table .table-row{grid-template-columns:1.1fr .55fr 1.3fr .65fr .8fr .7fr}.weight-table .table-row>span:first-child{display:block}.table-restaurant-link{border:0;background:transparent;padding:0;color:#1f6a50;font:700 11px inherit;cursor:pointer}.table-restaurant-link+small{display:block;color:#89948e;font-size:9px;margin-top:2px}.panel-head>select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 28px 8px 10px;color:#52675d;font:600 10px inherit}.back-link{border:0;background:transparent;color:#557268;padding:0;margin-bottom:18px;font:600 11px inherit;cursor:pointer}@media(max-width:850px){.weight-restaurant-grid{grid-template-columns:1fr}.all-weight-table .table-head,.all-weight-table .table-row{min-width:760px}}.weight-query-bar{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end;padding:16px 0 18px}.weight-query-bar label{display:grid;gap:6px;color:#64776e;font-size:9px;font-weight:650}.weight-query-bar input,.weight-query-bar select{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px 10px;color:#294b3d;font:600 10px inherit;min-height:36px}.weight-query-actions{display:flex;gap:8px}.weight-query-actions button{height:36px;margin:0;padding:0 16px}.all-weight-table .table-head,.all-weight-table .table-row{grid-template-columns:1.1fr .55fr 1.3fr .65fr .8fr .7fr .8fr;min-width:900px}.restaurant-weight-table .table-head,.restaurant-weight-table .table-row{grid-template-columns:.7fr 1.3fr .7fr .9fr .7fr .9fr;min-width:760px}.weight-row-actions{display:flex!important;gap:5px}.weight-row-actions button{border:0;background:#eaf2ed;color:#2e6851;padding:6px 8px;border-radius:6px;font:600 9px inherit;cursor:pointer}.weight-row-actions button:last-child{background:#f7e9e5;color:#9a4d40}.weight-empty-row{padding:30px;text-align:center;color:#87928d;font-size:10px}.weight-edit-modal{width:min(420px,100%)}@media(max-width:850px){.weight-query-bar{grid-template-columns:1fr 1fr}.weight-query-actions{grid-column:1/3}.weight-query-actions button{flex:1}.weight-table{overflow-x:auto}}.language-control{height:38px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:0 9px;color:#587066}.language-control>span{font-weight:700}.language-control select{appearance:none;border:0;background:transparent;color:var(--ink);font:600 11px inherit;outline:0;padding-right:2px;cursor:pointer}.language-control option{font-size:12px}.locale-en .sidebar{font-size:13px}.locale-en .nav-item{font-size:12px}.locale-en .table-head,.locale-en .table-row{letter-spacing:0}.locale-en .page-heading h1{letter-spacing:-.02em}@media(max-width:760px){.language-control>span{display:none}.language-control{padding:0 7px}.language-control select{max-width:82px}.topbar-actions .icon-button{display:none}}.restaurant-device-panel{margin-bottom:16px}.restaurant-device-panel .outline-button{margin:0}.restaurant-device-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.restaurant-device-list>div{border:1px solid #e4eae6;border-radius:11px;padding:12px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px}.restaurant-device-list .device-symbol{width:34px;height:34px}.restaurant-device-list p{margin:0}.restaurant-device-list strong,.restaurant-device-list small{display:block}.restaurant-device-list small{color:#839088;font-size:9px;margin-top:3px}.empty-device-state{color:#7c8982}.device-table .table-head,.device-table .table-row{grid-template-columns:1fr 1fr 1.2fr .9fr .65fr .85fr .85fr;min-width:900px}.device-table .table-row>span:first-child{display:block}.device-table .table-row>span:nth-child(3){display:grid}.device-table .table-row>span:nth-child(3) small{color:#87928c;font-size:9px;margin-top:2px}.device-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#245d48}.device-table .table-row>button{border:0;background:#eaf2ed;color:#2e6851;padding:7px 9px;border-radius:7px;font:600 10px inherit;cursor:pointer}.device-bind-form{display:grid;gap:14px;margin:20px 0}.device-bind-form label{display:grid;gap:6px;color:#60746b;font-size:10px;font-weight:650}.device-bind-form select,.device-bind-form input{width:100%;border:1px solid #d8e2dc;border-radius:9px;background:#fff;padding:10px 11px;color:#23483a;font:600 12px inherit;outline:none}.device-bind-modal{width:min(470px,100%)}@media(max-width:760px){.restaurant-device-list{grid-template-columns:1fr}.device-management-panel{overflow:hidden}}.device-table .table-head,.device-table .table-row{grid-template-columns:1fr 1fr 1.2fr .9fr .65fr .85fr 1.35fr;min-width:980px}.device-row-actions{display:flex!important;gap:6px}.device-row-actions button{border:0;background:#eaf2ed;color:#2e6851;padding:7px 9px;border-radius:7px;font:600 9px inherit;cursor:pointer;white-space:nowrap}.device-row-actions button:first-child{background:#dcece3}.device-profile{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin-bottom:16px}.device-profile>div{padding:17px 19px;border-right:1px solid var(--line)}.device-profile>div:last-child{border-right:0}.device-profile span,.device-profile strong{display:block}.device-profile span{color:#7e8a84;font-size:9px;margin-bottom:5px}.device-profile strong{font-size:12px}.device-time-value{font-size:25px}.live-indicator{color:#2b7657;font-size:10px;font-weight:650}.device-upload-table .table-head,.device-upload-table .table-row{grid-template-columns:1fr 1fr 1fr 1.2fr .7fr}.device-empty-row{padding:34px;text-align:center;color:#88938d;font-size:11px}@media(max-width:760px){.device-profile{grid-template-columns:1fr 1fr}.device-profile>div:nth-child(2){border-right:0}.device-profile>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.device-upload-table{overflow-x:auto}.device-upload-table .table-head,.device-upload-table .table-row{min-width:620px}}.esg-data-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}.esg-data-toolbar label{display:grid;gap:6px;color:#6e7e76;font-size:10px;font-weight:650}.esg-data-toolbar select{min-width:220px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 34px 10px 12px;color:#25483a;font:650 12px inherit}.esg-data-toolbar .report-tabs{margin:0}.esg-period-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:#7a8780;font-size:10px}.esg-period-line strong{color:#345849;font-size:12px}.esg-metric-grid{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:14px;margin-bottom:16px}.esg-metric-grid .metric-card{min-height:145px}.esg-data-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:16px;margin-bottom:16px}.esg-breakdown{display:grid;gap:18px}.esg-breakdown>div{display:grid;grid-template-columns:45px 1fr 95px 45px;gap:10px;align-items:center;font-size:10px}.esg-breakdown i{height:10px;background:#edf1ee;border-radius:10px;overflow:hidden}.esg-breakdown b{display:block;height:100%;border-radius:10px}.esg-breakdown b.water{background:#5aa9c8}.esg-breakdown b.power{background:#e0ad43}.esg-breakdown b.gas{background:#d17a57}.esg-breakdown b.waste{background:#55906c}.esg-breakdown strong{text-align:right;font-size:10px}.esg-breakdown small{color:#849089;text-align:right}.esg-source-list{display:grid}.esg-source-list>div{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid #edf0ee;font-size:10px}.esg-source-list>div:first-child{border-top:0}.esg-source-list strong{color:#2d7356}.esg-data-table .table-head,.esg-data-table .table-row{grid-template-columns:.65fr 1fr 1.2fr 1fr 1fr .8fr;min-width:760px}.esg-data-table .table-row>span:first-child{display:block}@media(max-width:1050px){.esg-metric-grid{grid-template-columns:repeat(2,1fr)}.esg-metric-grid .metric-card:first-child{grid-column:1/3}.esg-data-layout{grid-template-columns:1fr}}@media(max-width:700px){.esg-data-toolbar{align-items:stretch;flex-direction:column}.esg-data-toolbar select{width:100%}.esg-period-line{align-items:flex-start;flex-direction:column;gap:5px}.esg-metric-grid{grid-template-columns:1fr}.esg-metric-grid .metric-card:first-child{grid-column:auto}.esg-breakdown>div{grid-template-columns:38px 1fr 82px}.esg-breakdown small{display:none}.esg-detail-panel{overflow:hidden}}.nav-item{border-radius:11px;transition:background .2s,color .2s,transform .2s,box-shadow .2s}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:#eef7f0;color:#174939;font-weight:650;box-shadow:0 6px 16px #051f1733;transform:translate(2px)}.nav-item.active:hover{background:#eef7f0;color:#174939}.nav-icon{height:26px;border-radius:7px;display:grid;place-items:center;transition:.2s}.nav-item.active .nav-icon{background:#d8eadc;color:#1f6a50}.esg-filter-fields{display:flex;align-items:end;gap:12px}.esg-filter-fields label{min-width:170px}.esg-filter-fields label:first-child{min-width:220px}.esg-filter-fields #esgDateControl{display:block}.esg-filter-fields input,.esg-filter-fields #esgDateControl select{width:100%;min-width:170px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 11px;color:#25483a;font:650 12px inherit;min-height:38px}@media(max-width:700px){.esg-filter-fields{display:grid;grid-template-columns:1fr 1fr}.esg-filter-fields label,.esg-filter-fields label:first-child,.esg-filter-fields input,.esg-filter-fields #esgDateControl select{min-width:0}}.report-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.report-toolbar label{display:grid;gap:6px;color:#6e7e76;font-size:10px;font-weight:650}.report-toolbar select{min-width:220px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 34px 10px 12px;color:#25483a;font:650 12px inherit}.report-toolbar .report-tabs{margin-bottom:0}.report-cover footer span{position:relative;z-index:1}@media(max-width:700px){.report-toolbar{align-items:stretch;flex-direction:column}.report-toolbar select,.report-toolbar .report-tabs{width:100%}.report-toolbar .report-tabs button{flex:1}}.recipient-config-head,.recipient-config-row{grid-template-columns:1.15fr 1.25fr .8fr 1fr 105px}.recipient-contact b,.recipient-contact small{display:block}.recipient-contact b{font-size:10px}.recipient-contact small{margin-top:3px;color:#87928c;font-size:9px}.recipient-actions{display:flex;gap:5px}.recipient-actions button{border:0;background:#edf3ef;color:#416858;border-radius:7px;padding:7px 9px;font:600 9px inherit;cursor:pointer}.recipient-actions button:last-child{background:#f7e9e5;color:#9a4d40}.recipient-modal{width:min(540px,100%)}.recipient-form{display:grid;gap:13px;margin:18px 0}.recipient-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.recipient-form label:not(fieldset label){display:grid;gap:6px;color:#60746b;font-size:10px;font-weight:650}.recipient-form input[type=text],.recipient-form input[type=email],.recipient-form input:not([type]){width:100%;border:1px solid #d8e2dc;border-radius:9px;background:#fff;padding:10px 11px;color:#23483a;font:600 12px inherit;outline:none}.recipient-form fieldset{margin:0;border:1px solid #e0e7e2;border-radius:10px;padding:11px 12px;display:flex;gap:15px;flex-wrap:wrap}.recipient-form legend{padding:0 5px;color:#60746b;font-size:10px;font-weight:650}.recipient-form fieldset label{display:flex;align-items:center;gap:5px;color:#50665c;font-size:10px}.recipient-form input[type=checkbox]{accent-color:#276f54}@media(max-width:900px){.recipient-config-row .recipient-actions{grid-column:3}.recipient-form-grid{grid-template-columns:1fr}}.recipient-channel-setup{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;border:1px solid #e0e7e2;border-radius:11px;padding:12px}.recipient-channel-setup strong{font-size:11px}.recipient-channel-setup p{margin:4px 0 6px;color:#7b8982;font-size:9px;line-height:1.55}.recipient-channel-setup>button{border:0;background:#e8f2ec;color:#28684e;border-radius:8px;padding:8px 10px;font:600 9px inherit;cursor:pointer}.recipient-channel-setup.whatsapp-setup{grid-template-columns:40px 1fr}.recipient-channel-setup.whatsapp-setup>label{grid-column:2;display:grid;gap:5px}.recipient-channel-setup.whatsapp-setup>label input[type=text],.recipient-channel-setup.whatsapp-setup>label input:not([type]){width:100%;border:1px solid #d8e2dc;border-radius:8px;padding:9px 10px;font:600 11px inherit}.recipient-channel-setup .consent-check{display:flex!important;align-items:center;gap:6px;color:#5f7168;font-size:9px}.disabled-option{opacity:.55}.disabled-option small{color:#9a6d2a}.channel-config-modal{width:min(520px,100%)}.channel-status-banner{display:grid;gap:5px;border-radius:11px;padding:13px 15px;margin:18px 0}.channel-status-banner.success{background:#e9f4ed;color:#28684e}.channel-status-banner.pending{background:#f8f1e5;color:#856839}.channel-status-banner b{font-size:11px}.channel-status-banner span{font-size:9px}.channel-config-list{margin:0 0 18px}.channel-config-list>div{display:grid;grid-template-columns:110px 1fr;gap:15px;padding:12px 2px;border-top:1px solid #e8ece9}.channel-config-list dt{color:#7c8982;font-size:10px}.channel-config-list dd{margin:0;color:#294b3d;font-size:11px;font-weight:600}.onboarding-steps{list-style:none;padding:0;margin:0 0 18px}.onboarding-steps li{display:flex;gap:12px;padding:11px 0;border-top:1px solid #e8ece9}.onboarding-steps li>b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#edf2ee;color:#376554;font-size:10px}.onboarding-steps strong,.onboarding-steps small{display:block}.onboarding-steps strong{font-size:11px}.onboarding-steps small{margin-top:4px;color:#7f8b85;font-size:9px}.channel-config-modal .outline-button{margin:0}@media(max-width:620px){.recipient-channel-setup{grid-template-columns:40px 1fr}.recipient-channel-setup>button{grid-column:2;width:max-content}.channel-config-list>div{grid-template-columns:1fr;gap:4px}}