.custom-form-table{width:100%!important}.custom-form-table td{vertical-align:middle!important}.custom-form-table input{width:100%!important}.appliance-grid-compact{display:grid!important;gap:1rem!important;align-items:center!important;padding:.75rem .5rem!important}.appliance-grid-rtl-compact{direction:rtl}.appliance-grid-ltr-compact{direction:ltr}@media (min-width:768px){.appliance-grid-rtl-compact{grid-template-columns:1fr auto auto auto!important;direction:rtl!important}.appliance-grid-ltr-compact{grid-template-columns:1fr auto auto auto!important;grid-template-areas:"name quantity hours consumption"!important}[dir=rtl] .appliance-name-section-compact{grid-area:name!important}[dir=rtl] .quantity-section-compact{grid-area:quantity!important}[dir=rtl] .hours-section-compact{grid-area:hours!important}[dir=rtl] .consumption-section-compact{grid-area:consumption!important}[dir=ltr] .appliance-name-section-compact{grid-area:name!important}[dir=ltr] .quantity-section-compact{grid-area:quantity!important}[dir=ltr] .hours-section-compact{grid-area:hours!important}[dir=ltr] .consumption-section-compact{grid-area:consumption!important}}@media (max-width:767px){.appliance-grid-compact{grid-template-columns:1fr!important;gap:.75rem!important;width:100%!important;max-width:100vw!important;padding-left:0!important;padding-right:0!important}.appliance-name-section-compact{order:1!important}.quantity-section-compact{order:2!important}.hours-section-compact{order:3!important}.consumption-section-compact{order:4!important;margin-top:.5rem!important}.ltr-appliance-row table,.rtl-appliance-row table{table-layout:fixed!important;width:100%!important;margin:0!important;padding:0!important}.mobile-stack-layout tr{padding:.25rem!important}.mobile-stack-layout td{padding:.15rem!important}.appliance-card-content-compact{padding:.5rem .25rem!important}.appliance-card-compact{margin-bottom:.5rem!important}.consumption-value-compact{display:flex!important;flex-direction:column!important;align-items:center!important;white-space:nowrap!important;text-align:center!important}.consumption-value-number{font-size:.9rem!important;font-weight:500!important;line-height:1.1!important;display:block!important;margin-bottom:2px!important}.consumption-value-unit{font-size:.65rem!important;color:#666!important;display:block!important;line-height:1!important}.delete-btn-compact{width:1.25rem!important;height:1.25rem!important;padding:0!important;margin:0!important}}.appliance-name-container{display:flex;align-items:center;justify-content:space-between;width:100%}.appliance-name-text{font-size:.9rem;word-break:break-word;line-height:1.2;overflow-wrap:break-word;max-width:100%}@media (max-width:767px){.tab-trigger{font-size:.85rem!important;font-weight:500!important;padding:8px 4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.appliance-name-text{font-size:.85rem;line-height:1.1;max-width:100%;display:block}.appliance-name-container{flex-direction:column;align-items:flex-start}[dir=rtl] .appliance-name-container{align-items:flex-end}}.power-inline{font-size:.75rem!important;color:#6b7280!important;font-weight:400!important;margin-left:.25rem!important}.appliance-name-with-power{font-size:1rem!important;font-weight:500!important;display:flex!important;align-items:center!important;justify-content:space-between!important;max-width:100%}[dir=ltr] .power-inline{margin-left:.25rem}[dir=rtl] .power-inline{margin-right:.25rem}.control-label-compact{font-weight:500!important;white-space:nowrap}[dir=ltr] .control-label-compact{margin-right:.5rem}[dir=rtl] .control-label-compact{margin-left:.5rem}.control-group-compact{display:flex!important;flex-direction:column!important;align-items:center!important;max-width:100%!important;margin:0 auto!important}.control-label-compact{margin-bottom:.25rem!important;font-size:.75rem!important;color:#666!important;white-space:nowrap!important}.control-input-compact{width:3.5rem!important;height:1.75rem!important;text-align:center!important;padding:.25rem!important;font-size:.75rem!important}.mobile-column-headers{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:.5rem 1rem!important;font-weight:500!important;font-size:.875rem!important;color:#6b7280!important;background-color:#f9fafb!important;border-radius:.375rem!important;margin-bottom:.5rem!important}.mobile-header-name{flex:1!important;text-align:left!important}.mobile-header-controls{display:flex!important;align-items:center!important;gap:1.5rem!important;margin-left:auto!important;padding-right:1rem!important}.mobile-header-quantity{width:110px!important}.mobile-header-hours,.mobile-header-quantity{text-align:center!important;padding-right:0!important}.mobile-header-hours{width:40px!important;padding-left:0!important}.mobile-header-consumption{width:80px!important;text-align:right!important}.mobile-header-spacer{flex:1.5!important}.mobile-header-item{flex:1!important;color:#6b7280!important;padding:0!important;white-space:nowrap!important;width:33.33%!important}.mobile-header-item,[dir=rtl] .mobile-header-item{text-align:center!important}@media (max-width:768px){.content-container,.main-container,body,html{overflow-x:hidden!important;background:#fff!important}.appliance-list-compact,.content-container,.layout-container-compact,.main-container,.mobile-appliance-single-row,.mobile-card,body,html{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important;box-shadow:none!important}.appliance-list-compact,.layout-container-compact,.mobile-appliance-single-row,.mobile-card{background:transparent!important;border-radius:.5rem!important}.mobile-appliance-single-row{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:.5rem!important}}.content-container,.main-container,body,html{width:100vw!important;min-width:100vw!important;max-width:100vw!important;overflow-x:hidden!important;box-sizing:border-box!important;background:#fff!important}.content-container,.main-container{margin:0!important;padding:0!important;box-shadow:none!important}.appliance-list-compact,.layout-container-compact{max-width:100%!important;padding-left:.25rem!important;padding-right:.25rem!important;background:transparent!important;box-shadow:none!important}.appliance-list-compact,.layout-container-compact,.mobile-card{width:100%!important;margin:0!important;box-sizing:border-box!important}.mobile-card{border-radius:.5rem!important}.mobile-appliance-single-row{box-sizing:border-box!important;justify-content:space-between!important;padding:0!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center!important;gap:.5rem!important;width:100%!important;margin-bottom:.5rem!important}.mobile-controls-inline{min-width:160px!important;max-width:48vw!important;margin-right:.1rem!important}.consumption-inline{min-width:60px!important}.mobile-controls-inline{min-width:200px!important;max-width:60vw!important;flex-shrink:1!important;margin-right:.5rem!important}.consumption-inline{min-width:70px!important}.mobile-appliance-info{justify-content:flex-start!important;min-width:40%!important}.mobile-appliance-info,.mobile-controls-inline{display:flex!important;align-items:center!important;flex-shrink:0!important}.mobile-controls-inline{justify-content:flex-end!important;gap:1.5rem!important;flex-wrap:nowrap!important}.quantity-control-inline{justify-content:center!important;align-items:center!important;gap:.25rem!important;flex-shrink:0!important;white-space:nowrap!important;width:110px!important}.appliance-name-wrapper{flex:1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.9rem!important;font-weight:500!important}.delete-btn-inline{flex-shrink:0!important;width:28px!important;height:28px!important;padding:0!important}.mobile-hours-row{margin-top:.5rem!important}.quantity-control-inline{display:flex!important;align-items:stretch!important;justify-content:space-between!important;gap:2px!important;border:1px solid #e5e7eb!important;border-radius:8px!important;background-color:#ffffff!important;padding:2px!important;overflow:hidden!important;max-width:150px!important;position:relative!important;min-height:48px!important}.quantity-control-inline .control-btn-compact{width:28px!important;height:28px!important}.quantity-control-inline .control-btn-compact:hover{background-color:#e5e7eb!important}.quantity-control-inline .control-btn-compact:active{transform:scale(.95)!important;background-color:#d1d5db!important}.quantity-input-compact{width:40px!important;font-size:.875rem!important;-webkit-appearance:textfield!important;-moz-appearance:textfield!important;appearance:textfield!important;box-sizing:border-box!important;position:relative!important}.quantity-input-compact::-webkit-inner-spin-button,.quantity-input-compact::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.quantity-input-inline{width:50px!important;border:1px solid #e5e7eb!important;border-top:none!important;border-bottom:none!important;background:#ffffff!important;height:44px!important;font-size:1rem!important;-webkit-appearance:textfield!important;-moz-appearance:textfield!important;appearance:textfield!important}.quantity-input-inline::-webkit-inner-spin-button,.quantity-input-inline::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.consumption-inline{font-size:.875rem!important;white-space:nowrap!important;flex-shrink:0!important;width:80px!important;text-align:right!important}.mobile-hours-row{display:flex!important;align-items:center!important;gap:8px!important;margin-top:8px!important;padding-top:8px!important;border-top:1px solid #eee!important}.hours-label{font-size:.85rem!important;color:#666!important;flex-shrink:0!important}.hours-input-compact{width:60px!important;height:28px!important;padding:0 8px!important;font-size:.9rem!important}.hours-suffix{font-size:.85rem!important;color:#666!important}[dir=rtl] .mobile-appliance-info,[dir=rtl] .mobile-appliance-single-row,[dir=rtl] .mobile-hours-row{flex-direction:row-reverse!important}.mobile-appliance-header,.mobile-appliance-name,.mobile-appliance-row,.mobile-control-item,.mobile-controls-grid{display:none!important}@media (max-width:767px){.control-group-compact{padding:0!important;margin:0!important}.control-label-compact{font-size:.7rem!important;margin-bottom:.15rem!important}.control-input-compact{width:2.25rem!important;height:1.5rem!important;font-size:.7rem!important;padding:.1rem!important}.quantity-input-compact{width:1.5rem!important;margin:0 2px!important}.control-btn-compact{width:1.2rem!important;height:1.2rem!important;padding:0!important;min-width:0!important}.quantity-control-compact{display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important}.appliance-name-with-power{font-size:.85rem!important;white-space:normal!important;overflow:visible!important;word-break:break-word!important;max-width:100%!important;line-height:1.2!important}.power-inline{font-size:.7rem!important}.mobile-stack-layout tr{display:flex!important;flex-direction:column!important;width:100%!important;padding:8px 4px!important;border-bottom:1px solid #eee!important}.mobile-stack-layout td{display:flex!important;width:100%!important;padding:6px 4px!important;overflow:visible!important;align-items:center!important}.mobile-stack-layout td:first-child{border-bottom:1px dashed #eee!important;padding-bottom:8px!important;margin-bottom:4px!important}.mobile-stack-layout td:not(:first-child):before{content:attr(data-label)!important;width:40%!important;font-weight:500!important;font-size:.8rem!important}.mobile-stack-layout .control-group-compact{margin-left:auto!important;width:60%!important;flex-direction:row!important;justify-content:flex-end!important;align-items:center!important}.rtl-appliance-row .mobile-stack-layout .control-group-compact{margin-right:auto!important;margin-left:0!important;justify-content:flex-start!important}.control-label-compact{margin-right:8px!important;margin-bottom:0!important}[dir=rtl] .control-label-compact{margin-left:8px!important;margin-right:0!important}.mobile-stack-layout td:first-child{text-align:left!important;padding-right:4px!important;overflow:visible!important}.mobile-stack-layout td:nth-child(2),.mobile-stack-layout td:nth-child(3){text-align:center!important}.mobile-stack-layout td:nth-child(4){text-align:right!important;padding-left:4px!important}.rtl-appliance-row .mobile-stack-layout td:first-child{text-align:right!important}.rtl-appliance-row .mobile-stack-layout td:nth-child(4){text-align:left!important}}.consumption-value-compact{font-size:.875rem!important;font-weight:500!important;white-space:nowrap;display:flex;align-items:center}.consumption-section-compact-rtl{text-align:left!important}.consumption-section-compact-ltr{text-align:right!important}@media (max-width:767px){.consumption-section-compact{text-align:center!important}.consumption-value-compact{justify-content:center!important}}.unit-text{font-size:.75rem!important;color:#6b7280!important;font-weight:400!important}.appliance-card-compact{background-color:white!important;border-color:#e5e7eb!important}.appliance-card-content-compact{padding:.5rem!important}.language-toggle-button{position:fixed!important;top:1rem!important;z-index:150!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;border-radius:.5rem!important;padding:.5rem .75rem!important;background-color:#f3f4f6!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important;transition:all .2s ease-in-out!important}.language-toggle-button:hover{background-color:#e5e7eb!important;border-color:#d1d5db!important}.language-toggle-button:active{transform:scale(.98)!important}.language-toggle-button-rtl{left:1rem!important}.language-toggle-button-ltr{right:1rem!important}.company-logo-button{position:fixed!important;top:1rem!important;z-index:100!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:.5rem!important;padding:.5rem .75rem!important;background-color:#f3f4f6!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important;transition:all .2s ease-in-out!important}@media (max-width:768px){.company-logo-button{position:fixed!important;top:1rem!important;z-index:150!important;display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;background-color:#f3f4f6!important;border:1px solid #e5e7eb!important;padding:.5rem .75rem!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important;border-radius:.5rem!important}.company-logo-button-rtl{right:1rem!important;left:auto!important}.company-logo-button-ltr{left:1rem!important;right:auto!important}}.company-logo-button:hover{background-color:#e5e7eb!important;border-color:#d1d5db!important;transform:translateY(-1px)!important;box-shadow:0 3px 12px rgba(0,0,0,.2)!important}.company-logo-button:active{transform:scale(.98)!important}.company-logo-button-rtl{right:1rem!important}.company-logo-button-ltr{left:1rem!important}.quantity-control-compact{display:flex!important;align-items:stretch!important;justify-content:space-between!important;width:100%!important;overflow:hidden!important;border:1px solid #e5e7eb!important;max-width:120px!important;margin:0 auto!important;border-radius:6px!important;padding:0!important;background-color:#ffffff!important;box-sizing:border-box!important;position:relative!important}.quantity-btn-minus-compact,.quantity-btn-plus-compact{height:2rem!important;width:2rem!important;border:none!important;border-radius:0!important;min-width:2rem!important}.quantity-btn-minus-compact,.quantity-btn-plus-compact,.quantity-control-inline .control-btn-compact{display:flex!important;align-items:center!important;justify-content:center!important;background-color:#f3f4f6!important;box-shadow:none!important;transition:all .15s ease!important;cursor:pointer!important;margin:0!important;padding:0!important;position:relative!important;z-index:1!important;flex-shrink:0!important}.quantity-control-inline .control-btn-compact{height:44px!important;width:44px!important;border:none!important;border-radius:6px!important;min-height:44px!important;min-width:44px!important}.quantity-btn-minus-compact:hover,.quantity-btn-plus-compact:hover{background-color:#e5e7eb!important;box-shadow:none!important}.quantity-btn-minus-compact:active,.quantity-btn-plus-compact:active{transform:scale(.95)!important;background-color:#d1d5db!important}.quantity-btn-minus-compact:focus-visible,.quantity-btn-plus-compact:focus-visible{outline:2px solid #3b82f6!important;outline-offset:2px!important;box-shadow:none!important}.quantity-btn-minus-compact svg,.quantity-btn-plus-compact svg{width:12px!important;height:12px!important;margin:0!important}.quantity-input-compact{width:2.5rem!important;min-width:2.5rem!important;height:2rem!important;border:none!important}.quantity-input-inline{width:40px!important;height:28px!important;padding:0!important;text-align:center!important;font-size:.875rem!important;border-radius:4px!important;margin:0!important}.hours-input-container{display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;position:relative!important}.hours-input-inline{width:60px!important;height:44px!important;padding:0!important;text-align:center!important;font-size:1rem!important;border-radius:6px!important;margin:0!important;flex-shrink:0!important;border:1px solid #e5e7eb!important;appearance:textfield!important;min-height:44px!important}.hours-input-inline::-webkit-inner-spin-button,.hours-input-inline::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}[dir=ltr] .quantity-input-compact,[dir=rtl] .quantity-input-compact{border-left:1px solid #e5e7eb!important;border-right:1px solid #e5e7eb!important}.content-container,.main-container{background-color:#f0f4f8!important}.content-container{padding:1rem 0!important}.content-container-full-width{max-width:100%!important;width:100%!important;padding:1rem 0!important}@media (max-width:767px){.custom-form-table tr{display:flex!important;flex-direction:column!important;margin-bottom:.75rem!important}.custom-form-table td{width:100%!important;display:block!important;padding:.25rem!important;text-align:left!important}.custom-form-table [dir=rtl] td{text-align:right!important}.custom-form-table td:first-child{padding-bottom:0!important}.custom-form-table td:last-child{padding-top:0!important}.mobile-controls-row{margin-bottom:.5rem!important}.form-label-compact{margin-bottom:.25rem!important;display:block!important;font-weight:500!important}.form-input-compact{height:2.25rem!important;padding:.375rem .5rem!important;font-size:.875rem!important}.add-btn-compact{margin-top:.5rem!important;height:2.5rem!important}.main-container{padding:0!important}.appliance-card-content-compact{padding:.75rem .5rem!important}.quantity-control-compact{max-width:100%!important;margin:0 auto!important;display:flex!important;justify-content:center!important}.consumption-value-compact{font-size:.875rem!important;text-align:center!important;display:block!important;width:100%!important}}@media (max-width:640px){.mobile-appliance-single-row{min-height:36px!important}@media (max-width:380px){.appliance-name-wrapper{font-size:.85rem!important}.power-inline{font-size:.75rem!important}.quantity-display{font-size:.85rem!important;min-width:20px!important}.consumption-inline{font-size:.8rem!important}.mobile-controls-inline{gap:8px!important}.quantity-control-inline{gap:2px!important}.control-btn-compact{width:26px!important;height:26px!important}.hours-input-compact{width:50px!important}}.appliance-card-compact{margin-bottom:8px!important}.appliance-card-compact .p-3{padding:12px!important}}.control-btn-compact{background-color:#f3f4f6!important;border:none!important;box-shadow:none!important;transition:all .15s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;border-radius:6px!important}.control-btn-compact:hover{background-color:#e5e7eb!important;box-shadow:none!important}.control-btn-compact:active{transform:scale(.95)!important;background-color:#d1d5db!important}.control-btn-compact:focus-visible{outline:2px solid #3b82f6!important;outline-offset:2px!important;box-shadow:none!important}.control-btn-compact svg{width:12px!important;height:12px!important;margin:0!important}.delete-btn-compact,.delete-btn-inline{box-shadow:none!important;transition:all .15s ease!important}.delete-btn-compact:hover,.delete-btn-inline:hover{box-shadow:none!important;background-color:#fee2e2!important}.delete-btn-compact:active,.delete-btn-inline:active{transform:scale(.95)!important}:root{--app-bg-color:#f0f9ff;--card-bg-color:#ffffff;--input-bg-color:#ffffff;--button-bg-color:#ffffff;--border-color:#e2e8f0}.main-container,body,html{margin:0!important;padding:0!important;background:transparent!important}.main-container{min-height:100vh!important;width:100%!important}.content-container{width:100%!important;max-width:800px!important;margin:0 auto!important;padding:1rem!important}.appliance-card-compact,.appliance-card-content-compact,.card-content,.card-footer,.card-header,.mobile-appliance-single-row,.mobile-card,.mobile-hours-row{background-color:var(--card-bg-color)!important}.appliance-card-compact{border-radius:.5rem!important;margin-bottom:.75rem!important;box-shadow:0 1px 3px rgba(0,0,0,.05)!important}.hours-input-compact,.quantity-input-compact,.quantity-input-inline,input[type=number]{background-color:var(--input-bg-color)!important;border:1px solid var(--border-color)!important}.control-btn-compact{background-color:var(--button-bg-color)!important;border:1px solid var(--border-color)!important}.tab-content,.tab-trigger,.tabs-content,[class*=appliance-row]{background-color:var(--card-bg-color)!important}.appliance-card-compact>*{background-color:#ffffff!important}.tab-content,.tabs-content,.tabs-list,.tabs-trigger{background-color:transparent}.tab-trigger,[data-orientation=horizontal]{margin-top:0!important;border-top:none!important}.content-container{background:transparent!important}.card{box-shadow:none!important}.appliance-card-compact,.card{background-color:#ffffff!important;border:1px solid #f3f4f6!important}.appliance-card-compact{box-shadow:0 1px 3px 0 rgba(0,0,0,.05)!important;margin-bottom:.5rem!important}@media (max-width:768px){.appliance-card-compact{border-radius:.5rem!important;margin-left:0!important;margin-right:0!important}}.appliance-card-compact,.tab-content,.tabs-content{background-color:var(--app-bg-color)!important}.appliance-card-compact{border:none!important;box-shadow:none!important}*{background-image:none!important}.bg-gray-100,.bg-gray-50,.bg-slate-100,.bg-slate-50{background-color:transparent!important}#__next{background:transparent!important}.appliance-list-container{background-color:transparent!important}.custom-appliance-form{background-color:#ffffff!important;border:1px solid #f3f4f6!important}.card,.card-content{box-shadow:none!important}.card{border:1px solid #e5e7eb!important}@media (max-width:768px){.quantity-control-inline .control-btn-compact{height:44px!important;width:44px!important;border-radius:6px!important;min-height:44px!important;min-width:44px!important;touch-action:manipulation!important}.quantity-input-inline{width:50px!important}.hours-input-inline,.quantity-input-inline{height:44px!important;font-size:1rem!important;min-height:44px!important;touch-action:manipulation!important}.hours-input-inline{width:60px!important}.quantity-control-inline{min-height:48px!important;max-width:170px!important;padding:2px!important;gap:2px!important}body,html{overflow-x:hidden!important;width:100vw!important;position:relative!important;margin:0!important;padding:0!important}*,body,html{max-width:100vw!important;box-sizing:border-box!important}.max-w-7xl.mx-auto.px-4,.w-full.px-4{padding-left:0!important;padding-right:0!important}.max-w-7xl.mx-auto.px-4{max-width:100%!important}.max-w-7xl.mx-auto,.w-full.px-4.py-8{padding-left:0!important;padding-right:0!important}.max-w-7xl.mx-auto{max-width:100%!important}.main-container{padding:0!important}.content-container,.main-container{width:100%!important;max-width:100%!important;overflow-x:hidden!important;margin:0!important}.content-container{box-sizing:border-box!important}.content-container,.overflow-hidden.w-full{padding-left:0!important;padding-right:0!important}.bg-white.rounded-xl.shadow-lg.border.border-gray-100{margin-left:0!important;margin-right:0!important;border-radius:0!important;border-left:none!important;border-right:none!important;padding-left:0!important;padding-right:0!important}}@media (max-width:768px){.md\\:p-8,.p-6,.p-8{padding-left:0!important;padding-right:0!important}}.control-group-compact .quantity-control-compact,.quantity-control-compact{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;width:7rem!important;height:2.5rem!important;border:1px solid #e5e7eb!important;border-radius:8px!important;overflow:hidden!important;background-color:#ffffff!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important}.quantity-input-compact{width:2rem!important;min-width:2rem!important;max-width:2rem!important;height:2.5rem!important;padding:0!important;margin:0!important;text-align:center!important;font-size:.9rem!important;font-weight:600!important;color:#374151!important;border:1px solid #e5e7eb!important;border-top:none!important;border-bottom:none!important;background:#ffffff!important;flex:1!important;border-radius:0!important;transition:all .15s ease!important;outline:none!important}.control-btn-compact.quantity-btn-minus-compact,.control-btn-compact.quantity-btn-plus-compact{width:2.5rem!important;height:2.5rem!important;min-width:2.5rem!important;max-width:2.5rem!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border:none!important;border-radius:0!important;flex-shrink:0!important;position:relative!important;transition:all .15s cubic-bezier(.4,0,.2,1)!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;z-index:10!important;cursor:pointer!important;touch-action:manipulation!important}.control-btn-compact.quantity-btn-minus-compact svg,.control-btn-compact.quantity-btn-plus-compact svg{width:16px!important;height:16px!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;transition:transform .15s ease!important;opacity:1!important;visibility:visible!important;z-index:11!important;color:#374151!important;stroke:#374151!important;fill:none!important;stroke-width:2.5!important}@media (max-width:768px){.content-container,.main-container,body,html{max-width:100vw!important;overflow-x:hidden!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}.content-container{background-color:white!important}.appliance-card-compact,.mobile-card{width:calc(100vw - 1.1rem)!important;max-width:calc(100vw - 1.1rem)!important;margin:.5rem!important;border-radius:.5rem!important;border:1px solid #e2e8f0!important;background:#ffffff!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important;transition:none!important;position:relative!important;opacity:1!important;transform:none!important}.appliance-card-compact,.appliance-card-compact .appliance-card-content-compact,.mobile-card{padding:0!important;height:2.5rem!important;min-height:2.5rem!important;max-height:2.5rem!important}.appliance-card-compact .appliance-card-content-compact{margin:0!important;border:none!important;background:transparent!important;box-shadow:none!important;display:flex!important;align-items:center!important}.appliance-card-compact .appliance-card-content-compact.appliance-card-content-compact,.appliance-card-compact.mobile-card .appliance-card-content-compact{padding:0!important;background:transparent!important}.appliance-card-content-compact[class*=p-],.appliance-card-content-compact[class*=pb-],.appliance-card-content-compact[class*=pt-],.appliance-card-content-compact[class*=px-],.appliance-card-content-compact[class*=py-]{padding:0!important}.mobile-appliance-single-row{flex-direction:row!important;width:100%!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:.2rem!important;box-sizing:border-box!important;padding:0!important;height:2.5rem!important;min-height:2.5rem!important;max-height:2.5rem!important;overflow:hidden!important;position:relative!important}.mobile-appliance-info,.mobile-appliance-single-row{display:flex!important;align-items:center!important;margin:0!important}.mobile-appliance-info{flex:0 0 auto!important;width:150px!important;min-width:150px!important;max-width:150px!important;padding:0 0 0 .1rem!important;overflow:visible!important}.appliance-name-wrapper{font-weight:600!important;font-size:.85rem!important;color:#1e293b!important;flex:1!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;padding:0 .25rem 0 0!important;margin:0!important;letter-spacing:-.01em!important;line-height:1.3!important;transition:color .2s ease,font-size .2s ease!important}.power-inline{font-size:.8rem!important;color:#666!important;font-weight:500!important;transition:font-size .2s ease!important}.mobile-controls-wrapper{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.4rem!important;flex:1!important;min-width:0!important;justify-content:flex-end!important;flex-wrap:nowrap!important;overflow:visible!important;width:auto!important;height:2.5rem!important;padding-right:3rem!important;max-width:calc(100vw - 120px - 3rem - 1.1rem)!important}@media (max-width:768px){.mobile-controls-wrapper .hours-control-inline,.mobile-controls-wrapper .quantity-control-inline{flex-direction:row!important;gap:0!important;flex:0 0 auto!important;width:4.5rem!important;min-width:4.5rem!important;max-width:4.5rem!important;border:1px solid #e5e7eb!important;border-radius:6px!important;background-color:#ffffff!important;box-shadow:0 1px 3px rgba(0,0,0,.08)!important}.mobile-controls-wrapper .hours-control-inline,.mobile-controls-wrapper .hours-control-inline .control-btn-compact,.mobile-controls-wrapper .quantity-control-inline,.mobile-controls-wrapper .quantity-control-inline .control-btn-compact{display:flex!important;align-items:center!important;justify-content:center!important;height:2.25rem!important;min-height:2.25rem!important;max-height:2.25rem!important;overflow:hidden!important;position:relative!important;box-sizing:border-box!important;margin:0!important;padding:0!important;flex-shrink:0!important;flex-grow:0!important}.mobile-controls-wrapper .hours-control-inline .control-btn-compact,.mobile-controls-wrapper .quantity-control-inline .control-btn-compact{width:1.25rem!important;min-width:1.25rem!important;max-width:1.25rem!important;border:0!important;border-width:0!important;background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border-radius:0!important;transition:all .15s cubic-bezier(.4,0,.2,1)!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;z-index:10!important;cursor:pointer!important;touch-action:manipulation!important;outline:none!important}.mobile-controls-wrapper .hours-control-inline .control-btn-compact svg,.mobile-controls-wrapper .quantity-control-inline .control-btn-compact svg{width:12px!important;height:12px!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;transition:transform .15s ease!important;opacity:1!important;visibility:visible!important;z-index:11!important;color:#374151!important;stroke:#374151!important;fill:none!important;stroke-width:2.5!important;display:block!important;pointer-events:none!important;margin:0!important}}.control-btn-compact{width:1.5rem!important;height:2.5rem!important;min-width:1.5rem!important;max-width:1.5rem!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border:none!important;border-radius:0!important;flex-shrink:0!important;position:relative!important;transition:all .15s cubic-bezier(.4,0,.2,1)!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;z-index:10!important;cursor:pointer!important;touch-action:manipulation!important}.control-btn-compact:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)!important;transform:translateY(-1px)!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important}.control-btn-compact:active{transform:translateY(0) scale(.95)!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.15)!important;background:linear-gradient(135deg,#94a3b8,#64748b)!important}.control-btn-compact:focus-visible{outline:2px solid #3b82f6!important;outline-offset:2px!important}.hours-input-inline:focus-visible,.quantity-input-inline:focus-visible{outline:2px solid #3b82f6!important;outline-offset:1px!important}.control-btn-compact:disabled{opacity:.4!important;cursor:not-allowed!important;background:#f1f5f9!important;border-color:#e2e8f0!important;transform:none!important;box-shadow:none!important}.control-btn-compact:disabled svg{color:#94a3b8!important;stroke:#94a3b8!important}.control-btn-compact svg{width:14px!important;height:14px!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;transition:transform .15s ease!important;opacity:1!important;visibility:visible!important;z-index:11!important;color:#374151!important;stroke:#374151!important;fill:none!important;stroke-width:2.8!important}.control-btn-compact:hover svg{transform:translate(-50%,-50%) scale(1.05)!important}@media (max-width:768px){.mobile-controls-wrapper input.hours-input-inline,.mobile-controls-wrapper input.quantity-input-inline{width:2rem!important;min-width:2rem!important;max-width:2rem!important;height:2.25rem!important;padding:0!important;margin:0!important;text-align:center!important;font-size:.75rem!important;font-weight:600!important;color:#374151!important;border:1px solid #e5e7eb!important;border-top:none!important;border-bottom:none!important;background:#ffffff!important;background-color:#ffffff!important;flex:none!important;border-radius:0!important;transition:all .15s ease!important;outline:none!important;box-sizing:border-box!important;-moz-appearance:textfield!important;-webkit-appearance:none!important}.mobile-controls-wrapper input.hours-input-inline::-webkit-inner-spin-button,.mobile-controls-wrapper input.hours-input-inline::-webkit-outer-spin-button,.mobile-controls-wrapper input.quantity-input-inline::-webkit-inner-spin-button,.mobile-controls-wrapper input.quantity-input-inline::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}}.mobile-controls-wrapper .hours-input-inline:focus,.mobile-controls-wrapper .quantity-input-inline:focus{background:#ffffff!important;border-left-color:#3b82f6!important;border-right-color:#3b82f6!important;box-shadow:inset 0 0 0 1px #3b82f6!important;color:#1e293b!important}.consumption-inline{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;position:absolute!important;right:.4rem!important;top:.3rem!important;bottom:.3rem!important;width:2.2rem!important;min-width:2.2rem!important;max-width:2.2rem!important;text-align:center!important;padding:.1rem!important;margin:0!important;border-radius:.25rem!important;transition:all .3s ease-in-out!important;background-color:rgba(248,250,252,.95)!important;border:1px solid rgba(226,232,240,.7)!important;height:calc(100% - .6rem)!important;box-sizing:border-box!important;z-index:5!important}.consumption-value-number{font-size:.9rem!important;font-weight:700!important;white-space:nowrap!important;line-height:1.1!important;transition:all .3s ease-in-out!important;position:relative!important;color:#374151!important}.consumption-value-unit{font-size:.7rem!important;color:#64748b!important;line-height:1!important;font-weight:600!important;text-transform:none!important;letter-spacing:.05em!important;margin-top:1px!important}.consumption-low .consumption-value-number{color:#15803d!important;font-weight:700!important}.consumption-low .consumption-value-unit{color:#64748b!important;text-transform:none!important}.consumption-medium .consumption-value-number{color:#b45309!important;font-weight:700!important}.consumption-medium .consumption-value-unit{color:#64748b!important;text-transform:none!important}.consumption-high .consumption-value-number{color:#b91c1c!important;font-weight:700!important}.consumption-high .consumption-value-unit{color:#64748b!important;text-transform:none!important}.hours-control-inline .control-btn-compact,.quantity-control-inline .control-btn-compact{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:all!important}.hours-control-inline .control-btn-compact svg,.quantity-control-inline .control-btn-compact svg{display:block!important;opacity:1!important;visibility:visible!important}.mobile-column-headers{display:flex!important;width:calc(100vw - 1rem)!important;margin:.5rem!important;padding:.5rem 0!important;background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border-radius:.5rem!important;align-items:center!important;box-sizing:border-box!important;border:1px solid #cbd5e1!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important;transition:all .2s ease-in-out!important;position:relative!important}.mobile-column-headers:before{display:none!important}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-header-spacer{flex:0 0 auto!important;width:150px!important;min-width:150px!important;max-width:150px!important;margin-left:.2rem!important}.mobile-header-controls{display:flex!important;flex-direction:row!important;align-items:center!important;flex:1!important;justify-content:flex-end!important;gap:.5rem!important}.mobile-header-hours,.mobile-header-quantity{width:4.5rem!important;min-width:4.5rem!important;max-width:4.5rem!important;font-size:.6rem!important;line-height:1.2!important}.mobile-header-consumption,.mobile-header-hours,.mobile-header-quantity{flex:0 0 auto!important;text-align:center!important;font-weight:600!important;color:#475569!important;text-transform:uppercase!important;letter-spacing:.025em!important;text-shadow:0 1px 2px rgba(255,255,255,.8)!important}.mobile-header-consumption{width:2.2rem!important;min-width:2.2rem!important;max-width:2.2rem!important;font-size:.55rem!important;margin-right:.9rem!important}.appliance-list-compact,.appliance-list-container,.layout-container-compact{width:100%!important;padding:0!important;margin:0!important;box-sizing:border-box!important}.custom-form-table{width:100%!important;max-width:100%!important}.custom-form,.custom-form-compact{width:calc(100vw - 1rem)!important;max-width:calc(100vw - 1rem)!important;margin:1rem .5rem!important;padding:1rem!important;background:#ffffff!important;border-radius:.5rem!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important;box-sizing:border-box!important;overflow:visible!important;position:relative!important;z-index:10!important;display:block!important;opacity:1!important;min-height:auto!important;height:auto!important}.appliance-card-compact:has(.custom-form-compact){height:auto!important;min-height:auto!important;max-height:none!important}.appliance-card-compact:has(.custom-form-compact) .appliance-card-content-compact{height:auto!important;min-height:auto!important;max-height:none!important;padding:0!important}}@media (max-width:768px){.grid.md\\:grid-cols-3{grid-template-columns:1fr!important;gap:1rem!important}.system-recommendation .space-y-4>*+*{margin-top:.75rem!important}.system-recommendation .space-y-3>*+*{margin-top:.5rem!important}}@media (min-width:769px){.grid.md\\:grid-cols-3{grid-template-columns:1fr 1fr 1fr!important;gap:2rem!important}}.bg-gradient-to-br.from-amber-50.to-orange-50{background:#fef7ed!important;border-color:#fed7aa!important}.bg-gradient-to-br.from-amber-50.to-orange-50 *{color:#374151!important}.bg-gradient-to-br.from-green-50.to-emerald-50{background:#f0fdf4!important;border-color:#bbf7d0!important}.bg-gradient-to-br.from-green-50.to-emerald-50 *{color:#374151!important}.bg-gradient-to-br.from-blue-50.to-indigo-50{background:#f8fafc!important;border-color:#cbd5e1!important}.bg-gradient-to-br.from-blue-50.to-indigo-50 *{color:#374151!important}.customize-header{margin-bottom:1.5rem}@media (min-width:769px){.customize-header .flex{justify-content:space-between!important}.customize-reset-btn{margin-left:auto}}@media (max-width:768px){.customize-header .flex{flex-direction:column!important;gap:1rem!important;align-items:center!important}.customize-header .bg-blue-50{text-align:center!important}.customize-header .bg-blue-50,.customize-reset-btn{width:100%!important;justify-content:center!important}.space-y-6>*+*{margin-top:1rem!important}.grid.gap-6.md\\:grid-cols-3{grid-template-columns:1fr!important;gap:1rem!important}.customize-header+.shadow-lg{margin-top:1rem!important}.space-y-4 .flex.items-center.gap-4{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.space-y-4 .flex.items-center.gap-2{justify-content:center!important;margin-top:.5rem!important;width:100%!important;display:flex!important}.space-y-4>div:has(.flex.items-center.gap-4){display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}.space-y-4 .flex.items-center.gap-4>div{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important}.space-y-4 .select-trigger,.space-y-4 select{width:100%!important;text-align:center!important}.space-y-4 .flex.items-center.gap-2:has(button[size=icon]){justify-content:center!important;align-items:center!important;margin:0 auto!important;width:fit-content!important}.bg-gradient-to-r.from-emerald-50.to-teal-50,.bg-gradient-to-r.from-gray-50.to-gray-100,.space-y-4 input[type=number]{text-align:center!important}}.customize-header .bg-blue-50{border-radius:.375rem!important}.customize-header .flex.items-center.gap-3{flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important}.customize-header .flex.items-center.gap-3 h2{white-space:nowrap!important}.w-full.mb-8,.w-full.mb-8>div{overflow:visible!important}.absolute.top-6.left-0.right-0.z-0 .flex.items-center.justify-between{max-width:100%!important}.absolute.top-6.left-0.right-0.z-0 [style*="flex: 1"]{flex:none!important;width:calc((100% - 12rem) / 2)!important;max-width:8rem!important}.relative.w-full.max-w-sm.md\\:max-w-md.lg\\:max-w-lg.xl\\:max-w-xl.mx-auto{overflow:visible!important;position:relative!important}.relative.z-20 button{position:relative!important;z-index:20!important}@media (min-width:769px){.w-full.mb-8{margin-bottom:2rem!important}.max-w-5xl.mx-auto.px-4{padding-top:0!important;padding-bottom:0!important}.w-12.h-12.rounded-full{width:2.5rem!important;height:2.5rem!important;font-size:.875rem!important}.mt-3.text-center{margin-top:.5rem!important}.text-sm.font-semibold{font-size:.8rem!important}.text-xs.text-gray-500.mt-1.hidden.md\\:block{display:none!important}.absolute.top-6{top:1.25rem!important}div[style*="calc(3rem + 4px)"]{width:calc(1.25rem + 6px)!important}.w-12:not(.h-12){width:2.5rem!important}.w-12.h-12.rounded-full{width:3rem!important;height:3rem!important;font-size:1rem!important;font-weight:700!important;box-shadow:0 4px 12px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.04)!important;transition:all .3s cubic-bezier(.25,.46,.45,.94)!important;border-width:2px!important;position:relative!important;z-index:10!important;backdrop-filter:blur(8px)!important}.w-12.h-12.rounded-full.bg-white{background:linear-gradient(135deg,#ffffff,#f8fafc)!important;border-color:#1f2937!important;color:#1f2937!important;box-shadow:0 8px 24px rgba(31,41,55,.12),0 4px 12px rgba(0,0,0,.08),inset 0 1px 3px rgba(255,255,255,.9)!important}.w-12.h-12.rounded-full.bg-green-50{background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important;border-color:#16a34a!important;color:#15803d!important;box-shadow:0 6px 20px rgba(22,163,74,.15),0 3px 10px rgba(22,163,74,.08),inset 0 1px 3px rgba(255,255,255,.7)!important}.w-12.h-12.rounded-full.bg-gray-100{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)!important;border-color:#d1d5db!important;color:#9ca3af!important;box-shadow:0 2px 6px rgba(0,0,0,.05),inset 0 1px 2px rgba(0,0,0,.05)!important}.w-12.h-12.rounded-full:not(:disabled):hover{transform:translateY(-2px) scale(1.03)!important;box-shadow:0 12px 32px rgba(0,0,0,.15),0 6px 16px rgba(0,0,0,.08)!important}.h-0\\.5{height:3px!important;border-radius:2px!important;position:relative!important;overflow:hidden!important}.bg-green-500{background:linear-gradient(90deg,#10b981,#059669 50%,#047857)!important;box-shadow:0 2px 8px rgba(16,185,129,.4),inset 0 1px 2px rgba(255,255,255,.3)!important}.bg-gray-300{background:linear-gradient(90deg,#e5e7eb,#d1d5db 50%,#9ca3af)!important;box-shadow:0 1px 4px rgba(156,163,175,.3),inset 0 1px 1px rgba(255,255,255,.4)!important}.absolute.top-6{top:1.5rem!important;z-index:1!important}div[style*="calc(3rem + 4px)"]{width:calc(1.5rem + 2px)!important}.w-12:not(.h-12){width:3rem!important}.mt-3.text-center{margin-top:.75rem!important}.text-sm.font-semibold{font-size:.875rem!important;font-weight:600!important;margin-bottom:.25rem!important}.mobile-column-headers{padding:1.25rem 1.5rem!important;margin-bottom:1.5rem!important;border-radius:1.25rem!important;background:linear-gradient(145deg,#ffffff,#fafafa)!important;border:1px solid rgba(0,0,0,.06)!important;box-shadow:0 4px 16px rgba(0,0,0,.03),0 2px 8px rgba(0,0,0,.04)!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important;width:100%!important;position:relative!important;transition:all .3s cubic-bezier(.25,.46,.45,.94)!important;backdrop-filter:blur(8px)!important}.mobile-column-headers:before{content:""!important;position:absolute!important;top:0!important;left:50%!important;transform:translateX(-50%)!important;width:60px!important;height:3px!important;background:linear-gradient(90deg,transparent,#3b82f6,transparent)!important;border-radius:0 0 3px 3px!important}.mobile-header-spacer{width:280px!important;min-width:280px!important;max-width:280px!important}.mobile-header-controls{display:flex!important;flex-direction:row!important;align-items:center!important;flex:1!important;justify-content:flex-end!important;gap:.75rem!important;padding-left:0!important;padding-right:5rem!important;width:auto!important;position:relative!important}.mobile-header-hours,.mobile-header-quantity{flex:0 0 auto!important;width:7rem!important;min-width:7rem!important;max-width:7rem!important;font-size:.75rem!important;line-height:1.2!important}.mobile-header-consumption,.mobile-header-hours,.mobile-header-quantity{text-align:center!important;font-weight:600!important;color:#475569!important;text-transform:uppercase!important;letter-spacing:.025em!important;text-shadow:0 1px 2px rgba(255,255,255,.8)!important}.mobile-header-consumption{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;width:5rem!important;min-width:5rem!important;max-width:5rem!important;font-size:.65rem!important;z-index:10!important}.appliance-card-compact{margin:0 auto .25rem!important;border-radius:1.25rem!important;background:linear-gradient(145deg,#ffffff,#fafafa)!important;border:1px solid rgba(0,0,0,.06)!important;box-shadow:0 4px 16px rgba(0,0,0,.03),0 2px 8px rgba(0,0,0,.04),0 1px 4px rgba(0,0,0,.02)!important;max-width:900px!important;width:100%!important;transition:all .3s cubic-bezier(.25,.46,.45,.94)!important;overflow:hidden!important;min-height:auto!important;position:relative!important;backdrop-filter:blur(8px)!important}.appliance-card-compact:hover{box-shadow:0 12px 40px rgba(0,0,0,.08),0 6px 20px rgba(0,0,0,.06),0 3px 10px rgba(0,0,0,.04)!important;transform:translateY(-3px)!important;border-color:rgba(0,0,0,.1)!important;background:linear-gradient(145deg,#ffffff,#f8fafc)!important}.appliance-card-compact:hover .mobile-appliance-single-row{transform:none!important}.layout-container-compact{max-width:900px!important;margin:0 auto!important;width:100%!important}.appliance-list-compact{max-width:100%!important}.custom-form,.custom-form-compact{max-width:900px!important;margin:0 auto!important;width:100%!important}.appliance-card-compact,.card,.summary-card,.summary-card-compact{max-width:900px!important;margin-left:auto!important;margin-right:auto!important;width:100%!important;margin-bottom:1rem!important}.custom-form-table{max-width:100%!important;margin:0 auto!important}.bg-white.rounded-xl.shadow-lg.border.border-gray-100{max-width:900px!important;margin:0 auto!important;width:100%!important}.mt-8{margin-left:auto!important;margin-right:auto!important}.mt-8,.space-y-3,.space-y-4{max-width:900px!important;width:100%!important}.space-y-3,.space-y-4{margin:0 auto!important}.mobile-appliance-single-row{gap:.75rem!important;padding:.375rem 0 .375rem .375rem!important;flex-wrap:nowrap!important;white-space:nowrap!important;overflow:hidden!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;min-height:44px!important;max-height:44px!important;height:44px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;position:relative!important}.mobile-appliance-info{width:280px!important;min-width:280px!important;max-width:280px!important}@media (min-width:769px){.mobile-appliance-single-row .mobile-appliance-info .appliance-name-wrapper{font-size:1rem!important;font-weight:600!important;padding-right:.5rem!important;line-height:1.4!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;width:100%!important;display:flex!important;align-items:center!important;color:#1f2937!important;letter-spacing:-.01em!important}.mobile-appliance-single-row .mobile-appliance-info .power-inline{font-size:.85rem!important;font-weight:500!important;white-space:nowrap!important;margin-left:.25rem!important;flex-shrink:0!important;color:#6b7280!important;opacity:.9!important}.appliance-card-compact .appliance-name-wrapper{font-size:1rem!important;font-weight:600!important;line-height:1.3!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;width:100%!important;display:flex!important;align-items:center!important}.appliance-card-compact .power-inline{font-size:.85rem!important;font-weight:500!important;white-space:nowrap!important;margin-left:.25rem!important;flex-shrink:0!important}}.mobile-controls-wrapper{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.75rem!important;flex:1!important;width:auto!important;min-width:0!important;justify-content:flex-end!important;flex-wrap:nowrap!important;overflow:visible!important;height:44px!important;padding-left:0!important;padding-right:5rem!important}.mobile-controls-wrapper .hours-control-inline,.mobile-controls-wrapper .quantity-control-inline{flex-direction:row!important;gap:0!important;flex:0 0 auto!important;width:7rem!important;min-width:7rem!important;max-width:7rem!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:10px!important;overflow:hidden!important;background:linear-gradient(145deg,#ffffff,#fafafa)!important;box-shadow:0 2px 8px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04)!important;transition:all .2s cubic-bezier(.25,.46,.45,.94)!important}.mobile-controls-wrapper .hours-control-inline,.mobile-controls-wrapper .hours-control-inline .control-btn-compact,.mobile-controls-wrapper .quantity-control-inline,.mobile-controls-wrapper .quantity-control-inline .control-btn-compact{display:flex!important;align-items:center!important;justify-content:center!important;height:2.5rem!important;min-height:2.5rem!important;max-height:2.5rem!important;position:relative!important;box-sizing:border-box!important;margin:0!important;padding:0!important;flex-shrink:0!important;flex-grow:0!important}.mobile-controls-wrapper .hours-control-inline .control-btn-compact,.mobile-controls-wrapper .quantity-control-inline .control-btn-compact{width:2.25rem!important;min-width:2.25rem!important;max-width:2.25rem!important;border:0!important;border-width:0!important;background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border-radius:0!important;overflow:visible!important;opacity:1!important;visibility:visible!important;z-index:10!important;cursor:pointer!important;touch-action:manipulation!important;pointer-events:all!important;transition:all .15s cubic-bezier(.25,.46,.45,.94)!important}.mobile-controls-wrapper .hours-control-inline .control-btn-compact:hover,.mobile-controls-wrapper .quantity-control-inline .control-btn-compact:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)!important;transform:scale(1.05)!important}.mobile-controls-wrapper .hours-control-inline .control-btn-compact:active,.mobile-controls-wrapper .quantity-control-inline .control-btn-compact:active{transform:scale(.95)!important;background:linear-gradient(135deg,#cbd5e1,#94a3b8)!important}.mobile-controls-wrapper .hours-control-inline .control-btn-compact svg,.mobile-controls-wrapper .quantity-control-inline .control-btn-compact svg{width:16px!important;height:16px!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;opacity:1!important;visibility:visible!important;z-index:11!important;color:#374151!important;stroke:#374151!important;fill:none!important;stroke-width:2.5!important;display:block!important;pointer-events:none!important;margin:0!important;transition:transform .15s ease!important}.mobile-controls-wrapper input.hours-input-inline,.mobile-controls-wrapper input.quantity-input-inline{width:2.5rem!important;min-width:2.5rem!important;max-width:2.5rem!important;height:2.5rem!important;padding:0!important;margin:0!important;text-align:center!important;font-size:.9rem!important;font-weight:600!important;color:#374151!important;border:1px solid #e5e7eb!important;border-top:none!important;border-bottom:none!important;background:#ffffff!important;background-color:#ffffff!important;flex:none!important;border-radius:0!important;transition:all .15s ease!important;outline:none!important;box-sizing:border-box!important;-moz-appearance:textfield!important;-webkit-appearance:none!important;flex-shrink:0!important}.mobile-controls-wrapper input.hours-input-inline::-webkit-inner-spin-button,.mobile-controls-wrapper input.hours-input-inline::-webkit-outer-spin-button,.mobile-controls-wrapper input.quantity-input-inline::-webkit-inner-spin-button,.mobile-controls-wrapper input.quantity-input-inline::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.consumption-inline{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;position:absolute!important;right:-1px!important;top:-1px!important;bottom:-1px!important;width:5rem!important;min-width:5rem!important;max-width:5rem!important;text-align:center!important;padding:.5rem!important;margin:0!important;border-radius:0 1.25rem 1.25rem 0!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;background-color:rgba(248,250,252,.9)!important;border:1px solid rgba(226,232,240,.4)!important;border-left:2px solid rgba(226,232,240,.6)!important;height:calc(100% + 2px)!important;box-sizing:border-box!important;z-index:5!important}.consumption-value-number{font-size:.9rem!important;font-weight:700!important;white-space:nowrap!important;line-height:1.1!important;transition:all .3s ease-in-out!important;position:relative!important;color:#374151!important}.consumption-value-unit{font-size:.7rem!important;color:#64748b!important;line-height:1!important;font-weight:600!important;text-transform:none!important;letter-spacing:.05em!important;margin-top:1px!important}.consumption-low .consumption-value-number{color:#15803d!important;font-weight:700!important}.consumption-low .consumption-value-unit{color:#64748b!important;font-weight:600!important;text-transform:none!important}.consumption-medium .consumption-value-number{color:#b45309!important;font-weight:700!important}.consumption-medium .consumption-value-unit{color:#64748b!important;font-weight:600!important;text-transform:none!important}.consumption-high .consumption-value-number{color:#b91c1c!important;font-weight:700!important}.consumption-high .consumption-value-unit{color:#64748b!important;font-weight:600!important;text-transform:none!important}}@media (min-width:769px){.mobile-controls-wrapper .hours-control-inline:focus-within,.mobile-controls-wrapper .quantity-control-inline:focus-within{box-shadow:0 0 0 3px rgba(59,130,246,.15),0 2px 8px rgba(0,0,0,.06)!important;border-color:#3b82f6!important}.mobile-controls-wrapper input.hours-input-inline:focus,.mobile-controls-wrapper input.quantity-input-inline:focus{outline:2px solid #3b82f6!important;outline-offset:-2px!important;box-shadow:inset 0 0 0 1px #3b82f6!important}.mobile-controls-wrapper .hours-control-inline:hover,.mobile-controls-wrapper .quantity-control-inline:hover{box-shadow:0 4px 12px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.06)!important;transform:translateY(-1px)!important}.mobile-header-consumption,.mobile-header-hours,.mobile-header-quantity{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.appliance-card-compact,.mobile-column-headers{border:1px solid rgba(0,0,0,.05)!important}}@media (max-width:768px){.mobile-controls-wrapper .hours-control-inline .control-btn-compact:active,.mobile-controls-wrapper .quantity-control-inline .control-btn-compact:active{transform:scale(.95)!important;transition:transform .1s ease-out!important}.appliance-card-compact,.mobile-card{box-shadow:0 2px 8px rgba(0,0,0,.04),0 1px 4px rgba(0,0,0,.03)!important}}@media (prefers-reduced-motion:reduce){.appliance-card-compact,.consumption-inline,.mobile-controls-wrapper .hours-control-inline,.mobile-controls-wrapper .quantity-control-inline,.w-12.h-12.rounded-full{transition:none!important;animation:none!important}}@media (prefers-contrast:high){.appliance-card-compact,.mobile-controls-wrapper .hours-control-inline,.mobile-controls-wrapper .quantity-control-inline{border-width:2px!important;border-color:#000000!important}}.min-h-screen nav,.navigation-bar{padding-top:.5rem!important;padding-bottom:.5rem!important;margin-bottom:0!important}.py-8.border-b{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.text-4xl.font-bold.text-gray-900.mb-3{margin-bottom:.75rem!important;font-size:2.5rem!important;line-height:1.1!important}.w-full.mb-8{margin-bottom:1.5rem!important}.mt-8{margin-top:1rem!important}.mobile-column-headers{margin-top:0!important;margin-bottom:.75rem!important}.bg-white.rounded-xl.shadow-lg.border.border-gray-100{margin-top:.5rem!important}button[style*=backgroundColor][style*=brandColor]{background:linear-gradient(135deg,#16a34a,#15803d)!important;color:white!important;font-weight:700!important;font-size:1rem!important;padding:1rem 2rem!important;border-radius:12px!important;box-shadow:0 12px 30px -5px rgba(22,163,74,.4),0 8px 20px -5px rgba(22,163,74,.3)!important;border:2px solid #16a34a!important;text-transform:uppercase!important;letter-spacing:.05em!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important;min-height:3.5rem!important}button[style*=backgroundColor][style*=brandColor]:hover{background:linear-gradient(135deg,#15803d,#166534)!important;transform:translateY(-3px) scale(1.02)!important;box-shadow:0 20px 40px -10px rgba(22,163,74,.5),0 15px 25px -5px rgba(22,163,74,.4)!important;border-color:#15803d!important}button[style*=backgroundColor][style*=brandColor]:active{transform:translateY(-1px) scale(.98)!important;box-shadow:0 8px 20px -5px rgba(22,163,74,.4)!important}button[style*=backgroundColor][style*=brandColor]:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)!important;transition:left .5s ease!important}button[style*=backgroundColor][style*=brandColor]:hover:before{left:100%!important}@media (max-width:768px){button[style*=backgroundColor][style*=brandColor]{font-size:.95rem!important;padding:.875rem 1.5rem!important;min-height:3rem!important;width:auto!important;min-width:200px!important}.py-8.border-b{padding-top:1rem!important;padding-bottom:1rem!important}.text-4xl.font-bold{font-size:2rem!important}.w-full.mb-8{margin-bottom:1rem!important}.mt-8{margin-top:.75rem!important}}.max-w-7xl.mx-auto.px-4{padding-left:1rem!important;padding-right:1rem!important}.w-full.px-4.py-8{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.max-w-5xl.mx-auto.px-4{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}.mt-3.text-center{margin-top:.5rem!important}.text-sm.font-semibold{font-size:.8rem!important;margin-bottom:.125rem!important}.text-xs.text-gray-500.mt-1{margin-top:.125rem!important;font-size:.7rem!important}.appliance-list-compact{gap:.5rem!important;margin-bottom:0!important}.appliance-list-container{padding:0!important;margin:0!important}.appliance-card-compact{margin-bottom:.375rem!important}@media (max-width:768px){.appliance-card-compact,.mobile-card{margin-bottom:.375rem!important}.mobile-appliance-single-row{padding:.5rem!important;height:2.5rem!important;min-height:2.5rem!important;max-height:2.5rem!important}.mobile-controls-wrapper{height:2.5rem!important;gap:.75rem!important}.mobile-controls-wrapper .quantity-control-inline{margin-right:0!important}.mobile-header-controls{gap:.5rem!important}.mobile-header-quantity{margin-right:0!important}}@media (min-width:1200px){.mobile-column-headers{padding:1.25rem 1rem!important;margin-bottom:1.5rem!important}.mobile-header-spacer{width:150px!important;min-width:150px!important;max-width:150px!important}.mobile-header-controls{gap:.75rem!important}.mobile-header-hours,.mobile-header-quantity{width:10rem!important;font-size:.9rem!important}.mobile-header-consumption{min-width:6rem!important}.appliance-card-compact{margin:0 0 1.25rem!important}.mobile-appliance-info{width:150px!important;min-width:150px!important;max-width:150px!important}.mobile-appliance-single-row{gap:.75rem!important;padding:.75rem!important;flex-wrap:nowrap!important}.mobile-controls-wrapper{flex-wrap:nowrap!important}.appliance-name-wrapper{font-size:1.35rem!important;font-weight:700!important;line-height:1.3!important}.power-inline{font-size:1.15rem!important;font-weight:500!important}.mobile-controls-wrapper{gap:.75rem!important}.hours-control-inline,.quantity-control-inline{width:10rem!important;height:3.5rem!important}.control-btn-compact{width:3.5rem!important;height:3.5rem!important;min-width:3.5rem!important;max-width:3.5rem!important}.control-btn-compact svg{width:20px!important;height:20px!important}.hours-input-inline,.quantity-input-inline{width:3rem!important;min-width:3rem!important;max-width:3rem!important;height:3.5rem!important;font-size:1.1rem!important}.consumption-inline{min-width:6rem!important;padding:1rem!important;border-radius:0 1.25rem 1.25rem 0!important;margin-right:-.75rem!important;margin-top:-.75rem!important;margin-bottom:-.75rem!important;height:calc(100% + 1.5rem)!important}.consumption-value-number{font-size:1.1rem!important}.consumption-value-unit{font-size:.85rem!important}}