:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg: #F7F9FB;--surface: #F7F9FB;--surface-muted: #f1f4f8;--text: #1f2733;--text-muted: #5f6b7a;--border: #d6dde6;--border-strong: #aeb8c5;--accent: #64748B;--accent-hover: #424d5c;--shadow-soft: 0 8px 24px rgba(19, 35, 53, .08);--hover-bg: #eef2f7;--disabled-bg: #e3e8ef;--disabled-text: #7a8698;--bg-sidebar: #F2F4F6;--border-sidebar: #D4D4DA;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: #0051D5;--primary-hover: #003db0;--text-on-primary: #ffffff;--text-error: #d32f2f}:root[data-theme=dark]{--bg: #0f141c;--surface: #161d28;--surface-muted: #1e2735;--text: #e6edf7;--text-muted: #9aacc4;--border: #2f3b4d;--border-strong: #50617a;--accent: #86a8ff;--accent-hover: #9cb8ff;--shadow-soft: 0 10px 28px rgba(0, 0, 0, .35);--hover-bg: #242f40;--disabled-bg: #2a3443;--disabled-text: #7f92ac;--text-on-primary: #ffffff;--text-error: #d32f2f;color-scheme:dark}html,body{height:100%;margin:0;padding:0}#root{width:100%;height:100%;margin:0}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{color:var(--accent-hover)}body{margin:0;width:100%;min-width:320px;min-height:100vh;background-color:var(--bg);color:var(--text)}#root,.app{background-color:var(--bg);color:var(--text)}button{border-radius:8px;border:1px solid var(--border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s,background-color .25s,color .25s;background-color:var(--surface);color:var(--text)}button:hover{border-color:var(--border-strong)}input,select,textarea{background-color:var(--surface);color:var(--text);border-color:var(--border)}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark}}.app{display:flex;flex-direction:column;width:100%;height:100%}.header{grid-area:header}.tab-navigation{grid-area:tabs}.main-content{grid-area:main}button:hover{background-color:var(--hover-bg);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}sub,sup{font-size:.6em;line-height:1}.header{display:flex;flex-direction:row;align-items:center;padding:0 16px;height:56px;flex-shrink:0;border-bottom:1px solid var(--border);gap:8px}.header__actions{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}:root{--user-avatar-size: 40px;--header-height: 144px}.user-avatar{position:relative;padding:calc((var(--header-height) - var(--user-avatar-size)) / 2);padding-right:0}.user-avatar img{width:var(--user-avatar-size);height:var(--user-avatar-size);border-radius:50%;cursor:pointer}.user-avatar img:hover{background-color:var(--hover-bg);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.user-settings-popup{position:absolute;top:calc(var(--user-avatar-size) + 20px);left:-130px;min-width:150px;padding:6px;border-radius:12px;background:var(--surface);border:1px solid var(--border);box-shadow:0 12px 24px #192b3d2e;z-index:30;display:flex;flex-direction:column;gap:4px}.user-settings-popup button{border:none;background:transparent;text-align:left;padding:9px 10px;font-size:.92rem;border-radius:8px;color:var(--text);cursor:pointer}.user-settings-popup button:hover{background:var(--hover-bg)}.lang-switcher-container{display:flex;align-items:center}.logo{flex-shrink:0;padding-right:16px;will-change:filter;transition:filter .3s}.logo-button{border:none;background:transparent;cursor:pointer;font-size:1.5em;line-height:1.1;font-weight:700;padding:0;color:inherit;white-space:nowrap}.logo-button:hover{transform:translateY(-1px)}.category-tabs{display:flex;flex-direction:row;flex-wrap:wrap;gap:2px;align-items:center;flex:1}.category-tabs__tab{padding:.5em 1em;height:56px;font-size:.9em;font-weight:500;font-family:inherit;background-color:transparent;color:var(--text-muted, var(--text));border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s ease,border-color .2s ease;white-space:nowrap;border-radius:0}.category-tabs__tab:hover{color:var(--primary-hover);background-color:transparent;transform:none;box-shadow:none}.category-tabs__tab--active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.category-tabs__tab:focus-visible{outline:2px solid var(--primary, currentColor);outline-offset:-2px}.tab-navigation{display:flex;flex-direction:row;width:320px;min-width:320px;transition:width .25s ease,min-width .25s ease;position:relative;background:var(--bg-sidebar);height:100%;border-right:1px solid var(--border-sidebar)}.tab-navigation--collapsed{width:20px;min-width:20px}.tab-navigation__toggle{width:20px;height:20px;min-width:20px;padding:0;margin:0;background:var(--surface-muted);height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text);transition:background .2s ease;flex-shrink:0;position:relative;right:-10px;z-index:100}.tab-navigation__toggle:hover{background:var(--hover-bg)}.tab-navigation__toggle-icon{font-size:1rem;line-height:1;-webkit-user-select:none;user-select:none}.tab-navigation__content{display:flex;flex-direction:column;flex:1;overflow:hidden}.tab-navigation__tabs{display:flex;flex-direction:column}.tab-navigation__dropdown{display:none}.tab-navigation__select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-size:1rem;background-color:var(--surface);color:var(--text)}.tab-navigation__select:focus,.tab-navigation__select:focus-visible{outline:2px solid var(--primary, currentColor);outline-offset:2px}.tab{margin:2px;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:transparent;color:var(--text);border:none;width:100%;cursor:pointer;transition:all .25s ease;text-align:left}.tab:hover{background-color:var(--hover-bg);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.tab--active{color:var(--primary);background-color:var(--hover-bg);box-shadow:0 2px 4px #0000001a;border-radius:4px}.tab--sub{padding-left:2em;font-size:.9em;color:var(--text-muted, var(--text))}.tab--sub.tab--active{color:var(--primary)}.tab:focus,.tab:focus-visible{outline-offset:2px}.tab--disabled{cursor:not-allowed;opacity:.5}@media(max-width:900px){.tab-navigation{width:min(100%,720px);margin:0 auto}.tab-navigation__dropdown{display:block;width:100%}.tab-navigation__select{text-align:center}.tab-navigation__tabs,.tab-navigation__toggle{display:none}}.tools-panel{display:flex;flex-direction:row;overflow-x:hidden;flex:1;min-height:0}.tools-panel__main{display:flex;flex-direction:column;flex:1;min-width:0;margin-left:12px}@media(max-width:900px){.tools-panel{flex-direction:column;gap:12px;align-items:center}}.custom-tooltip{position:relative;display:block;width:100%}.custom-tooltip__content{position:absolute;left:0;top:0;transform:none;z-index:30;background:var(--surface);border:1px solid var(--border-strong);color:var(--text);font-size:inherit;line-height:normal;pointer-events:none;white-space:nowrap;padding:1px 6px}.custom-tooltip__content sub{font-size:.75em;vertical-align:sub}.custom-tooltip__content sup{font-size:.75em;vertical-align:super}.field-wrapper{min-width:0;position:relative;width:fit-content;flex-shrink:0}.field-wrapper .number-input{width:100px;padding:8px 12px;border:2px solid var(--border);border-radius:5px;font-size:16px;background-color:var(--surface);color:var(--text);transition:all .3s}.field-wrapper .number-input:hover,.field-wrapper .number-input:focus{outline:none;border-color:#0000004d;box-shadow:0 2px 5px #0000004d}.field-wrapper.error .number-input{border-color:#d32f2f82}.field-wrapper.error .number-input:hover,.field-wrapper.error .number-input:focus{border-color:#d32f2f82;box-shadow:0 2px 5px #d32f2f4d}.input-wrapper{position:relative}.input-wrapper .input-error{position:absolute;top:calc(100% - 16px);right:4px;margin-bottom:2px;color:#d32f2f;font-size:11px;line-height:1.2;white-space:nowrap}.dropdown-container{display:flex;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:60px;z-index:1}.dropdown-container.open{z-index:1001}.dropdown-button{flex:1;cursor:pointer;text-align:left;display:flex;justify-content:space-between;align-items:center}.dropdown-button .dropdown-placeholder{flex:1;text-align:center}.dropdown-arrow{transform:rotate(90deg);font-size:15px;font-weight:700}.dropdown-button.open .dropdown-arrow{transform:rotate(-90deg)}.dropdown-list{position:absolute;top:100%;left:auto;right:0;margin:4px 0 0;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #0000001a;list-style:none;z-index:1002;max-height:250px;overflow-y:auto;text-align:center;width:fit-content}.dropdown-item{padding:10px 15px;cursor:pointer;font-size:14px;transition:background-color .2s}.dropdown-item:hover{background-color:var(--hover-bg)}.dropdown-item.selected{background-color:var(--surface-muted, #d0d0d0);color:inherit;font-weight:500}.dropdown-item:active{background-color:var(--surface-muted)}.dropdown-item:not(:last-child){border-bottom:1px solid var(--border)}.download-button{width:44px;height:44px;background-color:var(--surface);color:var(--text);transition:all .3s;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;border-radius:5px}.download-button:disabled{background-color:var(--surface);color:var(--text);cursor:not-allowed;opacity:.5}.calculate-button{border:2px solid var(--border);border-radius:5px;height:44px;width:120px;align-self:flex-start;background:var(--primary);color:var(--text-on-primary)}.calculate-button:hover{background:var(--primary)}.result-wrapper{padding:8px 0;display:flex;gap:6px;align-items:baseline}.result-row{border-bottom:1px solid var(--border)}.result-row:last-child{border-bottom:none}.result-value{font-size:1.3rem;font-weight:700;line-height:1.2;color:var(--text)}.result-value.no-value{color:var(--text-muted)}.result-label{font-size:.75rem;color:var(--text-muted);margin-top:2px;line-height:1.3}.hydrates__container{flex:1;display:flex;flex-direction:row;gap:10px;align-items:flex-start;padding-left:20px}.hydrates__container input,.hydrates__container textarea{caret-color:auto}.hydrates__container .hydrates__form{display:flex;flex-direction:column;align-items:flex-start;gap:20px;align-self:flex-start;width:max-content;caret-color:transparent}.hydrates__container .hydrates__form .hydrates__inputs{display:flex;flex-direction:column;gap:20px}.hydrates__container .hydrates__form .hydrates__input-group{display:flex;flex-direction:row}.hydrates__container .hydrates__form .hydrates__buttons{display:flex;flex-direction:row;gap:4px}.hydrates__container .hydrates__form button.hydrates__calculate-button:hover,.hydrates__container .hydrates__form button.hydrates__download-button:hover{background-color:var(--hover-bg);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.hydrates__container .hydrates__form .hydrates__validation-error{color:#d32f2f;font-size:14px}.hydrates__container .hydrates__form .hydrates__input-label{width:25px}.hydrates__container .hydrates__form .input-wrapper{display:flex}.hydrates__container .hydrates__form .input-wrapper input{flex:1}.hydrates__input-field{position:relative}.hydrates__input-field .hydrates__input-error{position:absolute;top:calc(100% - 16px);right:4px;margin-bottom:2px;color:#d32f2f;font-size:11px;line-height:1.2;white-space:nowrap}.hydrates__charts{display:flex;flex-direction:column;align-items:center;caret-color:transparent}.hydrates__charts .hydrates__chart_container{position:relative}.hydrates__charts .hydrates__chart_container .hydrates__chart-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text);opacity:.4;z-index:1;pointer-events:none}.hydrates__charts .hydrates__chart_container .recharts-cartesian-axis-tick-value,.hydrates__charts .hydrates__chart_container .recharts-legend-item-text,.hydrates__charts .hydrates__chart_container .recharts-label{fill:var(--text);color:var(--text)}.hydrates__charts .hydrates__chart_container .recharts-cartesian-grid line{stroke:var(--border)}.hydrates__charts .hydrates__chart_container svg,.hydrates__charts .hydrates__chart_container .recharts-curve,.hydrates__charts .hydrates__chart_container .recharts-line,.hydrates__charts .hydrates__chart_container .recharts-line-dot{pointer-events:none}.hydrates__charts .hydrates__charts-wrapper{width:100%;display:flex;flex-direction:column;gap:30px}.hydrates__result-block{display:flex;justify-content:center;caret-color:transparent;gap:30px}.hydrates__result-block .hydrates__results{display:flex;flex-wrap:wrap;flex-direction:column;align-items:left;text-align:center}.hydrates__result-block .hydrates__results .result-wrapper{display:flex;flex-direction:row;align-items:flex-start}.hydrates__result-block .hydrates__results .result-label{align-items:flex-start;font-size:1rem;padding-right:4px}.hydrates__result-block .hydrates__results .result-value{font-size:1rem;overflow:hidden}@media(max-width:900px){.hydrates__container{flex-direction:column;gap:16px;align-items:center;width:100%}.hydrates__container .hydrates__form,.hydrates__container .hydrates__result-block,.hydrates__container .hydrates__charts{width:min(100%,720px)}.hydrates__container .hydrates__form{margin-left:0}.hydrates__container .hydrates__form button{margin-left:0;width:min(100%,222px)}.hydrates__container .hydrates__result-block,.hydrates__container .hydrates__charts{flex:1}.hydrates__container .hydrates__charts{width:100%;align-items:stretch}}.hydrates__inputs-section{display:flex;flex-direction:column;gap:20px}.hydrates__inputs-section .hydrates__buttons{display:flex;flex-direction:row;gap:4px}.hydrates__criteria{display:flex;width:100%;flex-direction:column}.hydrates__criteria .dropdown-container{width:100%;height:38px}.hydrates__criteria .dropdown-button{padding:4px 6px;border:2px solid var(--border);border-radius:5px;font-size:13px;gap:4px}.ipr__container{display:flex;flex-direction:row;margin:10px;gap:10px}.ipr__notes-charts{display:flex;flex-direction:column;gap:20px;align-self:flex-start}.ipr__notes-charts .ipr__chart_container{height:300px}.ipr__notes-charts .ipr__notes{margin-left:54px;margin-right:100px}.ipr__well-inputs{position:relative;display:flex;flex-direction:column;gap:20px;border:1px solid var(--border);border-radius:5px;padding:8px}.ipr__well-type{width:100%}.ipr__well-type span.dropdown-placeholder{text-align:left}.ipr__well-type{display:flex;flex-direction:column}.ipr__well-type .dropdown-container{width:128px;height:38px}.ipr__well-type .dropdown-button{padding:4px 6px;border:2px solid var(--border);border-radius:5px;font-size:13px;gap:4px}.ipr__well-header{display:flex;flex-direction:row}button.ipr__add-second-well-btn{position:absolute;top:-12px;right:-12px;width:22px;height:22px;padding:0;font-size:14px;line-height:22px;border-radius:50%;border:1px solid var(--border);background:var(--background, #fff);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.ipr__jones-well-inputs,.ipr__vertical-well-inputs,.ipr__horizontal-well-inputs{display:flex;flex-direction:column;gap:10px}.ipr__input-group{display:flex;gap:4px}.ipr__input-group label{width:30px}.ipr__input-group .dropdown-container{width:50px}.ipr__wells{display:flex;flex-direction:row;gap:10px}.ipr__input-section{display:flex;flex-direction:column;gap:10px}.ipr__notes_title{text-align:center}.ipr__pvt-buttons-container{display:flex;flex-direction:row;gap:10px}.ipr__buttons{display:flex;flex-direction:column;gap:4px;margin-top:10px}.ipr__pvt_inputs{display:flex;flex-direction:column;gap:4px;border:1px solid var(--border);border-radius:5px;padding:8px;color:var(--text-muted)}.ipr__pvt_inputs .error{color:var(--text-error)}.ipr__pvt_row{white-space:nowrap}.ipr__notes{display:flex;flex-direction:column;gap:4px}.ipr__result-block{display:flex;flex-direction:row!important;gap:20px;flex:0 0 250px;align-self:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;caret-color:transparent}.ipr__result-block span{width:24px}.ipr__result-block div{flex:1}.ipr__well1__results_title,.ipr__well2__results_title{text-align:center}.ipr__column_names{display:flex;gap:2px;flex-direction:row;align-items:center}.ipr__column_names div{flex:1;text-align:center}.ipr__column_names div .unit-font-size{font-size:.5rem}.ipr__result_row{display:flex;flex-direction:row;gap:8px}.ipr__result_row .result-value{text-align:center}.ipr__note_row{position:relative;display:flex;gap:4px}.ipr__note_row span{width:24px;display:flex}.ipr__note_row div{flex:1}button.ipr__note_remove-btn{position:absolute;top:-6px;right:-6px;width:16px;height:16px;padding:0;font-size:12px;line-height:1;border-radius:50%;border:1px solid var(--border);background:var(--background, #fff);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .15s}.ipr__note_row:hover button.ipr__note_remove-btn{opacity:1}button.ipr__note_add-btn{position:relative;width:22px;height:22px;padding:0;font-size:16px;line-height:1;border-radius:50%;border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center}button.ipr__note_add-btn:after{content:attr(data-label);position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);white-space:nowrap;font-size:12px;padding:2px 6px;border-radius:4px;background:var(--background, #fff);border:1px solid var(--border);color:var(--text-muted);opacity:0;pointer-events:none;transition:opacity .15s}button.ipr__note_add-btn:hover:after{opacity:1}.ipr__notes_column_names{display:flex;gap:2px;font-weight:700;margin-left:28px}.ipr__notes_column_names span{flex:1;text-align:center}.ipr__note-input{width:100px;padding:8px 12px;border:2px solid var(--border);border-radius:5px;font-size:16px;background-color:var(--surface);color:var(--text);transition:all .3s}.ipr__result_row{display:flex;flex-direction:row}.ipr__result_row .result-label span{width:auto;white-space:nowrap}.ipr__result_row .ipr__result-value-q{flex:1}.pvt__container{flex:1;display:flex;flex-direction:row;gap:16px;padding:20px;overflow-y:auto;align-items:flex-start}.pvt__container input,.pvt__container textarea{caret-color:auto}.pvt__form{flex:0 0 auto;display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;caret-color:transparent}.pvt__card-title{font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:2px}.pvt__first_column,.pvt__second_column{display:flex;flex-direction:column;gap:8px}.pvt__second_column{width:350px}.pvt__criteria,.pvt__strategy{display:flex;flex-direction:column;margin-left:32px}:is(.pvt__criteria,.pvt__strategy) .dropdown-container{width:128px;height:38px}:is(.pvt__criteria,.pvt__strategy) .dropdown-button{padding:4px 6px;border:2px solid var(--border);border-radius:5px;font-size:13px;gap:4px}.pvt__input-group{display:flex;flex-direction:row;align-items:center}.pvt__section-divider{border:none;border-top:1px solid var(--border);margin:2px 0}.pvt__gas-compos-header{display:flex;flex-direction:row;justify-content:space-between;font-size:.8rem;color:var(--text-muted);font-weight:500}.pvt__gas-compos-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.pvt__gas-compos-grid input{width:60px}.pvt__input-label{width:32px;font-size:.8rem}.pvt__buttons{display:flex;flex-direction:row;gap:4px;margin-top:4px}.pvt__validation-error{color:#d32f2f;font-size:12px}.pvt__charts{display:flex;flex-direction:column;gap:16px;caret-color:transparent;min-width:0}.pvt__chart-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pvt__chart-card-title{font-size:.9rem;font-weight:600;color:var(--text)}.pvt__chart-card-subtitle{font-size:.75rem;color:var(--accent);font-weight:500}.pvt__chart_container{position:relative;width:100%;height:260px}.pvt__chart_container .pvt__chart-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text);opacity:.4;z-index:1;pointer-events:none}.pvt__chart_container .recharts-cartesian-axis-tick-value,.pvt__chart_container .recharts-legend-item-text,.pvt__chart_container .recharts-label{fill:var(--text);color:var(--text)}.pvt__chart_container .recharts-cartesian-grid line{stroke:var(--border)}.pvt__chart_container svg,.pvt__chart_container .recharts-curve,.pvt__chart_container .recharts-line,.pvt__chart_container .recharts-line-dot{pointer-events:none}.pvt__result-block{flex:0 0 210px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;display:flex;flex-direction:column;caret-color:transparent}.pvt__intermediate_results,.pvt__results{display:flex;flex-direction:column}.pvt__inputs-section{display:flex;flex-direction:column;gap:16px}@media(max-width:900px){.pvt__container{flex-direction:column;align-items:stretch}.pvt__result-block{flex:none}}.water-content__container{display:flex;flex-direction:row;flex:1;gap:16px}.water-content__inputs-section{display:flex;flex-direction:column;gap:20px}.water-content__inputs{display:flex;flex-direction:column;gap:20px;border:1px solid var(--border);border-radius:5px;padding:8px}.water-content__input-group{display:flex;flex-direction:row;align-items:center}.water-content__input-group .water-content__input-label{width:30px}.water-content__input-group .dropdown-container{width:75px}.water-content__buttons{display:flex;flex-direction:row;gap:4px}.water-content__buttons button{border:2px solid var(--border);border-radius:5px;height:44px}.water-content__result-block{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;display:flex;flex-direction:column;caret-color:transparent;align-self:flex-start}.water-content__charts{display:flex;flex-direction:column;caret-color:transparent}.water-content__charts .parabolic-curves .recharts-cartesian-axis-tick-value,.water-content__charts .parabolic-curves .recharts-legend-item-text,.water-content__charts .parabolic-curves .recharts-label{fill:var(--text);color:var(--text)}.water-content__charts .parabolic-curves .recharts-cartesian-grid line{stroke:var(--border)}.water-content__charts .parabolic-curves svg,.water-content__charts .parabolic-curves .recharts-curve,.water-content__charts .parabolic-curves .recharts-line,.water-content__charts .parabolic-curves .recharts-line-dot{pointer-events:none}.water-content__criteria{display:flex;flex-direction:column;margin-left:30px}.water-content__criteria .water-content__strategy-label,.water-content__criteria .water-content__criteria-label{width:100%;font-size:13px;text-align:left}.water-content__criteria .dropdown-container{width:128px;height:38px}.water-content__criteria .dropdown-button{padding:4px 6px;border:2px solid var(--border);border-radius:5px;font-size:13px;gap:4px}.vlp__container{display:flex;flex-direction:row;margin:20px;gap:20px}.vlp__input-section{display:flex;flex-direction:row;gap:20px}.vlp__common-section,.vlp__wells-section{display:flex;flex-direction:column;gap:10px}.vlp__criteria-dropdown{display:flex;margin-left:64px;flex:1;width:128px}.vlp__criteria-dropdown .dropdown-container{height:38px}.vlp__criteria-dropdown .dropdown-button{padding:4px 6px;border:2px solid var(--border);border-radius:5px;font-size:13px;gap:4px}.vlp__inputs,.vlp__well-inputs{position:relative;display:flex;flex-direction:column;gap:10px;border:1px solid var(--border);border-radius:5px;padding:8px}:is(.vlp__inputs,.vlp__well-inputs) .vlp__criteria-well1,:is(.vlp__inputs,.vlp__well-inputs) .vlp__criteria-well2{display:flex;flex-direction:column;margin-left:64px}:is(:is(.vlp__inputs,.vlp__well-inputs) .vlp__criteria-well1,:is(.vlp__inputs,.vlp__well-inputs) .vlp__criteria-well2) .dropdown-container{width:128px;height:38px}:is(:is(.vlp__inputs,.vlp__well-inputs) .vlp__criteria-well1,:is(.vlp__inputs,.vlp__well-inputs) .vlp__criteria-well2) .dropdown-button{padding:4px 6px;border:2px solid var(--border);border-radius:5px;font-size:13px;gap:4px}.vlp__well-type{width:100%}.vlp__well-type span.dropdown-placeholder{text-align:left}.vlp__well-type{display:flex;flex-direction:column}.vlp__well-type .dropdown-container{width:128px;height:38px}.vlp__well-type .dropdown-button{padding:4px 6px;border:2px solid var(--border);border-radius:5px;font-size:13px;gap:4px}.vlp__well-header{display:flex;flex-direction:row}button.vlp__add-second-well-btn{position:absolute;top:-12px;right:-12px;width:22px;height:22px;padding:0;font-size:14px;line-height:22px;border-radius:50%;border:1px solid var(--border);background:var(--background, #fff);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.vlp__jones-well-inputs,.vlp__vertical-well-inputs,.vlp__horizontal-well-inputs{display:flex;flex-direction:column;gap:10px}.vlp__input-group{display:flex;gap:4px}.vlp__input-group label{width:60px}.vlp__input-group .dropdown-container{width:50px}.vlp__wells{display:flex;flex-direction:row;gap:10px}.vlp__buttons{display:flex;flex-direction:row;gap:4px}.vlp__chart_container{align-self:flex-start}.vlp__pvt_inputs{display:flex;flex-direction:column;gap:4px!important;border:1px solid var(--border);border-radius:5px;padding:8px;color:var(--text-muted)}.vlp__pvt_inputs.error{border-color:var(--text-error)}.vlp__pvt_inputs .error{color:var(--text-error)}.vlp__pvt_row{white-space:nowrap}.vlp__result-block{display:flex;flex-direction:row!important;gap:20px;flex:0 0 300px;align-self:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;caret-color:transparent}.vlp__result-block span{width:24px}.vlp__result-block div{flex:1}.vlp__well1__results_title,.vlp__well2__results_title{text-align:center}.vlp__column_names{display:flex;gap:2px}.vlp__column_names span{flex:1;text-align:center}.vlp__result_row{display:flex;flex-direction:row;gap:8px}.vlp__result_row .result-value{text-align:center}.vlp__result_row{display:flex;flex-direction:row}.vlp__result_row .result-label span{width:auto;white-space:nowrap}.vlp__result_row .vlp__result-value-q{flex:1}.vlp__results_column_names{display:flex;flex-direction:row;align-items:center}.vlp__results_column_names div{flex:1;text-align:center}.vlp__results_column_names div .unit-font-size{font-size:.5rem}.gas-rc__container{display:flex;flex-direction:row;margin:20px;gap:20px}.gas-rc__inputs-section{display:flex;flex-direction:column;gap:10px}.gas-rc__results-section{display:flex;flex-direction:column!important;gap:10px;flex:0 0 300px;align-self:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;caret-color:transparent}.gas-rc__charts-section{display:flex;flex-direction:column;gap:10px}.gas-rc__chart_container{align-self:flex-start}.gas-rc__input-group{display:flex;flex-direction:row;gap:4px}.gas-rc__input-group label{width:60px}.gas-rc__input-group .dropdown-container{width:50px}.gas-rc__results{display:flex;flex-direction:column}.gas-rc__results_column_names{display:flex;flex-direction:row;align-items:center}.gas-rc__results_column_names div{flex:1;text-align:center}.gas-rc__results_column_names div .unit-font-size{font-size:.5rem}.gas-rc__result_row{display:flex;flex-direction:row;gap:8px}.gas-rc__result_row .result-label span{width:auto;white-space:nowrap}.gas-rc__result_row .gas-rc__result-value-p,.gas-rc__result_row .gas-rc__result-value-q{flex:1;justify-content:center;text-align:center}.result-value{font-size:1rem;font-weight:700;line-height:1;color:var(--text)}.system-plot__container{display:flex;flex-direction:row;margin:20px;gap:20px}.system-plot__controls{display:flex;flex-direction:column;gap:10px;align-self:flex-start}.system-plot__points-section,.system-plot__results-section{display:flex;flex-direction:column!important;gap:10px;flex:0 0 300px;align-self:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;caret-color:transparent}.system-plot__results{display:flex;flex-direction:column;gap:8px}.system-plot__result-row{display:grid;grid-template-columns:60px 1fr 1fr;gap:8px;align-items:center}.system-plot__table{display:flex;flex-direction:column}.system-plot__table-column-names{display:flex;flex-direction:row;align-items:center}.system-plot__table-column-names div{flex:1;text-align:center}.system-plot__table-column-names .unit-font-size{font-size:.5rem}.system-plot__table-row{display:flex;flex-direction:row;gap:8px}.system-plot__table-value{flex:1;justify-content:center;text-align:center}.system-plot__chart-container{align-self:flex-start}.system-plot__legend{display:flex;flex-direction:column;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;justify-content:flex-start}.system-plot__legend--mobile{flex-direction:row;justify-content:center}.system-plot__legend-item{display:flex;align-items:center;gap:6px;font-size:14px}.active-calculator{margin-top:12px;background-color:var(--surface)}.round-corner-container{display:flex;flex-direction:column;gap:20px;border:1px solid var(--border);border-radius:5px;padding:8px}.round-corner-container.error{border-color:var(--text-error)}.profile-page{font-family:IBM Plex Sans,Segoe UI,sans-serif;width:min(100% - 36px,980px);margin:28px auto 18px;padding:24px;border-radius:20px;background:var(--surface);box-shadow:none;border:1px solid var(--border);position:relative}.profile-page__hero{max-width:760px;margin-bottom:20px}.profile-page__eyebrow{margin:0;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--text-muted)}.profile-page__title{margin:8px 0 10px;font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.2;color:var(--text)}.profile-page__subtitle{margin:0;font-size:.95rem;color:var(--text-muted);line-height:1.5}.profile-page__tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.profile-page__tab{border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.92rem;font-weight:600;padding:10px 16px;border-radius:12px;cursor:pointer;transition:all .18s ease}.profile-page__tab:hover{transform:translateY(-1px);border-color:var(--border-strong)}.profile-page__tab.is-active{background:var(--surface-muted);color:var(--text);border-color:var(--border-strong);box-shadow:none}.profile-page__content{min-height:250px}.profile-page__card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;animation:profile-appear .22s ease-out}.profile-page__card h3{margin:0 0 14px;font-size:1.08rem;color:var(--text)}.profile-page__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.profile-page__grid label,.profile-page__list label{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:.92rem;color:var(--text);font-weight:500}.profile-page input[type=text],.profile-page input[type=email]{width:100%;box-sizing:border-box;border:2px solid var(--border);border-radius:5px;padding:10px 12px;font-size:16px;background:var(--surface);color:var(--text);transition:all .3s}.profile-page input[type=text]:hover,.profile-page input[type=email]:hover,.profile-page input[type=text]:focus,.profile-page input[type=email]:focus{outline:none;border-color:var(--border-strong);box-shadow:0 2px 5px #0000004d}.profile-page__list{display:grid;gap:14px}.profile-page__list label{align-items:center;flex-direction:row;gap:10px;font-weight:500;background:var(--surface);padding:10px 12px;border-radius:10px;border:1px solid var(--border)}.profile-page__setting-row{display:grid;grid-template-columns:180px minmax(120px,max-content);align-items:center;gap:8px;background:var(--surface);padding:10px 12px;border-radius:10px;border:1px solid var(--border)}.profile-page__setting-label{display:block;font-size:.92rem;color:var(--text);font-weight:500}.profile-page__setting-select{border:2px solid var(--border);border-radius:6px;padding:6px 10px;font-size:.9rem;background:var(--surface);color:var(--text);min-width:120px}.profile-page__setting-select:focus{outline:none;border-color:var(--border-strong);box-shadow:0 2px 5px #0003}.profile-page__plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.profile-page__plan{padding:16px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.profile-page__plan.is-current{border-color:var(--border-strong);background:var(--surface-muted);box-shadow:none}.profile-page__plan-title{margin:0 0 8px;font-weight:700;font-size:1rem;color:var(--text)}.profile-page__plan-meta{margin:0;font-size:.9rem;color:var(--text-muted)}.profile-page__close-button{position:absolute;top:24px;right:24px;width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:1.2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.profile-page__close-button:hover{background:var(--hover-bg);border-color:var(--border-strong);transform:scale(1.05)}.profile-page__close-button:active{transform:scale(.95)}@keyframes profile-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.profile-page{width:calc(100% - 20px);margin:16px auto;padding:16px}}