.styles_navbar__Ry9tu{display:flex;justify-content:flex-start;margin-bottom:20px;gap:10px}.styles_HKnap__3TsOF{color:#ffffff;font-size:.9em;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--btn-primary);border:1px solid var(--primary-blue-dark);padding:8px 15px;min-width:100px;border-radius:6px;cursor:pointer;transition:all .3s ease}.styles_HKnap__3TsOF:hover{background-color:var(--primary-blue-light);transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.styles_teoriBox__A96MN{margin:20px auto;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;max-width:600px}.styles_teoriBox__A96MN h3,.styles_teoriBox__A96MN h4{margin-top:0;color:black}@media (max-width:600px){.styles_resultLabel__uUvJo{font-size:.7rem;padding:1px 3px}}@media (max-width:400px){.styles_resultLabel__uUvJo{font-size:.6rem;padding:1px 3px}}.styles_flexContainer__UwcZv{display:flex;flex-direction:column}.styles_sidebar__wu3R0{display:none}@media (min-width:1000px){.styles_flexContainer__UwcZv{flex-direction:row;align-items:flex-start}.styles_mainContent__yG_F7{flex:1;min-width:0}.styles_sidebar__wu3R0{display:block;min-width:340px;max-width:600px;margin-left:32px;margin-top:0;position:sticky;top:32px;height:calc(100vh - 120px);overflow-y:auto;box-shadow:0 2px 8px rgba(0,0,0,.08)}.styles_mobileTeoriBox__ovrHG{display:none!important}}@media (max-width:750px){.styles_sidebar__wu3R0{display:none!important}.styles_mobileTeoriBox__ovrHG{display:block}}.App_appBox__YCP4l{max-width:600px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);background-color:var(--bg-app)}.App_inputGroup__sTd0a{flex-direction:column}.App_inputField__qndtd{display:flex;justify-content:space-between;align-items:center}.App_inputField__qndtd label{flex:1;color:var(--text-black)}.App_inputField__qndtd input{width:15%;text-align:right;background:white;text-decoration:solid;padding:5px;border:1px solid #ccc;border-radius:4px}.App_inputField__qndtd select{width:30%;padding:5px;margin-left:10px;border:1px solid #ccc;border-radius:4px}.App_inputResult__FYQ2h{display:flex;justify-content:space-between;align-items:center}.App_inputResult__FYQ2h label{flex:1;color:var(--text-black)}.App_inputResult__FYQ2h input{width:30%;text-align:right;background:none;color:white;text-decoration:solid;padding:5px;font-weight:700;font-size:medium;border:1px solid #ccc;border-radius:0}.App_resultContainer__Ls1Ey{margin-top:20px}.App_result__Fl5qO{margin-top:10px;padding:15px;color:white;border-radius:8px;border:1px solid #ccc}.App_result__Fl5qO h3{margin:0;font-size:1.3rem}.App_container__rS_df{max-width:700px;margin-left:auto;margin-right:auto;padding:25px;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 4px 12px var(--shadow-light);background-color:var(--bg-white);width:100%}.App_buttonBox__sMuVy{display:grid;justify-content:center;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:600px;margin:0 auto}.App_inputBox__IdAXc{display:flex;flex-direction:column;align-items:center;gap:15px;margin:20px 0}.App_button__zSMqP{margin:10px;padding:10px 20px;font-size:16px;cursor:pointer;border:none;border-radius:5px;transition:background-color .3s ease;background-color:var(--btn-primary);color:var(--text-white)}@media (min-width:750px){.App_button__zSMqP:hover{background-color:var(--btn-primary-hover)}}.App_selected__aN1MN{background-color:var(--btn-success)}.App_input__GqzgZ{margin:0;padding:10px;font-size:16px;border:1px solid var(--border-light);border-radius:5px;max-width:200px;text-align:center}.App_calculate__EuTjk{margin:20px auto;display:block}.App_results__QRcUD{margin-top:20px;font-size:18px;color:var(--text-black);display:flex;flex-direction:column;justify-content:center;align-items:center}.App_results__QRcUD p{margin:2px 0}.App_inputGroup__sTd0a{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:15px}.App_inputGroup__sTd0a label{font-size:16px;font-weight:700;color:var(--text-dark);text-align:left;min-width:150px}.App_inputGroupAxB__NoKC1{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.App_inputGroupAxB__NoKC1 .App_inputSubGroup__g1le0{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:15px}.App_inputGroupAxB__NoKC1 label{font-size:16px;font-weight:700;color:var(--text-dark);text-align:left;min-width:150px}.App_navbar__P_mda{display:flex;justify-content:flex-start;gap:12px}.App_navbarWrapper__0ASwd{padding:20px 20px 0;width:100%;box-sizing:border-box}.App_appContentWrapper__gi0Uy{--sidebar-width:530px;--sidebar-gap:20px;display:flex;flex-grow:1;padding:20px;box-sizing:border-box;transition:padding-right .3s ease-in-out}.App_appContentWrapperSidebarVisible__5R17t{padding-right:calc(var(--sidebar-width) + var(--sidebar-gap))}.App_HKnap__J3fqH{color:var(--text-white);font-size:.9em;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--btn-primary);border:1px solid var(--btn-primary-hover);padding:8px 15px;min-width:100px;border-radius:6px;cursor:pointer;transition:all .3s ease}.App_HKnap__J3fqH:hover{background-color:var(--btn-primary-hover);transform:translateY(-2px);box-shadow:0 2px 4px var(--shadow-medium)}.App_teoriBox__o7aQ5{margin:20px auto;padding:20px;border:1px solid var(--border-light);border-radius:8px;background-color:var(--bg-light-gray);max-width:600px}.App_teoriBoxSidebar__npsYq{position:fixed;top:70px;right:calc(-1 * var(--sidebar-width));width:var(--sidebar-width);height:calc(100vh - 70px);background-color:var(--bg-light-gray);border-left:1px solid var(--border-light);box-shadow:var(--shadow-large);padding:60px 20px 20px;overflow-y:auto;transition:right .3s ease-in-out;z-index:100;color:var(--text-dark);box-sizing:border-box}.App_teoriBoxSidebarVisible__gsr1E{right:0}.App_sidebarCloseButton__vGFkl{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-medium)}.App_sidebarCloseButton__vGFkl:hover{color:var(--text-dark)}.App_teoriBoxSidebar__npsYq h3{margin-top:0;color:var(--slate-dark);font-size:1.4em}.App_teoriBoxSidebar__npsYq li,.App_teoriBoxSidebar__npsYq p{font-size:1em;line-height:1.6}.App_calculateButton__MLl3r{padding:12px 20px;background-color:var(--btn-primary);color:var(--text-white);border:1px solid var(--btn-primary-hover);border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:1.05em;font-weight:500;margin:20px auto;display:block;width:500px;max-width:90%}.App_calculateButton__MLl3r:hover{background-color:var(--btn-primary-hover);transform:translateY(-2px);box-shadow:0 2px 5px var(--shadow-strong)}.App_result__Fl5qO{margin-top:20px;padding:10px;color:var(--text-black);background-color:var(--bg-light-pink);border-radius:4px;text-align:center}.App_historyContainer__8wsOy{margin-top:20px;border-top:1px solid var(--border-white);padding-top:10px}.App_historyEntry__2YrCl{border-radius:5px;padding:10px;margin-bottom:5px;color:var(--text-black)}.App_historyInput__EzhMY{font-size:16px;color:var(--text-black);padding:2px;border:0 solid var(--border-light);border-radius:5px}.App_historyEntry__2YrCl h4{margin-top:0;font-size:16px;color:var(--text-black);text-decoration:underline}.App_historyResults__hIWzU{font-size:14px;color:var(--text-dark)}@media (max-width:749px){.App_appContentWrapper__gi0Uy{flex-direction:column;padding:20px}.App_appContentWrapperSidebarVisible__5R17t{padding-right:20px}.App_teoriBoxSidebar__npsYq{order:-1;position:relative;width:100%;height:auto;right:auto;top:auto;margin-top:0;margin-bottom:20px;border-left:none;box-shadow:var(--shadow-medium);z-index:auto;display:none;padding-top:60px;background-color:var(--bg-light-gray);border:1px solid var(--border-light);border-radius:8px;transition:none}.App_teoriBoxSidebarVisible__gsr1E{display:block;position:relative;right:auto}.App_container__rS_df{width:100%;margin-left:auto;margin-right:auto;font-size:.9em}.App_inputGroupAxB__NoKC1 label,.App_inputGroup__sTd0a label{font-size:14px}.App_results__QRcUD{font-size:16px}.App_button__zSMqP{font-size:14px}.App_inputGroup__sTd0a{flex-direction:column;align-items:stretch;gap:10px}.App_inputGroup__sTd0a label{text-align:center;min-width:auto}.App_input__GqzgZ{max-width:100%;width:100%}.App_inputGroupAxB__NoKC1{gap:10px}.App_inputGroupAxB__NoKC1 .App_inputSubGroup__g1le0{flex-direction:column;gap:10px}.App_inputGroupAxB__NoKC1 label{text-align:center;min-width:auto}}