/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.inline{display:inline}.table{display:table}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}}.staff-auth,.staff-loading{color:#252220;background:radial-gradient(circle at 20% 10%,#fff3e8,#0000 34%),linear-gradient(140deg,#f7f4f0,#eeebe6);place-items:center;min-height:100vh;display:grid}.staff-auth-card{background:#fffffff5;border:1px solid #eee7e0;border-radius:28px;width:min(440px,100vw - 32px);padding:42px;box-shadow:0 28px 80px #2a211921}.staff-logo{width:145px;height:42px;display:inline-flex}.staff-logo img{object-fit:contain;width:100%}.staff-kicker{color:#f05a19;letter-spacing:.12em;font-size:11px;font-weight:850;display:block}.staff-auth-card>.staff-kicker{margin-top:24px}.staff-auth h1{letter-spacing:-.04em;margin:8px 0 7px;font-size:32px}.staff-auth p{color:#847d77;margin:0;font-size:14px}.staff-auth form{flex-direction:column;margin-top:28px;display:flex}.staff-auth label{margin-bottom:8px;font-size:12px;font-weight:750}.staff-input{color:#918b85;background:#faf9f7;border:1px solid #ded9d4;border-radius:14px;align-items:center;gap:10px;height:54px;padding:0 14px;display:flex}.staff-input:focus-within{border-color:#ff6821;box-shadow:0 0 0 3px #ff6a1d16}.staff-input input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:15px}.staff-primary{color:#fff;cursor:pointer;background:linear-gradient(105deg,#ff7b18,#ff4d0e);border:0;border-radius:14px;height:52px;margin-top:18px;font-size:13px;font-weight:800;box-shadow:0 10px 22px #ff4d0e33}.staff-primary:disabled{opacity:.55}.staff-primary.inline{white-space:nowrap;justify-content:center;align-items:center;gap:7px;height:44px;margin:0;padding:0 18px;display:inline-flex}.staff-demo,.staff-demo-code{color:#7f6d5d;cursor:pointer;background:#fff8f1;border:1px dashed #e5c4a9;border-radius:12px;margin-top:12px;padding:11px 13px}.staff-demo{justify-content:space-between;display:flex}.staff-demo b,.staff-demo-code b{color:#e85618}.staff-demo-code{justify-content:space-between;display:flex}.staff-link{color:#e85618;cursor:pointer;background:0 0;border:0;margin-top:13px}.staff-back{color:#8c857e;text-align:center;margin-top:23px;font-size:12px;text-decoration:none;display:block}.staff-error{color:#b73d2a;background:#fff0ed;border-radius:10px;margin-top:12px;padding:9px 11px;font-size:12px}.staff-loading{flex-direction:column;gap:15px;display:flex}.staff-loading span{color:#847d77}.staff-shell{color:#292522;background:#f5f3f0;grid-template-columns:246px 1fr;min-height:100vh;display:grid}.staff-shell>aside{background:#fff;border-right:1px solid #e8e3de;flex-direction:column;height:100vh;padding:30px 22px;display:flex;position:sticky;top:0}.staff-shell>aside>.staff-logo{width:126px;height:36px}.staff-shell>aside>.staff-kicker{margin:13px 5px 32px;font-size:8px}.staff-shell nav{flex-direction:column;gap:6px;display:flex}.staff-shell nav button{color:#77716b;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:11px;height:46px;padding:0 13px;font-weight:700;display:flex}.staff-shell nav button.active{color:#ef5819;background:#fff2e8}.staff-user{border-top:1px solid #eeeae6;align-items:center;gap:10px;margin-top:auto;padding:13px 3px;display:flex}.staff-user>span{color:#fff;background:#282522;border-radius:12px;place-items:center;width:39px;height:39px;font-size:12px;font-weight:800;display:grid}.staff-user div{flex-direction:column;min-width:0;display:flex}.staff-user b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.staff-user small{color:#99928c;margin-top:3px;font-size:9px}.staff-backup,.staff-logout{color:#8a8179;cursor:pointer;background:#fff;border:1px solid #ece7e2;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:38px;display:flex}.staff-backup{color:#c45620;background:#fff8f2;border-color:#f1d9c7;margin-bottom:7px}.staff-main{min-width:0;padding:38px clamp(24px,4vw,58px) 54px}.staff-main>header{justify-content:space-between;align-items:center;gap:20px;display:flex}.staff-main h1{letter-spacing:-.04em;margin:6px 0 4px;font-size:31px}.staff-main header p{color:#8f8882;margin:0;font-size:13px}.staff-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:29px;display:grid}.staff-stats article{background:#fff;border:1px solid #e9e5e0;border-radius:18px;align-items:center;gap:14px;padding:19px;display:flex;box-shadow:0 7px 20px #32271e09}.staff-stats article>span{color:#f25b19;background:#fff0e5;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.staff-stats article div{flex-direction:column;display:flex}.staff-stats b{font-size:24px;line-height:1}.staff-stats small{color:#8e8781;margin-top:4px;font-size:10px}.staff-grid{grid-template-columns:minmax(0,1fr);gap:17px;margin-top:29px;display:grid}.staff-panel{background:#fff;border:1px solid #e8e4df;border-radius:20px;overflow:hidden;box-shadow:0 7px 22px #32271e09}.panel-head{border-bottom:1px solid #eeeae6;justify-content:space-between;align-items:center;gap:14px;min-height:76px;padding:16px 18px;display:flex}.panel-head h2{margin:0;font-size:17px}.panel-head p{color:#99928c;margin:3px 0 0;font-size:10px}.panel-head>label{color:#a09a94;border:1px solid #e5e0db;border-radius:11px;align-items:center;gap:7px;width:min(310px,42%);height:39px;padding:0 11px;display:flex}.panel-head input{border:0;outline:0;flex:1;min-width:0;font-size:11px}.client-list{max-height:620px;overflow-y:auto}.client-record{border-bottom:1px solid #f0ece8}.client-record.archived{opacity:.6}.client-row{text-align:left;cursor:pointer;background:#fff;border:0;align-items:center;gap:11px;width:100%;min-height:70px;padding:11px 17px;display:flex}.client-row:hover{background:#fffaf6}.client-avatar{color:#fff;background:#282522;border-radius:13px;flex:none;place-items:center;width:41px;height:41px;font-size:11px;font-weight:850;display:grid}.client-copy{flex-direction:column;flex:1;min-width:0;display:flex}.client-copy b{font-size:12px}.client-copy small{color:#8f8882;margin-top:4px;font-size:9px}.client-counts{color:#88817a;font-size:9px}.client-row em{color:#39905d;background:#eef8f1;border-radius:999px;padding:5px 7px;font-size:8px;font-style:normal;font-weight:800}.client-record.archived .client-row em{color:#777;background:#f0eeeb}.client-tree{background:#fbfaf8;padding:6px 17px 15px 69px}.tree-contract{padding:7px 0}.tree-line{color:#f05a19;align-items:center;gap:7px;min-height:30px;display:flex}.tree-line b{color:#3f3934;font-size:10px}.tree-line span{color:#8e8781;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:8px;overflow:hidden}.tree-line button,.tree-meter button{color:#aaa29b;cursor:pointer;background:0 0;border:0}.tree-object{border-left:1px solid #eadfd5;margin-left:9px;padding-left:11px}.tree-meter{color:#f05a19;align-items:center;gap:7px;min-height:27px;margin-left:13px;display:flex}.tree-meter span{color:#57504a;font-size:9px}.tree-meter small{color:#9c958e;margin-left:auto;font-size:8px}.customer-actions{align-items:center;gap:14px;margin-top:8px;display:flex}.archive-customer,.delete-customer{cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:9px;display:flex}.archive-customer{color:#a0694d}.delete-customer{color:#c23d2a;font-weight:750}.empty-state{text-align:center;color:#999;padding:50px}.reading-feed{max-height:620px;overflow-y:auto}.reading-feed>div{border-bottom:1px solid #f0ece8;align-items:center;gap:10px;min-height:73px;padding:12px 16px;display:flex}.reading-bolt{color:#ef5b19;background:#fff1e6;border-radius:11px;flex:none;place-items:center;width:35px;height:35px;display:grid}.reading-feed>div>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.reading-feed b{font-size:10px}.reading-feed small{color:#706963;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8px;overflow:hidden}.reading-feed em{color:#a39d97;margin-top:3px;font-size:7px;font-style:normal}.reading-feed>div>svg{color:#52a970}.staff-modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1b161280;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.staff-modal{background:#fff;border-radius:24px;width:min(820px,100%);max-height:calc(100vh - 44px);overflow-y:auto;box-shadow:0 30px 100px #00000040}.staff-modal>header{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-bottom:1px solid #eee9e4;justify-content:space-between;align-items:center;padding:22px 25px;display:flex;position:sticky;top:0}.staff-modal h2{margin:5px 0 0;font-size:24px}.staff-modal>header button{cursor:pointer;background:#f3f0ed;border:0;border-radius:11px;place-items:center;width:37px;height:37px;display:grid}.staff-modal form{padding:4px 25px 25px}.staff-modal fieldset{border:0;border-bottom:1px solid #eeeae6;margin:0;padding:21px 0}.staff-modal legend{align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.staff-modal legend span{color:#ef5b19;background:#fff0e6;border-radius:8px;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.staff-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:15px;display:grid}.staff-form-grid label{color:#6d665f;flex-direction:column;gap:6px;font-size:10px;font-weight:700;display:flex}.staff-form-grid label.wide{grid-column:1/-1}.staff-form-grid input,.staff-form-grid select{height:43px;font:inherit;color:#292522;background:#faf9f7;border:1px solid #dfdad5;border-radius:11px;outline:0;padding:0 11px}.staff-form-grid input:focus,.staff-form-grid select:focus{border-color:#ff6821;box-shadow:0 0 0 3px #ff6a1d14}.formula-note{color:#ff7a35;background:#20211f;border-radius:11px;align-self:end;align-items:center;gap:9px;height:43px;padding:0 11px;display:flex}.formula-note span{color:#c8c3bd;flex:1;justify-content:space-between;align-items:center;font-size:9px;display:flex}.formula-note b{color:#fff;font-size:11px}.staff-modal footer{justify-content:flex-end;gap:9px;padding-top:20px;display:flex}.staff-secondary{color:#6e6761;cursor:pointer;background:#fff;border:1px solid #e1dcd7;border-radius:12px;height:44px;padding:0 18px;font-weight:700}.tree-toolbar{flex-wrap:wrap;gap:7px;margin:3px 0 12px;display:flex}.tree-toolbar button{color:#d95518;cursor:pointer;background:#fff;border:1px solid #ecd6c5;border-radius:9px;align-items:center;gap:6px;height:31px;padding:0 10px;font-size:9px;font-weight:750;display:flex}.tree-actions{align-items:center;gap:2px;margin-left:auto;display:flex}.tree-actions button{color:#9f9790;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.tree-actions button:hover{color:#ed5b19;background:#fff0e6}.tree-actions button.danger:hover{color:#c33b2c;background:#fff0ed}.tree-line>span{max-width:48%}.tree-meter .tree-actions{margin-left:4px}.tariff-history-mini{flex-wrap:wrap;gap:5px;margin:4px 0 7px 34px;display:flex}.tariff-history-mini span{color:#807870;background:#f3f0ec;border-radius:999px;padding:4px 7px;font-size:7px}.manage-modal{width:min(640px,100%)}.manage-form{padding:8px 25px 25px!important}.manage-form .staff-form-grid{margin-top:15px}.manage-note{color:#8c6b50;background:#fff7ef;border-radius:10px;grid-column:1/-1;margin:0;padding:10px 12px;font-size:9px;line-height:1.45}.formula-note.wide{grid-column:1/-1}.manage-form footer{padding-top:20px}@media (width<=1000px){.staff-shell{grid-template-columns:82px 1fr}.staff-shell>aside{padding:25px 13px}.staff-shell>aside>.staff-logo{object-position:left;width:56px}.staff-shell>aside>.staff-kicker,.staff-shell nav button:not(.active){font-size:0}.staff-shell nav button{justify-content:center}.staff-shell nav button.active{font-size:0}.staff-user div,.staff-logout{display:none}.staff-user{justify-content:center}.staff-grid{grid-template-columns:1fr}.staff-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.staff-shell{display:block}.staff-shell>aside{flex-direction:row;align-items:center;width:100%;height:68px;padding:10px 16px;position:static}.staff-shell>aside>.staff-logo{width:100px}.staff-shell>aside>.staff-kicker,.staff-shell nav,.staff-user{display:none}.staff-logout{width:44px;margin-left:auto;font-size:0;display:flex}.staff-main{padding:24px 14px}.staff-main>header{align-items:flex-start}.staff-main h1{font-size:24px}.staff-stats{gap:8px}.staff-stats article{padding:13px}.staff-grid{display:block}.readings-panel{margin-top:14px}.client-counts,.client-row em{display:none}.client-tree{padding-left:28px}.staff-form-grid{grid-template-columns:1fr}.staff-form-grid label.wide{grid-column:auto}.staff-auth-card{padding:30px 23px}.staff-modal-backdrop{padding:0}.staff-modal{border-radius:0;height:100vh;max-height:none}.staff-modal form{padding:4px 18px 20px}}:root{--orange:#ff4d0e;--orange-dark:#e23f05;--sun:#ffb000;--charcoal:#222429;--ink:#171717;--muted:#858585;--line:#e9e7e4;--soft:#f7f6f4}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:#f2eee9;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{color:inherit}.demo-stage{background:radial-gradient(circle at 28% 12%,#fffffff5,#0000 29%),radial-gradient(circle at 78% 86%,#ffb0003d,#0000 32%),linear-gradient(135deg,#f1eee8,#fffdf9 46%,#ece8e1);justify-content:center;align-items:center;gap:54px;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.demo-stage:before,.demo-stage:after{content:"";pointer-events:none;border:2px solid #ff4d0e21;border-radius:50%;width:70vw;height:260px;position:absolute;transform:rotate(-12deg)}.demo-stage:before{bottom:7vh;left:-22vw;box-shadow:0 22px #ff821512,0 45px #ff82150a}.demo-stage:after{top:8vh;right:-30vw;box-shadow:0 26px #ff82150f}.phone-shell{z-index:2;background:linear-gradient(145deg,#555,#0a0a0a 18%,#222 78%,#555);border-radius:58px;width:426px;height:min(884px,100vh - 32px);min-height:660px;padding:10px;position:relative;box-shadow:0 38px 75px #291f1747,0 5px 12px #00000073,inset 0 0 0 2px #777}.phone-shell:before,.phone-shell:after{content:"";background:#262626;border-radius:3px 0 0 3px;width:4px;position:absolute;left:-4px}.phone-shell:before{height:76px;top:160px}.phone-shell:after{height:50px;top:250px}.phone-screen{background:#fbfaf8;border-radius:49px;height:100%;position:relative;overflow:hidden}.dynamic-island{z-index:20;background:#080808;border-radius:20px;width:118px;height:31px;position:absolute;top:19px;left:50%;transform:translate(-50%)}.dynamic-island i{background:#0b253d;border-radius:50%;width:7px;height:7px;position:absolute;top:11px;right:13px;box-shadow:inset 0 0 2px #427ba1}.speaker{z-index:5;background:#111;border-radius:2px;width:54px;height:3px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.status-bar{z-index:15;color:#181818;pointer-events:none;justify-content:space-between;align-items:center;height:54px;padding:8px 25px 0;font-size:12px;font-weight:700;display:flex;position:absolute;top:0;left:0;right:0}.status-icons{align-items:center;gap:5px;display:flex}.signal{background:linear-gradient(90deg,#0000 0);border-bottom:3px solid #111;border-radius:1px;width:14px;height:10px;position:relative}.signal:after{content:"";border-left:3px solid #111;border-right:3px solid #111;width:3px;height:6px;position:absolute;bottom:0;left:3px}.wifi{border-top:2px solid #111;border-radius:50%;width:13px;height:9px;position:relative}.wifi:after{content:"";background:#111;border-radius:50%;width:4px;height:4px;position:absolute;top:4px;left:4px}.battery{border:1.5px solid #111;border-radius:2px;width:18px;height:9px;position:relative}.battery:before{content:"";background:#111;border-radius:1px;position:absolute;inset:1.5px}.battery:after{content:"";background:#111;border-radius:0 2px 2px 0;width:2px;height:4px;position:absolute;top:1px;right:-4px}.home-indicator{z-index:20;background:#111;border-radius:3px;width:132px;height:5px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.demo-note{z-index:2;flex-direction:column;align-items:flex-start;max-width:330px;display:flex}.demo-note>span{color:var(--orange);letter-spacing:.14em;background:#ffffffa6;border:1px solid #ff4d0e4d;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800}.demo-note .brand-logo{margin:18px 0 2px}.demo-note b{max-width:300px;margin:18px 0 10px;font-size:36px;line-height:1.1}.demo-note small{color:#746f6a;font-size:15px;line-height:1.5}.demo-note a{color:var(--charcoal);border-bottom:1px solid #22242940;margin-top:14px;font-size:13px;font-weight:800;text-decoration:none}.auth-screen,.app-screen,.loading-screen{height:100%;position:relative}.auth-screen{scrollbar-width:none;background:#fff;overflow-y:auto}.auth-screen::-webkit-scrollbar{display:none}.scroll-content::-webkit-scrollbar{display:none}.auth-hero{background:linear-gradient(145deg,#fff8ef,#fff 58%,#f7f7f6);height:244px;position:relative;overflow:hidden}.brand-logo{background:#fff;border-radius:9px;justify-content:center;align-items:center;width:112px;height:31px;display:inline-flex;overflow:hidden;box-shadow:0 6px 18px #22242914}.brand-logo.compact{width:92px;height:26px;box-shadow:none;background:0 0}.brand-logo img{object-fit:contain;max-width:100%;max-height:100%;display:block}.auth-brand-mark{z-index:3;flex-direction:column;align-items:center;gap:7px;display:flex;position:absolute;top:61px;left:50%;transform:translate(-50%)}.auth-brand-icon{background:#fff;border-radius:50%;width:72px;height:72px;overflow:hidden;box-shadow:0 13px 32px #ff4d0e24}.auth-brand-icon img{width:auto;max-width:none;height:90px;display:block;transform:translate(-19px,-9px)}.auth-brand-mark strong{color:#111;letter-spacing:-.04em;font-size:23px;font-weight:850;line-height:1}.wave{border:1px solid #ffb00038;border-radius:50%;width:500px;height:140px;position:absolute;top:132px;left:-50px;transform:rotate(-7deg)}.wave-two{border-color:#ff4d0e24;top:148px}.wave-three{border-color:#ffb00014;top:165px}.auth-panel{z-index:4;background:#fff;border-radius:24px 24px 0 0;min-height:calc(100% - 227px);margin-top:-17px;padding:28px 26px 42px;position:relative;box-shadow:0 -8px 30px #7553330d}.auth-copy .eyebrow,.eyebrow{color:var(--orange);letter-spacing:.13em;font-size:10px;font-weight:800;display:block}.auth-copy h1{letter-spacing:-.035em;margin:7px 0 6px;font-size:29px}.auth-copy p{color:#85817d;margin:0;font-size:13px}.auth-copy.compact h1{font-size:27px}.auth-form{flex-direction:column;margin-top:25px;display:flex}.auth-form label{margin:0 0 7px;font-size:12px;font-weight:700}.auth-form label:not(:first-child){margin-top:15px}.input-wrap{color:#8f8b86;background:#fbfaf9;border:1px solid #e2dfdb;border-radius:14px;align-items:center;gap:10px;height:51px;padding:0 13px;transition:all .2s;display:flex}.input-wrap:focus-within{border-color:var(--orange);background:#fff;box-shadow:0 0 0 3px #ff6a0017}.input-wrap input{color:#222;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:14px}.input-wrap input::placeholder{color:#aaa6a2}.eye-btn{color:#888;cursor:pointer;background:0 0;border:0;place-items:center;padding:5px;display:grid}.primary-btn{cursor:pointer;color:#fff;background:linear-gradient(100deg,#ff6f00,var(--orange));border:0;border-radius:14px;width:100%;height:51px;margin-top:20px;font-size:14px;font-weight:750;transition:all .2s;box-shadow:0 10px 24px #ff4d0e3d}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 13px 27px #ff4d0e4a}.primary-btn:disabled{opacity:.65;cursor:wait}.demo-card{text-align:left;cursor:pointer;background:#faf7f4;border:1px dashed #e6d8cb;border-radius:13px;justify-content:space-between;align-items:center;width:100%;margin-top:18px;padding:11px 12px;display:flex}.demo-card span:first-child{flex-direction:column;gap:2px;display:flex}.demo-card b{font-size:11px}.demo-card small{color:#8b8580;font-size:10px}.demo-card span:last-child{color:var(--orange);font-size:10px;font-weight:800}.form-error{color:#c43b27;background:#fff0ed;border-radius:9px;margin-top:12px;padding:8px 10px;font-size:11px;line-height:1.35}.back-btn{cursor:pointer;z-index:5;background:#ffffffd9;border:0;border-radius:12px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:-181px;left:18px}.auth-hint{text-align:center;color:#918b86;margin:14px 0 0;font-size:10px;line-height:1.45}.auth-copy p b{color:#5f5954;font-weight:700}.code-form{margin-top:22px}.code-wrap{height:60px}.code-input{text-align:center;letter-spacing:.25em;font-variant-numeric:tabular-nums;font-weight:800;font-size:24px!important}.demo-code{text-align:left;cursor:pointer;background:#fff7ef;border:1px dashed #f0b17f;border-radius:12px;justify-content:space-between;align-items:center;width:100%;margin-top:12px;padding:10px 12px;display:flex}.demo-code span{flex-direction:column;gap:2px;display:flex}.demo-code b{font-size:10px}.demo-code small{color:#9c8e82;font-size:8px}.demo-code strong{color:var(--orange);letter-spacing:.08em;font-size:17px}.resend-btn{width:100%;color:var(--orange);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;margin-top:14px;font-size:10px;font-weight:750;display:flex}.resend-btn:disabled{opacity:.5}.staff-entry-link{color:#5f5954;text-align:center;margin-top:12px;font-size:10px;font-weight:700;text-decoration:none;display:block}.staff-entry-link:hover{color:var(--orange)}.app-screen{background:#f7f5f2;flex-direction:column;padding-top:54px;display:flex;overflow:hidden}.dashboard-header{background:linear-gradient(#fff,#fbfaf8);flex:none;justify-content:space-between;align-items:center;padding:20px 22px 19px;display:flex}.dashboard-title{flex-direction:row;align-items:center;gap:13px;min-width:0;display:flex}.dashboard-title .brand-logo{width:121px;height:35px;box-shadow:none;background:0 0;flex:none}.dashboard-title .eyebrow{letter-spacing:.075em;white-space:nowrap;font-size:12px;line-height:1}.icon-btn{color:#514c48;cursor:pointer;background:#fff;border:1px solid #ebe7e2;border-radius:13px;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 4px 12px #3c30260d}.scroll-content{scrollbar-width:none;flex:1;padding:0 17px 94px;overflow-y:auto}.contract-card{color:#fff;background:linear-gradient(110deg,#ff811a,#ff5b00);border-radius:17px;align-items:center;gap:11px;margin-top:4px;padding:13px 14px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #f603}.contract-card:after{content:"";border:1px solid #ffffff38;border-radius:50%;width:120px;height:120px;position:absolute;top:-54px;right:-40px}.contract-symbol{background:#fff3;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.contract-card div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.contract-card span{opacity:.8;font-size:10px}.contract-card b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.section-heading{justify-content:space-between;align-items:flex-end;margin:22px 2px 11px;display:flex}.section-heading h2{letter-spacing:-.03em;margin:3px 0 0;font-size:22px}.section-heading button{color:var(--orange);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:5px 0;font-size:11px;font-weight:750;display:flex}.meters-list{flex-direction:column;gap:12px;display:flex}.meter-card{background:#fff;border:1px solid #ece9e5;border-radius:20px;padding:15px;position:relative;overflow:hidden;box-shadow:0 7px 20px #2d241d0e}.meter-card:after{content:"";border:1px solid var(--tint);opacity:.35;pointer-events:none;border-radius:50%;width:130px;height:130px;position:absolute;top:50px;right:-72px}.meter-card.electric{--accent:#ff7600;--tint:#ffc17e;--pale:#fff3e7}.meter-top{align-items:center;display:flex}.meter-icon{background:var(--pale);width:36px;height:36px;color:var(--accent);border-radius:11px;flex:none;place-items:center;display:grid}.meter-title{flex-direction:column;gap:2px;min-width:0;margin-left:10px;display:flex}.meter-title h3{margin:0;font-size:13px}.meter-title span{color:#99938e;font-size:9px}.meter-status{color:#3f9c64;background:#f3faf5;border-radius:999px;align-items:center;gap:4px;margin-left:auto;padding:5px 7px;font-size:8px;font-weight:750;display:flex}.meter-status i{background:#43ad6d;border-radius:50%;width:5px;height:5px}.reading-row{justify-content:space-between;align-items:center;padding:17px 2px 13px;display:flex}.micro-label{color:#aaa39d;letter-spacing:.08em;font-size:8px;font-weight:800}.reading-value{letter-spacing:-.03em;margin-top:4px;font-size:31px;font-weight:800;line-height:1.1}.reading-value small{letter-spacing:0;margin-left:5px;font-size:11px;font-weight:650}.reading-date{color:#a19a94;align-items:center;gap:4px;margin-top:5px;font-size:9px;display:flex}.meter-gauge{border:2px solid var(--tint);width:58px;height:58px;color:var(--accent);background:var(--pale);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.meter-gauge:before{content:"";border:1px dashed var(--tint);border-radius:50%;position:absolute;inset:4px}.meter-gauge svg,.meter-gauge span{position:relative}.meter-gauge span{margin-top:1px;font-size:7px;font-weight:700}.reading-form{z-index:2;gap:7px;height:43px;display:flex;position:relative}.reading-input{background:#faf9f7;border:1px solid #e6e2de;border-radius:12px;flex:1;align-items:center;min-width:0;transition:all .2s;display:flex}.reading-input:focus-within{border-color:var(--accent);background:#fff}.reading-input input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0 4px 0 11px;font-size:11px}.reading-input span{color:#aaa39d;white-space:nowrap;padding-right:9px;font-size:9px}.reading-form button{background:var(--accent);color:#fff;cursor:pointer;width:43px;box-shadow:0 6px 15px var(--accent);border:0;border-radius:12px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.reading-form button{box-shadow:0 6px 15px color-mix(in srgb,var(--accent) 25%,transparent)}}.reading-form button:disabled{opacity:.6}.tariff-current{padding:15px 2px 13px}.tariff-values{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:7px;display:grid}.tariff-values>div{background:#faf8f5;border:1px solid #eeeae5;border-radius:11px;min-width:0;padding:8px}.tariff-values>div>span{color:var(--orange);align-items:center;gap:4px;font-size:10px;font-weight:850;display:flex}.tariff-values>div>span small{color:#9c958f;font-size:7px;font-weight:600}.tariff-values b{letter-spacing:-.03em;white-space:nowrap;margin-top:4px;font-size:17px;display:block}.tariff-values b small{color:#827b75;margin-left:3px;font-size:7px;font-weight:600}.tariff-form{z-index:2;border-top:1px solid #f0ede9;padding-top:12px;position:relative}.tariff-inputs{gap:6px;margin-top:7px;display:grid}.tariff-inputs.count-1{grid-template-columns:1fr}.tariff-inputs.count-2{grid-template-columns:repeat(2,1fr)}.tariff-inputs.count-3{grid-template-columns:repeat(3,1fr)}.tariff-inputs label{min-width:0}.tariff-inputs label>span{color:#99918a;align-items:center;gap:4px;margin:0 2px 4px;font-size:7px;display:flex}.tariff-inputs label>span b{color:var(--orange);font-size:9px}.tariff-inputs label>div{background:#faf9f7;border:1px solid #e6e2de;border-radius:11px;align-items:center;height:40px;display:flex;overflow:hidden}.tariff-inputs label>div:focus-within{border-color:var(--orange);background:#fff;box-shadow:0 0 0 2px #ff6a0012}.tariff-inputs input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0 3px 0 8px;font-size:11px}.tariff-inputs label>div small{color:#aaa39d;white-space:nowrap;padding-right:6px;font-size:6px}.send-all-btn{color:#fff;cursor:pointer;background:linear-gradient(100deg,#ff7900,#ff5a00);border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;height:40px;margin-top:8px;font-size:10px;font-weight:800;display:flex;box-shadow:0 7px 16px #ff65002e}.send-all-btn:disabled{opacity:.6}.meter-error{color:#c43b27;padding:7px 1px 0;font-size:9px}.bottom-nav{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-top:1px solid #e7e3dee6;justify-content:space-between;align-items:center;height:78px;padding:8px 70px 17px;display:flex;position:absolute;bottom:0;left:0;right:0}.bottom-nav button{color:#99928c;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;min-width:64px;font-size:9px;display:flex}.bottom-nav button.active{color:var(--orange);font-weight:800}.toast{z-index:30;color:#fff;background:#24211f;border-radius:15px;align-items:center;gap:10px;padding:11px 13px;animation:.25s ease-out toast-in;display:flex;position:absolute;bottom:87px;left:18px;right:18px;box-shadow:0 14px 35px #00000040}.toast>span{background:#4bb471;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.toast div{flex-direction:column;gap:2px;display:flex}.toast b{font-size:11px}.toast small{color:#c6c1bd;font-size:9px}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.plain-header{background:#fff;flex:none;align-items:center;gap:13px;padding:17px 20px 15px;display:flex}.plain-header h1{letter-spacing:-.03em;margin:4px 0 0;font-size:21px}.history-content{padding-top:0}.history-lead{color:#87817b;margin:10px 2px 15px;font-size:11px;line-height:1.5}.history-lead b{color:#4f4a46}.history-list{flex-direction:column;gap:10px;display:flex}.history-group{background:#fff;border:1px solid #ebe8e4;border-radius:17px;overflow:hidden;box-shadow:0 6px 17px #2d241d0a}.history-toggle{text-align:left;cursor:pointer;background:#fff;border:0;align-items:center;width:100%;padding:13px;display:flex}.history-icon{border-radius:11px;place-items:center;width:36px;height:36px;margin-right:10px;display:grid}.history-icon.electric{color:#ff7600;background:#fff3e7}.history-toggle>span:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.history-toggle b{font-size:12px}.history-toggle small{color:#99938e;font-size:8px}.history-toggle>svg{color:#9e9892;transition:all .2s}.history-group.open .history-toggle>svg{transform:rotate(180deg)}.history-rows{border-top:1px solid #f0ede9;padding:5px 13px 9px 19px}.history-row{align-items:center;min-height:54px;display:flex;position:relative}.history-row:not(:last-child):after{content:"";background:#f1efec;height:1px;position:absolute;bottom:0;left:31px;right:0}.history-dot{color:#fff;border:1px solid #dedad5;border-radius:50%;place-items:center;width:20px;height:20px;margin-right:10px;font-size:0;display:grid}.history-row:first-child .history-dot{background:#4bb471;border-color:#4bb471}.history-row>div{flex-direction:column;gap:3px;display:flex}.history-row b{font-size:12px}.history-row b small{color:#89837e;font-size:9px;font-weight:600}.history-row div>span{color:#99938e;font-size:8px}.history-row em{color:#429c64;background:#eef9f2;border-radius:999px;margin-left:auto;padding:4px 6px;font-size:7px;font-style:normal;font-weight:800}.history-reading{flex:1;min-width:0}.history-reading>div{flex-wrap:wrap;gap:4px 8px;display:flex}.history-reading>div>b{white-space:nowrap;align-items:center;font-size:10px;display:flex}.history-reading b i{color:var(--orange);background:#fff2e6;border-radius:4px;margin-right:3px;padding:2px 4px;font-size:7px;font-style:normal}.history-reading>span{color:#99938e;margin-top:3px;font-size:8px}.loading-screen{background:radial-gradient(circle at 50% 45%,#fff8f1 0,#fff8f18c 18%,#fff 43%);justify-content:center;align-items:center;padding:54px 0 24px;display:flex;overflow:hidden}.loading-brand{text-align:center;flex-direction:column;align-items:center;display:flex;transform:translateY(-10px)}.loading-orbit{background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from 0deg,#ff4d0e00,#ff4d0e2e,var(--orange),#ffb0008c,#ff4d0e00) border-box;border:2px solid #0000;border-radius:50%;place-items:center;width:128px;height:128px;animation:2.2s linear infinite loading-orbit-spin,1.8s ease-in-out infinite alternate loading-halo;display:grid;position:relative;box-shadow:0 18px 44px #ff4d0e21}.loading-orbit:before{content:"";border:1px solid #ff4d0e1c;border-radius:50%;position:absolute;inset:9px}.loading-mark{z-index:1;background:#fff;border-radius:50%;width:92px;height:92px;animation:2.8s linear infinite reverse loading-mark-spin;position:relative;overflow:hidden;box-shadow:0 8px 24px #ff4d0e2e}.loading-mark img{width:auto;max-width:none;height:115px;display:block;transform:translate(-24px,-11px)}.loading-brand>strong{color:#151515;letter-spacing:-.055em;margin-top:20px;font-size:31px;font-weight:850;line-height:1}.loading-brand>span{color:#8f8780;margin-top:10px;font-size:13px;font-weight:550}.loading-dots{gap:6px;margin-top:18px;display:flex}.loading-dots i{background:var(--orange);border-radius:50%;width:6px;height:6px;animation:1.15s ease-in-out infinite loading-dot}.loading-dots i:nth-child(2){animation-delay:.16s}.loading-dots i:nth-child(3){animation-delay:.32s}@keyframes loading-orbit-spin{to{transform:rotate(360deg)}}@keyframes loading-mark-spin{to{transform:rotate(360deg)}}@keyframes loading-halo{to{box-shadow:0 20px 54px #ff4d0e40}}@keyframes loading-dot{0%,70%,to{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.loading-orbit,.loading-mark,.loading-dots i{animation:none}}.tariff-values.count-1{grid-template-columns:1fr}.tariff-values.count-2{grid-template-columns:repeat(2,1fr)}.tariff-values.count-3{grid-template-columns:repeat(3,1fr)}.tariff-values .tariff-consumption{color:#a34a0d;white-space:nowrap;margin-top:5px;font-size:7px;font-style:normal;font-weight:750;display:block}.meter-consumption{color:#8a3d08;background:linear-gradient(100deg,#fff4e8,#fff8f0);border:1px solid #f7dfc8;border-radius:11px;justify-content:space-between;align-items:center;margin-top:9px;padding:9px 10px;display:flex}.meter-consumption span{letter-spacing:.07em;font-size:7px;font-weight:850}.meter-consumption b{font-size:14px}.meter-consumption b small{color:#9a6f50;font-size:8px}.header-action{margin-left:auto}.hierarchy-content{padding-top:4px}.portfolio-summary{color:#fff;background:linear-gradient(120deg,var(--charcoal),#171819 58%,#3a2a1c);border-radius:18px;align-items:center;gap:12px;padding:15px;display:flex;box-shadow:0 10px 24px #2224292e}.portfolio-icon{background:#fff3;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.portfolio-summary div{flex-direction:column;gap:3px;display:flex}.portfolio-summary b{font-size:15px}.portfolio-summary small{color:#ffffffc7;font-size:10px}.hierarchy-heading{margin-top:20px}.hierarchy-heading h2{font-size:21px}.selection-list{flex-direction:column;gap:9px;display:flex}.selection-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #ebe8e4;border-radius:17px;align-items:center;gap:11px;width:100%;padding:13px 12px;transition:all .18s;display:flex;box-shadow:0 5px 16px #2d241d0b}.selection-card:hover{border-color:#ffc89e;transform:translateY(-1px);box-shadow:0 8px 20px #57371f14}.selection-card>svg{color:#b0aaa4;flex:none}.selection-icon{width:40px;height:40px;color:var(--orange);background:#fff2e7;border-radius:12px;flex:none;place-items:center;display:grid}.selection-icon.property{color:#d95d00;background:#fff5ec}.selection-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.selection-copy>small{color:var(--orange);letter-spacing:.1em;text-transform:uppercase;font-size:7px;font-weight:850}.selection-copy>b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.selection-copy>em{color:#706a65;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:3px;font-size:9px;font-style:normal;display:flex;overflow:hidden}.selection-copy>span{color:#a09a95;font-size:8px;line-height:1.35}.selection-copy>.consumption-summary{color:#b84a00;background:#fff1e4;border-radius:999px;align-self:flex-start;margin-top:4px;padding:4px 7px;font-size:8px;font-weight:700}.consumption-summary b{font-weight:850}.contract-selection{min-height:86px}.contract-selection .selection-copy>b{font-size:15px}.meter-page-content{padding-top:0}.object-context{color:var(--orange);background:#fff;border:1px solid #ece9e5;border-radius:13px;align-items:flex-start;gap:7px;margin:5px 2px 0;padding:10px 12px;display:flex}.object-context span{color:#68625d;font-size:10px;line-height:1.45}.payment-screen{background:#f4f2ef}.payment-content{padding-top:3px}.payment-search{color:#9c958f;background:#fff;border:1px solid #e5e1dc;border-radius:13px;align-items:center;gap:8px;height:43px;padding:0 12px;display:flex}.payment-search input{color:#2d2926;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.payment-search input::placeholder{color:#aaa49e}.metric-switch{background:#fff;border:1px solid #e8e4df;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px;padding:4px;display:grid}.metric-switch button{color:#817a74;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:5px;min-width:0;height:36px;font-size:8px;font-weight:750;transition:all .18s;display:flex}.metric-switch button.active{color:#fff;background:linear-gradient(110deg,#ff7f17,var(--orange));box-shadow:0 6px 14px #ff4d0e33}.filter-row{scrollbar-width:none;gap:7px;margin:11px 0 13px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-row button{color:#77706a;cursor:pointer;background:#fff;border:1px solid #e4e0dc;border-radius:999px;flex:none;padding:8px 11px;font-size:9px;font-weight:700}.filter-row button.active{border-color:var(--orange);background:var(--orange);color:#fff;box-shadow:0 5px 13px #ff6a0030}.payment-summary{color:#fff;background:linear-gradient(145deg,var(--charcoal),#121314);border-radius:21px;padding:17px 16px 14px;position:relative;overflow:hidden;box-shadow:0 12px 28px #231d182e}.payment-summary:after{content:"";border:1px solid #ff7f1b47;border-radius:50%;width:170px;height:170px;position:absolute;top:-90px;right:-75px;box-shadow:0 16px #ff7f1b14}.payment-summary>span{color:#bcb7b2;letter-spacing:.1em;font-size:8px;font-weight:800;display:block}.payment-summary>strong{letter-spacing:-.04em;margin-top:5px;font-size:29px;display:block}.payment-summary>small{color:#aaa49f;margin-top:2px;font-size:9px;display:block}.payment-chart{justify-content:space-between;align-items:flex-end;gap:8px;height:84px;margin:8px 2px 2px;display:flex}.payment-chart>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:5px;height:100%;display:flex}.payment-chart i{background:linear-gradient(#ff943d,#ff6200);border-radius:7px 7px 3px 3px;width:100%;max-width:29px;min-height:8px;box-shadow:0 4px 10px #ff6a002b}.payment-chart span{color:#96908b;text-transform:capitalize;font-size:7px}.payment-summary.savings{background:linear-gradient(145deg,#173d30,#0e2620)}.payment-summary.savings:after{border-color:#5adb9745;box-shadow:0 16px #5adb9712}.payment-summary.savings .payment-chart i{background:linear-gradient(#7be0ac,#30a977);box-shadow:0 4px 10px #30a97738}.payment-summary.energy{background:linear-gradient(145deg,#49310d,#221b10)}.payment-summary.energy:after{border-color:#ffbf464d;box-shadow:0 16px #ffbf4614}.payment-summary.energy .payment-chart i{background:linear-gradient(#ffd36d,#f59b23);box-shadow:0 4px 10px #f59b2338}.period-switch{background:#ffffff17;border-radius:11px;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:11px;padding:3px;display:grid}.period-switch button{color:#aaa49f;cursor:pointer;background:0 0;border:0;border-radius:8px;height:28px;font-size:8px;font-weight:750}.period-switch button.active{color:#27231f;background:#fff}.payment-groups{flex-direction:column;gap:17px;margin-top:20px;display:flex}.payment-month-title{justify-content:space-between;align-items:baseline;margin:0 2px 8px;display:flex}.payment-month-title h2{text-transform:capitalize;margin:0;font-size:15px}.payment-month-title span{color:#99928c;font-size:9px}.payment-list{background:#fff;border:1px solid #e9e5e1;border-radius:17px;overflow:hidden;box-shadow:0 5px 16px #2d241d0a}.payment-row{text-align:left;cursor:pointer;background:#fff;border:0;align-items:center;gap:10px;width:100%;min-height:65px;padding:10px 12px;display:flex}.payment-row:not(:last-child){border-bottom:1px solid #f0ede9}.payment-icon{color:#fff;background:linear-gradient(145deg,#ff8a14,#ff5d00);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 5px 12px #ff6a0033}.payment-icon.savings{background:linear-gradient(145deg,#5ed39a,#24986a);box-shadow:0 5px 12px #24986a33}.payment-icon.energy{background:linear-gradient(145deg,#ffc75d,#ed941c);box-shadow:0 5px 12px #ed941c33}.payment-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.payment-copy b{font-size:11px}.payment-copy small{color:#77716b;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.payment-copy em{color:#aaa39d;font-size:7px;font-style:normal}.payment-amount{flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.payment-amount>b{font-size:11px}.payment-amount>small{color:#42a568;align-items:center;gap:3px;font-size:7px;font-weight:700;display:flex}.payment-amount.savings>b{color:#279969}.payment-amount.energy>b{color:#b56a09}.payments-empty{color:#a49d97;flex-direction:column;align-items:center;padding:40px 10px;display:flex}.payments-empty b{color:#514b46;margin-top:10px;font-size:12px}.payments-empty span{margin-top:4px;font-size:9px}.payment-sheet-backdrop{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14110f75;align-items:flex-end;animation:.18s ease-out fade-in;display:flex;position:absolute;inset:0}.payment-sheet{text-align:center;background:#fff;border-radius:25px 25px 0 0;width:100%;max-height:84%;padding:25px 20px 33px;animation:.22s ease-out sheet-in;position:relative;overflow-y:auto}.sheet-close{color:#6f6964;cursor:pointer;background:#f1efec;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:14px;right:15px}.sheet-icon{color:#fff;background:linear-gradient(145deg,#ff8a14,#ff5d00);border-radius:16px;place-items:center;width:49px;height:49px;margin:0 auto 10px;display:grid}.payment-sheet>small{color:#44a268;letter-spacing:.1em;font-size:8px;font-weight:850}.payment-sheet h2{letter-spacing:-.04em;margin:5px 0 2px;font-size:29px}.payment-sheet p{color:#8d8680;margin:0;font-size:10px}.payment-sheet dl{text-align:left;background:#f8f6f3;border-radius:15px;margin:18px 0 0;padding:4px 14px}.payment-sheet dl div{justify-content:space-between;gap:14px;padding:10px 0;display:flex}.payment-sheet dl div:not(:last-child){border-bottom:1px solid #eae6e1}.payment-sheet dt{color:#96908a;font-size:9px}.payment-sheet dd{text-align:right;color:#393531;max-width:58%;margin:0;font-size:9px;font-weight:700}.payment-sheet dd.saving-value{color:#279969}@keyframes sheet-in{0%{opacity:0;transform:translateY(30px)}}@keyframes fade-in{0%{opacity:0}}@media (width<=850px){.demo-note{display:none}.demo-stage{padding:8px}.phone-shell{border-radius:50px;width:min(426px,100vw - 16px);height:calc(100vh - 16px)}.phone-screen{border-radius:41px}}@media (height<=720px){.phone-shell{min-height:0}.auth-hero{height:205px}.auth-brand-mark{transform-origin:top;top:57px;transform:translate(-50%)scale(.88)}.auth-panel{min-height:calc(100% - 193px);margin-top:-12px;padding-top:22px}.back-btn{top:-151px}.demo-card{margin-top:12px}.auth-form{margin-top:18px}.input-wrap,.primary-btn,.secondary-btn{height:47px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}