:root{--bg: #000000;--text: #ccc;--text-dark: #000;--white: #fff;--accent: #FFD700;--border-light: #bbb;--border-dark: #000;--accent-border: #877302;--placeholder-dark: #555;--font-family: "Montserrat", sans-serif;--p-text: 15px;--app-max: 479px;--form-max: 350px;--box-max: 330px;--radius-none: 0px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--pad-page-x: 12px;--pad-form: 1rem;--pad-form-lg: 2rem;--gap-md: 1rem;--menu-h: 50px;--icon-w: 70px;--icon-h: 40px;--input-pad-y: 13px;--border-1: 1px solid;--fs-base: clamp(15px, 3.2vw, 18px);--lh-base: 1.35;--fs-h1: clamp(22px, 6vw, 30px);--fs-h4: clamp(16px, 4.2vw, 18px);--fs-p: clamp(16px, 3.6vw, 18px);--fs-input: clamp(1.5rem, 7vw, 3.125rem);--fs-output: clamp(1.5rem, 7vw, 3.125rem);--fs-btn: clamp(8px, 8vw, 20px);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-insxet-right, 0px);--menu-total-h: calc(var(--menu-h) + var(--safe-b));--focus: 0 0 0 3px rgba(255, 215, 0, .35)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--fs-base);-webkit-text-size-adjust:100%;text-size-adjust:100%}.wrapper,.calculator,.inputField,.outputField,.memberShipBtns,.memBox,.brandingArea,.userBranding,.confirmBtns,.backBtn,.branding,.menuArea,.menuBar,.icon,.dialougeBox,.container,.perksArea,.row,.memberTopRow,.focusedArea,.form-area,.user-management-btns-area,.layout-swap,.branding-controls,.settingsRow,.create-user-form,.user-management-area,.user-row{display:flex;flex-direction:column;align-items:center}html,body{font-family:var(--font-family);font-optical-sizing:auto;font-style:normal;background:var(--bg);color:var(--text);width:100%;min-height:100%}body{min-height:100svh;line-height:var(--lh-base);padding-left:var(--safe-l);padding-right:var(--safe-r);padding-top:var(--safe-t)}h1{margin-bottom:1rem;font-size:var(--fs-h1);line-height:1.1}h4{margin-top:1rem;font-size:var(--fs-h4);font-weight:700;line-height:1.2}p{font-weight:300;font-size:var(--fs-p);text-align:center}hr{display:flex;justify-content:center;align-items:center;width:100%}a,input,button{all:unset}input{width:100%;padding:var(--input-pad-y) 0;background-color:transparent;font-size:var(--fs-input);border-radius:var(--radius-sm);text-align:center}input::placeholder{color:var(--white);opacity:.6;font-size:clamp(16px,13vw,50px)}button{margin-top:3rem;padding:.2rem .8rem;height:35px;width:75%;background-color:transparent;border:var(--border-1) var(--border-light);border-radius:var(--radius-sm);color:var(--white);font-size:var(--fs-btn);text-align:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}button:hover{cursor:pointer}button:focus-visible,input:focus-visible,.icon:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--radius-sm)}.wrapper{margin:0 auto;padding:0 var(--pad-page-x);justify-content:center;background-color:transparent;width:100%;max-width:var(--app-max);height:auto;padding-bottom:calc(var(--menu-total-h) + 16px)}.form.wrapper{padding:20px 0 0}form{display:flex;flex-direction:column;align-items:center;width:100%;max-width:var(--app-max)}.form-area,.settings-form-area,.tc-form-area{background-color:var(--accent);padding:var(--pad-form);width:100%;max-width:var(--app-max);border-radius:var(--radius-lg);color:var(--text-dark)}.tc-form-area{margin-top:12px}.form-area{padding:var(--pad-form-lg);max-width:var(--form-max)}.form-area h2,.settings-form-area h2,.tc-form-area h2{margin-bottom:1rem;text-align:center}.form-area input,.settings-form-area input,.tc-form-area input{box-sizing:border-box;padding-left:1rem;margin-bottom:1rem;height:auto;border:var(--border-1) var(--border-dark);text-align:left;font-size:1.2rem;background:#ffffff1f;border-radius:var(--radius-sm)}.form-area input::placeholder,.settings-form-area input::placeholder,.tc-form-area input::placeholder{text-align:left;font-size:1.2rem;color:var(--placeholder-dark)}.form-area button,.settings-form-area button,.tc-form-area button{margin-top:0;background:var(--bg);border:none;height:40px}.form-area p,.settings-form-area p,.tc-form-area p{margin:1rem 0;font-size:1rem;font-weight:300;line-height:1.35}#trueCostPage .tc-form-area{align-items:flex-start;text-align:left}.tc-form-area p{margin:0 0 1rem;text-align:left;font-size:1rem;font-weight:500}.roleBased{visibility:visible}#menuArea-landscape{display:none}.layout-swap{width:100%}.brandingArea,.branding{width:100%;max-width:var(--app-max)}.brandingArea{justify-content:center;flex-direction:column;margin:1rem 0;height:auto;width:100%}.userIcon img{width:100%;max-width:190px;height:auto;display:block;margin:0}.menuArea{width:90%}.menuArea h1{align-self:flex-start;margin-bottom:0}.menuArea button{background-color:var(--accent);margin:.5rem 0 1rem;height:50px;border:none;color:var(--text-dark);font-weight:800;font-size:clamp(15px,6vw,30px)}.menuBar{background:var(--accent);flex-direction:row;justify-content:center;position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;border-bottom:none;border-top-right-radius:var(--radius-lg);border-top-left-radius:var(--radius-lg);color:var(--text-dark);font-size:clamp(22px,6vw,30px);height:var(--menu-total-h);padding-bottom:var(--safe-b);max-width:var(--app-max)}.icon{justify-content:center;border-top:none;border-bottom:none;height:var(--icon-h);width:clamp(56px,18vw,var(--icon-w));-webkit-tap-highlight-color:transparent;touch-action:manipulation}.backBtn{justify-content:center;bottom:0;text-align:center}.inputField{margin-top:1.5rem}.outputField{flex-direction:column;width:100%}.box{background-color:var(--accent);margin:.35rem 0;padding:1rem;width:100%;max-width:var(--box-max);border-radius:var(--radius-lg);text-align:center;color:var(--text-dark);font-weight:800;overflow:hidden}.box input{font-size:clamp(16px,13vw,50px)}.box p{font-weight:800;font-size:clamp(16px,8vw,28px);line-height:1.2}.outputText{margin-top:1rem;font-size:clamp(16px,13vw,50px);line-height:1.05;word-break:break-word}.branding{justify-content:center;height:100px;width:100%;max-width:var(--app-max);border:var(--border-1) var(--white)}.memberShipBtns{margin:1rem 0;flex-direction:row;justify-content:center;gap:1em;width:100%}.memBox{justify-content:center;background-color:var(--white);font-size:clamp(16px,4vw,22px);color:var(--text-dark);height:50px;width:50%;border:var(--border-1) var(--white);border-radius:var(--radius-lg)}#rates{display:none;width:100%}.outputBox p{font-size:clamp(16px,7vw,25px)}.container{margin-top:1.5rem;height:100%;text-align:left;width:100%}.focusedArea{justify-content:center;align-items:flex-start;text-align:left;width:100%}.focusedArea h1{color:var(--accent)}.memberTopRow{flex-direction:row;gap:var(--gap-md);width:100%}.perksArea{background-color:var(--accent);margin-top:1.5rem;padding:7px;align-items:flex-start;height:auto;width:100%;max-width:var(--app-max);border:var(--border-1) var(--accent-border);border-radius:var(--radius-sm);text-align:left;color:var(--text-dark)}.perksArea p{font-weight:500;font-size:clamp(16px,4.5vw,20px);text-align:left;line-height:1.25}.row{margin:.5rem;height:50px;flex-direction:row;gap:20px;width:100%}#membershipOptions .fa-x{position:fixed;top:0rem;right:0rem;border-radius:5px;padding:8px;font-size:1.5rem}#membershipOptions{display:none}.settings-form-area{top:auto;left:auto;transform:none;position:relative;background-color:transparent;color:#ccc}.settings-area button{margin-bottom:1rem;background-color:var(--accent);color:#000;font-weight:600}.user-management-area{width:100%;display:none;justify-content:center;align-items:center;margin-bottom:1rem;padding:1rem;border-radius:var(--radius-sm);background-color:var(--accent);columns:var(--bg)}.user-management-area.is-open{display:flex}.user-management-area p{color:var(--bg)}.user-management-btns-area{flex-direction:row;gap:20px;flex-wrap:wrap}.user-management-area button{background-color:transparent;margin:0;padding:0;height:auto;width:100%;border:var(--border-1)}.user-row{flex-direction:column;width:100%;padding:1rem}.user-info{display:flex;flex-direction:column;justify-content:center;align-self:center;background-color:var(--accent);width:100%}.user-info p{text-align:left;margin:0;padding:0}.user-info .user-name{margin:0 0 1rem;font-weight:700}.user-info .user-role{margin:0}.settings-btns{padding:5px 15px;height:35px;width:auto;font-size:1rem}.user-actions{display:flex;flex-direction:column;gap:.5rem;width:100%}.user-actions button{padding:0;width:100%}.create-user-form{display:none}.create-user-form.is-open{display:flex;align-items:flex-start;margin-top:1rem;width:100%}.cr-userInput-required{background-color:#ff0}#roleSelect{height:30px;width:50%;font-size:clamp(15px,4vw,20px);margin-bottom:1rem;border-radius:5px;padding-left:5px}.branding-controls{width:100%;color:#000;align-items:center;color:var(--text)}.branding-inputs{width:20%}.branding-inputs span{position:absolute;display:none}.branding-controls input{border:solid 1px #ccc}.user-management-btns-area button{margin-bottom:1rem;padding:0 12px}.no-users-msg{display:none;color:var(--bg);font-weight:500}@keyframes fadeOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}.createConfirmHUD{position:fixed;height:auto;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);background-color:red;text-align:center;font-size:clamp(15px,4vw,20px);animation:fadeOut 5s}#trueCostPage button{width:50%}.tc-form-area{top:auto;left:auto;transform:none;position:relative;margin-bottom:49px}.real-time-updated{background-color:var(--bg);padding:1rem .3rem;border:var(--border-1) var(--border-dark);border-radius:var(--radius-md);margin-bottom:1rem;color:var(--text);width:100%}#tc-exitBtn{position:absolute;right:0;font-size:clamp(16px,5vw,20px)}@media(max-width:343px){:root{--pad-page-x: 10px;--pad-form-lg: 1.25rem;--icon-h: 38px;--menu-h: 48px}button{width:100%}.brandingArea{height:auto;align-items:center}img{max-width:120px}}@media(min-width:480px){:root{--pad-page-x: 16px}.wrapper{padding-left:0;padding-right:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(orientation:landscape)and (max-height:500px){.wrapper{justify-content:center;align-items:center;padding:0;max-width:600px;display:flex}.layout-swap{width:100%;margin-top:2.5rem;flex-direction:row;align-items:start}.brandingArea{justify-content:center;flex-direction:column;height:auto;margin:35px 0 1rem}.menuArea{margin-top:35px}.menuBar{justify-content:flex-end;top:0;bottom:0;padding:0;height:49px;width:100%;max-width:none;border-radius:var(--radius-none)}.form.wrapper{margin-top:0}.form-area{justify-content:center;width:100%;max-width:500px}.form-help-area p{font-size:clamp(16px,4vw,20px)}#calculator{margin-top:50px}.tc-form-area{margin-top:5rem}#rates{margin-top:60px}.branding{margin:0 auto}}