.info-tooltip{position:relative;display:inline-block;margin-left:4px;cursor:pointer;vertical-align:middle}.info-tooltip-text{position:absolute;z-index:99999;background:#212348;color:#fff;text-align:left;border-radius:6px;padding:8px 12px;bottom:125%;left:50%;transform:translate(-50%);font-size:13px;box-shadow:0 2px 8px #2c296a21;min-width:130px;max-width:210px;white-space:normal;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.info-tooltip:hover .info-tooltip-text{opacity:1!important;visibility:visible!important}@media (max-width: 768px){.info-tooltip-text{font-size:10px;min-width:80px;max-width:150px;left:50%;transform:translate(-50%)}}.barchart-container{display:grid;gap:38px}.barchart-box{padding:12px;border-radius:10px;background-color:#fff;border:1px solid #efece0ff;width:100%;max-width:100%;overflow-x:auto;box-sizing:border-box;overflow:visible}.recharts-legend-item-text{font-size:12px}.recharts-legend-item:hover,.recharts-default-legend .recharts-legend-item:hover{opacity:.6!important;cursor:pointer!important}.recharts-legend-item,.recharts-default-legend .recharts-legend-item{cursor:pointer!important;transition:opacity .2s ease!important}@media (max-width: 798px){.barchart-container{gap:18px}}.kpi-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:24px}.kpi-card{background:#fff;border-radius:12px;border:2px solid #ee7637;padding:8px 12px;min-width:110px;height:120px;text-align:center;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;overflow:hidden}.kpi-label,.kpi-value,.kpi-subtitle{width:100%;display:flex;align-items:center;justify-content:center}.kpi-label{color:#212348;font-size:.9rem;min-height:32px;font-weight:500;align-self:center}.kpi-value{display:flex;align-items:baseline;justify-content:center;gap:.3em;margin:auto 0;height:38px;line-height:1.1;flex-wrap:nowrap}.kpi-number{font-size:2.1rem;font-weight:700;color:#ee7637}.kpi-unit{font-size:1.1rem;color:#f19b6c;font-weight:700}.kpi-subtitle{color:#888;font-size:.8rem;font-style:italic;min-height:20px}.kpi-card:hover{box-shadow:#0000000f 0 0 20px,#0000001f 0 0 2px}.kpi-card>div:first-child{display:flex;flex-direction:column;justify-content:center;width:100%}@media (max-width: 768px){.kpi-cards{grid-template-columns:repeat(2,1fr);gap:16px}.kpi-card{padding:2px 4px;min-width:unset;height:90px}.kpi-label{font-size:11px;margin-bottom:2px}.kpi-value{font-size:1.2rem;gap:.15em;height:38px;padding-top:4px}.kpi-number{font-size:1.4rem}.kpi-unit{font-size:.8rem}.kpi-subtitle{font-size:9px;min-height:18px}}@media print{.hide-when-print{display:none!important}.financial-comparison .mirror-bar-section,.mirror-bar-section{display:flex!important;flex-direction:row!important;gap:12px!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;max-width:100%!important}.financial-comparison .mirror-bar-section,.mirror-bar-section{display:flex!important;flex-direction:row!important;gap:12px!important;align-items:center!important;justify-content:flex-start!important;width:100%!important}.financial-comparison .cost-bar,.financial-comparison .profit-bar,.financial-comparison .cost-bar-left,.financial-comparison .profit-bar-right,.cost-bar,.profit-bar,.cost-bar-left,.profit-bar-right{max-width:140px!important;min-width:60px!important;height:28px!important;font-size:8pt!important;box-sizing:border-box!important}.settings-drawer,.settings-panel-fixed,.settings-drawer-btn-header,button[aria-label="Print page"],button[aria-label="Öppna meny"],.settings-drawer-backdrop,.settings-drawer-close{display:none!important}@page{margin:.8cm;size:A4}*{-webkit-print-color-adjust:exact!important;color-adjust:exact!important;print-color-adjust:exact!important}body{margin:0;padding:0;font-size:9pt!important;line-height:1.2;background:#fff!important}div[style*=border-bottom],.topbar,[class*=topbar]{border-bottom:none!important}div[style*="#fcf9ef"],div[style*="rgb(252, 249, 239)"],*[style*="#fcf9ef"],*[style*="rgb(252, 249, 239)"]{background:#fff!important;background-color:#fff!important}table,th,td{font-size:8pt!important}h1,h2,h3,h4,h5,h6{font-size:10pt!important}.financial-comparison h2,.barchart-box h2,.barchart-box>div:first-child>div{font-size:11pt!important;font-weight:600!important;margin-bottom:2px!important;color:#212348!important}.main-layout{margin:0!important;padding:0!important;width:100%!important;max-width:none!important}.main-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.pdf-header{display:flex;align-items:center;justify-content:space-between;color:#212348!important;padding:5px 0;border-bottom:1px solid #ddd;margin-bottom:10px;page-break-inside:avoid}.pdf-header img{height:20px;flex-shrink:0}.pdf-header .pdf-title{font-size:14pt!important;font-weight:700;text-align:center;color:#212348!important;flex:1}.total-bar{min-width:150px}.kpi-cards{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:24px!important;margin:20px auto!important;page-break-inside:avoid;width:100%!important;max-width:900px!important;padding:0!important}.kpi-card{min-width:auto!important;max-width:none!important;width:100%!important;padding:2px 6px 8px!important;border:1px solid #ee7637!important;border-radius:12px!important;text-align:center!important;background:#fff!important;font-size:9pt!important;height:100px!important;box-sizing:border-box!important;margin:0!important;position:relative!important}.financial-comparison{page-break-inside:avoid;margin-bottom:15px}.financial-comparison h2{font-size:12pt;margin-bottom:8px;color:#212348!important}.financial-comparison .cost-bar-left,.cost-bar-left,.financial-comparison .profit-bar-right,.profit-bar-right{min-width:80px!important;height:28px!important;font-size:8pt!important}.financial-comparison .dual-mirror-container,.dual-mirror-container{gap:80px!important;max-width:100%!important}.financial-comparison .mirror-bar-section,.financial-comparison .profit-bar,.profit-bar,.financial-comparison .cost-bar,.cost-bar{min-width:60px!important;font-size:8pt!important}.financial-comparison .mirror-bar-left,.mirror-bar-left,.financial-comparison .mirror-bar-right,.mirror-bar-right{max-width:280px!important}.financial-comparison .recharts-bar rect,.financial-section .recharts-bar rect{height:22px!important;min-height:22px!important;rx:2!important;ry:2!important}.financial-comparison rect[width],.financial-section rect[width]{height:22px!important}.financial-comparison svg rect[height],.financial-section svg rect[height]{height:22px!important}.financial-comparison .recharts-cartesian-grid{stroke-width:.5}.financial-comparison .recharts-bar-rectangles,.financial-section .recharts-bar-rectangles{transform:scaleY(1.1)!important}.financial-comparison .total-bars-container,.total-bars-container{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:24px!important;margin:0 auto 10px!important;width:100%!important;max-width:900px!important;justify-content:stretch!important;grid-auto-flow:column!important;padding:0!important}.financial-comparison .total-bar,.total-bar{width:100%!important;min-width:auto!important;max-width:none!important;padding:12px 8px!important;border-radius:8px!important;text-align:center!important;font-weight:700!important;font-size:10pt!important;height:80px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;box-sizing:border-box!important;margin:0!important;position:relative!important}.chart-container{margin-bottom:10px}table{width:100%;border-collapse:collapse;margin-bottom:15px;font-size:10pt}th,td{border:1px solid #ddd;padding:8px;text-align:left}th{background-color:#f5f5f5!important;font-weight:700}.recharts-bar rect{min-height:20px!important}.financial-section .recharts-bar rect{height:28px!important;min-height:28px!important}.recharts-bar{shape-rendering:crispEdges}.recharts-cartesian-axis-tick text{font-size:8pt!important;font-weight:500}.page-break{page-break-before:always}h1,h2,h3,h4,h5,h6{page-break-after:avoid;color:#212348!important}p{orphans:3;widows:3}*{box-shadow:none!important;transition:none!important;animation:none!important}.chart-section,.kpi-section,.financial-section{background:#fff!important;padding:8px;margin-bottom:8px;border-radius:8px}.pdf-footer{position:fixed;bottom:0;left:0;right:0;text-align:center;font-size:9pt;color:#666;border-top:1px solid #ddd;padding:10px;background:#fff}.settings-summary{margin-top:8px;padding:10px;border-radius:8px;background:#fff;page-break-inside:avoid;font-size:7pt}.settings-summary h2{color:#212348!important;font-size:11pt;margin-bottom:8px;text-align:center;border-bottom:1px solid #eee;padding-bottom:4px}.settings-summary h3{color:#212348!important;font-size:8pt;margin-bottom:4px;border-bottom:1px solid #eee;padding-bottom:2px}.settings-summary div{line-height:1.2;margin-bottom:2px}.settings-summary strong{color:#212348;font-weight:700}.financial-comparison .recharts-responsive-container,.recharts-responsive-container{margin-bottom:0!important;padding-bottom:0!important}.barchart-box{padding-top:2px!important}.recharts-legend-wrapper{margin-bottom:16px!important}.barchart-box h2,.barchart-box>div:first-child>div{margin-bottom:0!important}.barchart-box{padding-top:0!important}}@media screen{.pdf-only{display:none}}@media print and (max-width: 767px){.pdf-header img{height:18px!important;max-width:120px!important;width:auto!important;object-fit:contain!important}@page{margin:.2cm!important}body{margin-top:0!important;padding-top:0!important;font-size:9pt!important;line-height:1.3!important;background:#fff!important}html,body{background:#fff!important;background-color:#fff!important;background-image:none!important}.main-layout,.main-content,#root,[id*=root]{background:#fff!important;background-color:#fff!important}.settings-summary{padding:2px!important}.recharts-cartesian-axis-tick text{font-size:9pt!important;font-weight:500!important}.recharts-legend-wrapper{width:100%!important;text-align:center!important;display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important}.recharts-surface{margin:2px 0!important}.total-bars-container{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:stretch!important;gap:10px!important;width:100%!important;max-width:900px!important;margin:0 auto 10px!important}.total-bar{flex:1 1 0!important;min-width:120px!important;max-width:220px!important;margin:0!important;font-size:8pt!important;padding:8px 4px!important;height:60px!important}.cost-bar,.profit-bar,.cost-bar-left,.profit-bar-right{font-size:7pt!important}}.comparison-row{display:flex;align-items:center;margin-bottom:8px;font-size:15px;padding:3px 0;position:relative}.dual-mirror-container{flex:1;display:flex;gap:50px;align-items:center;margin:0 auto}.mirror-bar-section:first-child{flex:1}.mirror-bar-section:last-child{flex:2}.mirror-bar-section{flex:1;display:flex;justify-content:center;overflow:visible}.mirror-bar-wrapper{display:flex;align-items:center;width:100%;position:relative;justify-content:center}.mirror-bar-left{flex:1;justify-content:flex-end;padding-right:0;width:100%;display:flex;align-items:center;overflow:visible}.mirror-bar-right{flex:1;display:flex;justify-content:flex-start;align-items:center}.center-divider{width:2px;height:34px;background:#797979;margin:0;border-radius:2px;opacity:.5;align-self:center;position:static}.mirror-bar-section:first-child .center-divider{right:0}.mirror-bar-section:last-child .center-divider{left:50%;right:auto}.cost-bar-left{height:32px;border-radius:6px 0 0 6px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;min-width:60px;box-shadow:0 2px 6px #00000026,0 1px 3px #0000001f;border:1px solid rgba(255,255,255,.2);border-right:none;position:relative;margin-right:0;white-space:nowrap}.profit-bar-right{height:32px;border-radius:0 6px 6px 0;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#000;min-width:80px;box-shadow:0 2px 4px #0000001a;border:1px solid rgba(255,255,255,.2);border-left:none;position:relative;white-space:nowrap}.cost-bar{height:28px;border-radius:6px;margin-right:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;min-width:100px;box-shadow:0 2px 4px #0000001a;border:1px solid rgba(255,255,255,.2)}.cost-bar-without-solar{margin-right:12px}.cost-bar-with-solar{margin-right:16px;color:#fff;font-weight:700;font-size:14px;min-width:100px;box-shadow:0 2px 4px #0000001a;border:1px solid rgba(255,255,255,.2)}.savings-indicator{font-size:15px;font-weight:700;min-width:120px;padding:6px 12px;border-radius:6px;text-align:right;margin-left:auto}.savings-positive{color:#047857;background-color:#10b9811a;border:1px solid rgba(16,185,129,.2)}.savings-negative{color:#dc2626;background-color:#ef44441a;border:1px solid rgba(239,68,68,.2)}.total-row{display:flex;align-items:center;font-size:18px;font-weight:700;justify-content:center}.total-label{width:100px;text-align:right;padding-right:16px;color:#1e293b;font-size:16px}.total-bars-container{align-items:center;gap:18px;display:grid;grid-template-columns:repeat(3,1fr);margin:0 auto}.total-bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;min-width:120px;max-width:230px;height:74px;border-radius:8px;color:#fff;font-size:20px;box-shadow:0 4px 6px #00000026;border:2px solid rgba(255,255,255,.2);padding:2px}.total-bar-heading{font-weight:400;font-size:16px;height:20px;line-height:1;display:flex;align-items:center}.total-bar-value{font-weight:700;letter-spacing:1px;font-size:22px;margin-top:6px;margin-bottom:2px;height:32px;display:flex;align-items:baseline;justify-content:flex-end}.total-bar-unit{font-size:.7em;margin-left:2px;vertical-align:super}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #ee7637;border-radius:50%;width:36px;height:36px;animation:spin 1s linear infinite;margin:0 auto}@media (max-width: 1600px){.mirror-bar-left,.mirror-bar-right{max-width:170px}}@media (max-width: 1400px){.mirror-bar-left,.mirror-bar-right{max-width:150px}}@media (max-width: 1200px){.mirror-bar-left,.mirror-bar-right{max-width:100px}.dual-mirror-container{gap:30px}}@media (max-width: 900px){.heading-row{gap:12px}}@media (max-width: 1400px){.heading-row{gap:100px}}@media (max-width: 768px){.header-headering{width:140px;font-size:11px;margin-right:8px}.header-section-left,.header-section-right{font-size:12px}.dual-mirror-container{gap:12px}.mirror-bar-section{max-width:280px}.mirror-bar-wrapper{max-width:100%}.cost-bar-left,.profit-bar-right{height:24px;font-size:10px;border-radius:4px 0 0 4px;min-width:50px}.profit-bar-right{border-radius:0 4px 4px 0}.cost-bar{height:24px;font-size:10px;min-width:80px;margin-right:6px}.center-divider{height:28px;width:2px}.savings-indicator{display:none}.total-row{flex-direction:column;align-items:flex-start;gap:12px;margin-top:4px}.total-bars-container{grid-template-columns:repeat(2,1fr);gap:12px}.total-label{width:100%;text-align:center;padding-right:0;font-size:18px;font-weight:700;margin-bottom:0;color:#1e293b}.total-bar{max-width:140px;height:52px;font-size:12px;border-radius:6px;font-weight:700;box-shadow:0 2px 4px #0000001a;border:1px solid rgba(255,255,255,.2);padding:2px}.total-bar-heading{font-size:12px;height:16px;margin:2px 4px}.total-bar-value{font-size:14px;height:20px}.total-bar-unit{font-size:.8em}}.settings-panel{scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto}.settings-panel::-webkit-scrollbar{display:none}.settings-panel table th,.settings-panel table td{padding-right:24px}.settings-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:8px;margin:20px}.settings-section{padding:18px;margin:0;transition:all .2s ease;position:relative}.settings-section-row{border:none;border-radius:0;margin:0;padding:0;overflow:visible!important}.section-title{font-size:1.25em;font-weight:600;color:#212348;text-align:left;margin-bottom:30px;position:relative}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:2px;background:#ee7637;border-radius:1px;opacity:0;transition:opacity .6s ease-in-out}.settings-section:hover .section-title:after{opacity:1}.white-overlay{position:absolute;width:85%;max-width:420px;height:80px;display:flex;align-items:center;justify-content:flex-end;z-index:2001;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a,0 4px 16px #0000000d,0 2px 8px #00000008;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);left:50%;transform:translate(-50%);bottom:20px;padding:0 16px;pointer-events:auto}.calculate-btn{pointer-events:auto;display:block;color:#fff;font-size:18px;font-weight:600;background:#ee7637;border:1.5px solid #ee7637;border-radius:20px;opacity:1;padding:8px 18px;margin:0 12px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000001a}.calculate-btn:hover{background:#f08347;border-color:#f08347;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.calculate-btn:active{transform:translateY(0) scale(.98);box-shadow:0 2px 6px #0003;transition:all .1s ease}.calculate-btn:disabled{background:#d0c6c1;border-color:#d0c6c1;transform:translateY(0) scale(.98);box-shadow:0 2px 6px #0003;transition:all .1s ease}.form-row{display:flex;flex-direction:column;margin-bottom:40px;gap:2px}.form-row label{color:#212348;font-size:.96em;font-weight:500;margin-bottom:2px;white-space:nowrap}.styled-input{background:#fff;border:1.5px solid rgba(169,187,226,.3);border-radius:8px;height:38px;font-size:.95em;min-width:60px;width:140px;text-align:left;transition:all .2s ease;box-sizing:border-box;padding:4px 8px;color:#212348;font-family:inherit}.styled-input:hover{border-color:#a9bbe280}.styled-input:focus{border:1.5px solid #a9bbe2;outline:none;box-shadow:0 0 0 3px #a9bbe21a}.styled-input:disabled{background:#a9bbe214!important;color:#21234866!important;border-color:#a9bbe226!important;cursor:not-allowed;opacity:1}.input-unit-after{display:flex;align-items:center;gap:8px}.unit-after{color:#a9bbe2;font-size:.8em;font-weight:500;align-self:flex-end;white-space:nowrap}.toggle-container{display:inline-flex;background:#a9bbe214;border-radius:18px;margin-bottom:6px;border:1px solid rgba(169,187,226,.15);width:min-content}.toggle-option{padding:10px 16px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.toggle-option.active{background:#ee7637;color:#fff;box-shadow:0 2px 8px #21234826}.toggle-option:not(.active){color:#212348;background:transparent}.toggle-option:not(.active):hover{background:#e2c9a938}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:.92em;color:#212348;font-weight:500}.styled-select{padding:0 4px;margin-bottom:4px;font-size:.92em;border-radius:8px;border:1.5px solid rgba(169,187,226,.3);background:#fff;height:40px;width:140px;text-align:left;color:#212348;cursor:pointer;transition:all .2s ease}.styled-select:hover{border-color:#a9bbe280}.styled-select:focus{border:1.5px solid #a9bbe2;outline:none;box-shadow:0 0 0 3px #a9bbe21a}input[type=range].total-progress{accent-color:#212348;width:180px;height:6px;border-radius:3px;background:transparent;-webkit-appearance:none;appearance:none;margin:0;padding:0}input[type=range].total-progress::-webkit-slider-runnable-track{height:6px;background:#e0e0ef;border-radius:3px}input[type=range].total-progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#ee7637;border-radius:50%;border:2px solid #fff;margin-top:-6px;margin-left:0;box-shadow:0 1px 4px #21234814;cursor:pointer;position:relative;z-index:2}input[type=range].total-progress:focus::-webkit-slider-thumb{outline:2px solid #f3a2bd}input[type=range].total-progress::-ms-fill-lower{background:#f3a2bd}input[type=range].total-progress::-ms-fill-upper{background:#e0e0ef}input[type=range].total-progress::-moz-range-thumb{width:18px;height:18px;background:#212348;border-radius:50%;border:2px solid #fff;cursor:pointer}input[type=range].total-progress::-moz-range-track{height:6px;background:#e0e0ef;border-radius:3px}input[type=range].total-progress:focus{outline:none}input[type=range].total-progress{padding:0;margin:0;background:transparent}.advanced-description{padding:14px 2px;margin-bottom:10px;color:#555;font-size:.9em;line-height:1.4}.time-slots-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(1fr,1fr));gap:12px;margin-bottom:20px}.time-slot-box{border:1.5px solid #e8e9ef;border-radius:12px;padding:16px;transition:all .2s ease;position:relative;overflow:visible;font-family:inherit}.time-slot-box:hover{border-color:#a9bbe2;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.time-slot-box.has-value{border-color:#a9bbe2}.time-slot-header{display:flex;align-items:center;gap:10px}.time-info{flex:1}.time-range{font-weight:600;color:#2c296a;font-size:1.1em;margin-bottom:2px}.time-activity{color:#666;font-size:.8em}.input-container{display:flex;align-items:center;gap:6px}.time-input{width:70px;height:32px;border:1.5px solid #e8e9ef;border-radius:6px;padding:0 8px;font-size:16px;font-weight:500;text-align:center;transition:all .2s ease}.time-input:focus{outline:none;border-color:#a9bbe2}.percent-symbol{color:#666;font-weight:500;font-size:.85em}.total-summary-box{background:#fff;border:1.5px solid #a9bbe233;border-radius:14px;padding:20px;margin-top:16px;margin-bottom:100px}.total-summary-box.complete{border-color:#a9bbe2}.total-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#2c296a}.total-value{font-size:1.4em;font-weight:700;color:#2c296a}.total-progress-track{height:8px;background:#a9bbe226;border-radius:4px;overflow:hidden;margin-bottom:16px}.total-progress-fill{height:100%;background:linear-gradient(90deg,#dedfe1,#a9bbe2);border-radius:4px;transition:width .3s ease}.total-summary-box.complete .total-progress-fill{background:linear-gradient(90deg,#a9bbe2,#a9bbe2)}.action-buttons{display:flex;gap:10px;margin-bottom:12px}.fill-button,.reset-button{padding:8px 16px;border:none;border-radius:120px;font-size:.85em;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.fill-button{background:#ee7637;color:#fff}.fill-button:hover{background:#f39563;transform:translateY(-1px)}.reset-button{background:#fff;color:#ee7637;border:1px solid #ee7637}.reset-button:disabled{background:#fff;color:#aaa;border:1px solid #aaa}@media (hover: hover){.reset-button:hover{background:#fff5f0;border:1px solid #ee7637;color:#ee7637}.reset-button:disabled{background:#fff;color:#aaa;border:1px solid #aaa}}@media (hover: none){.reset-button{background:#fff!important;border:1px solid #ee7637!important;color:#ee7637!important}}@media (max-width: 900px){.settings-drawer,.settings-panel{width:100vw!important;max-width:100vw!important;min-width:0!important;overflow-x:hidden!important;box-sizing:border-box;padding-left:0;padding-right:0}.settings-grid{padding:16px 8px;gap:16px;margin:2px}.settings-section,.settings-section-row{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0 8px}.section-title{font-size:17px;margin-bottom:30px}.form-row label{font-size:15px}.form-row{gap:2px}.styled-input{height:36px;font-size:16px}.styled-select{height:38px}input[type=range].total-progress{width:170px}.unit-after{font-size:.68em}.advanced-description{padding:10px 2px;font-size:.72em;margin-bottom:12px}.time-slots-container{grid-template-columns:1fr}.action-buttons{flex-direction:row;gap:10px}.fill-button,.reset-button{width:40%}.total-header{flex-direction:column;align-items:flex-start;gap:4px}.white-overlay{position:fixed;bottom:10px;background:#ffffff03;border:none;box-shadow:none}.toggle-option{padding:8px 16px;font-size:13px}}.section-title,.section-title *,.section-title span{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.main-layout{display:flex;min-height:100vh;margin:0 auto}.main-content{flex:1;min-width:0;align-items:center;margin-right:20px}.settings-panel-fixed{flex:.1 1 400px;position:sticky;top:0;height:fit-content;display:flex;right:20px;flex-direction:column;align-items:center;max-width:440px;min-width:320px;background:#fff;z-index:1;border:1px solid #efece0ff;border-radius:10px;margin-left:18px;overflow-x:hidden;height:100vh;overflow-y:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 1280px){.main-layout{max-width:1400px;overflow:visible}}@media (min-width: 1600px){.main-layout{max-width:1600px;overflow:visible}}@media (min-width: 1980px){.main-layout{max-width:1800px;overflow:visible}}@media (max-width: 1400px){.main-content{margin-left:20px;margin-right:10px}}@media (max-width: 900px){.main-layout{flex-direction:column}.main-content{margin-left:10px;margin-right:10px}.settings-panel-fixed{display:none}.settings-drawer-btn{position:fixed;top:80px;right:12px;z-index:200;background:#23235a;color:#fff;border:none;border-radius:24px;padding:8px 12px;font-weight:600;font-size:12px;cursor:pointer}.settings-drawer-backdrop{position:fixed;inset:0;background:#0000002e;z-index:201}body.drawer-open{background-color:#fff!important;overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}.settings-drawer{position:fixed;top:0;right:0;width:100vw;max-width:100vw;min-height:100vh;height:100vh;background:#fff;z-index:2000;transform:translate(100%);transition:transform .3s ease;overflow-y:auto;box-sizing:border-box}.settings-drawer.open{transform:translate(0);background:#fff}.settings-drawer-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:28px;cursor:pointer;padding:12px 16px;line-height:1;z-index:9999;border-radius:50%}}body{background-color:#fcf9ef;color:#000;font-family:Poppins,Helvetica,system-ui,sans-serif;height:100%;margin:0}.material-symbols-outlined{font-family:Material Symbols Outlined;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48;font-size:1em;vertical-align:middle}