*{box-sizing:border-box}body{color:#f4f4f5;background:#042b34;margin:0;font-family:Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}.appShell{background:radial-gradient(circle at 0 0,#d4af3729,#0000 35%),#0c0d10;min-height:100vh;display:flex}.sidebar{background:#050608f5;border-right:1px solid #d4af3738;width:286px;padding:24px}.brand{align-items:center;gap:14px;margin-bottom:34px;display:flex}.brandLogo{color:#111;letter-spacing:1px;text-align:center;background:#fff;border:1px solid #d4af3773;border-radius:16px;flex:none;justify-content:center;align-items:center;width:88px;height:64px;font-family:Georgia,Times New Roman,serif;font-size:12px;font-weight:700;line-height:1.05;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 28px #00000038}.brandLogo:before{content:"";clip-path:polygon(50% 0,100% 70%,100% 100%,0 100%,0 70%);opacity:.9;border-top:3px solid #d4af37;border-left:3px solid #d4af37;border-right:3px solid #d4af37;height:24px;position:absolute;top:7px;left:18px;right:18px;transform:perspective(40px)rotateX(0)}.brandLogo:after{content:"ROYAL TOUCH";position:absolute;bottom:9px;left:5px;right:5px}.appShell>form.panel .brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px}.appShell>form.panel .brandLogo{border-radius:18px;width:300px;height:190px;font-size:0}.appShell>form.panel .brandLogo:before{border-width:5px;height:78px;top:26px;left:78px;right:78px}.appShell>form.panel .brandLogo:after{content:"ROYAL TOUCH\a THAI WELLNESS SERVICES";white-space:pre;letter-spacing:4px;font-size:34px;line-height:1.8;bottom:32px}.appShell>form.panel .brand h1{font-size:28px}.brand h1{color:#d4af37;margin:0;font-size:18px}.brand span{color:#a1a1aa;font-size:13px}nav{gap:10px;display:grid}nav button{color:#d4d4d8;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;width:100%;padding:13px 14px;display:flex}nav button.active,nav button:hover{color:#d4af37;background:#d4af371a;border-color:#d4af3738}.content{flex:1;padding:28px;overflow-x:auto}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.topbar h2{color:#fff;margin:0;font-size:28px}.topbar p{color:#a1a1aa;margin:6px 0 0}.dateBox{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:10px;padding:10px;display:flex}.dateBox input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input,select,textarea{color:#fff;background:#101217;border:1px solid #ffffff17;border-radius:12px;outline:none;width:100%;padding:11px 12px}textarea{resize:vertical;min-height:78px}button{color:#111;cursor:pointer;background:#d4af37;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-weight:700;display:inline-flex}.notice{color:#f7df8e;background:#d4af371f;border:1px solid #d4af3747;border-radius:14px;margin-bottom:18px;padding:12px 14px}.cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.metric{background:linear-gradient(#ffffff0f,#ffffff06);border:1px solid #ffffff14;border-radius:22px;padding:22px;box-shadow:0 18px 50px #00000038}.metric span{color:#a1a1aa;margin-bottom:10px;display:block}.metric strong{color:#53d769;font-size:24px}.metric.danger strong{color:#ff6b6b}.metric.gold strong{color:#d4af37}.panel{background:#11131af0;border:1px solid #ffffff14;border-radius:22px;margin-bottom:20px;padding:22px;box-shadow:0 18px 50px #0003}.panel h3{color:#d4af37;margin:0 0 18px;font-size:20px}.splitPanel{justify-content:space-between;align-items:center;gap:18px;display:flex}.buttonGroup{flex-wrap:wrap;gap:10px;display:flex}.inlineForm{grid-template-columns:1.4fr 1fr auto;align-items:center;gap:10px;display:grid}.goldText{color:#d4af37}.chartWrap{background:linear-gradient(#ffffff09,#ffffff04);border-radius:18px;align-items:end;gap:7px;height:260px;padding:18px 8px 0;display:flex;overflow-x:auto}.chartDay{justify-content:center;align-items:end;gap:2px;min-width:22px;height:220px;display:flex;position:relative}.chartDay span{color:#71717a;font-size:10px;position:absolute;bottom:-18px}.bar{border-radius:999px 999px 0 0;width:8px;transition:all .2s}.revenueBar{background:linear-gradient(#d4af37,#7a5f14)}.expenseBar{background:linear-gradient(#ff6b6b,#6b2020)}.chartLegend{color:#a1a1aa;gap:18px;margin-top:28px;display:flex}.chartLegend span{align-items:center;gap:8px;display:inline-flex}.chartLegend i{border-radius:999px;width:12px;height:12px;display:inline-block}.legendRevenue{background:#d4af37}.legendExpense{background:#ff6b6b}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #ffffff12;padding:14px 12px}th{color:#d4af37;font-weight:700}.status{border:1px solid #ffffff1a;border-radius:999px;padding:6px 11px;font-size:12px}.status.submitted{color:#75f09a;background:#53d76924}.status.missing{color:#ff9a9a;background:#ff6b6b24}.status.closed{color:#f7df8e;background:#d4af3724}.entryLayout{grid-template-columns:minmax(520px,1fr) 380px;gap:20px;display:grid}.entryPanel label{color:#c4c4c7;margin:14px 0 7px;display:block}.expenseHeader{justify-content:space-between;align-items:center;margin:20px 0 12px;display:flex}.expenseHeader h4{color:#fff;margin:0}.expenseHeader button{width:auto;padding:9px 12px}.expenseRow{grid-template-columns:1.1fr 1fr 1.3fr 44px;align-items:center;gap:8px;margin-bottom:8px;display:grid}.iconBtn{color:#ff8a8a;background:#ff6b6b26;padding:11px}.primaryBtn,.secondaryBtn{width:100%;margin-top:14px}.secondaryBtn{color:#f4f4f5;background:#ffffff14;border:1px solid #ffffff1a}.summaryLine{color:#d4d4d8;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.summaryLine strong{font-size:20px}.summaryLine.total{color:#d4af37;border-bottom:0}.summaryLine.total strong{font-size:26px}.reportPanel p{color:#a1a1aa}.reportControls{grid-template-columns:70px 1fr 50px 1fr auto auto auto;align-items:center;gap:10px;display:grid}.brandLogo{color:#0000!important;background:#fff url(data:image/webp;base64,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) 50%/contain no-repeat!important;font-size:0!important}.brandLogo:before,.brandLogo:after{content:none!important;display:none!important}.appShell>form.panel .brandLogo{border-radius:18px;width:360px;height:250px;background-size:contain!important}@media (width<=1080px){.appShell{flex-direction:column}.sidebar{width:100%}.cards,.entryLayout,.inlineForm{grid-template-columns:1fr}.topbar,.splitPanel{flex-direction:column;align-items:flex-start}.reportControls{grid-template-columns:1fr}.appShell>form.panel .brandLogo{width:280px;height:195px}}@media (width<=768px){html,body,#root{width:100%!important;max-width:100%!important;overflow-x:hidden!important}body{font-size:15px}.appShell{width:100%!important;min-width:0!important;display:block!important;overflow-x:hidden!important}.sidebar{border-bottom:1px solid #d4af3738;border-right:0!important;width:100%!important;max-width:100%!important;padding:12px!important;position:relative!important}.sidebar .brand{margin-bottom:10px!important}.sidebar .brandLogo{width:56px!important;height:42px!important}.brand h1{font-size:16px!important}nav{gap:8px!important;padding-bottom:8px!important;display:flex!important;overflow-x:auto!important}nav button{white-space:nowrap!important;flex:none!important;width:auto!important;min-height:40px!important;padding:9px 11px!important;font-size:13px!important}.content{width:100%!important;min-width:0!important;max-width:100%!important;padding:12px!important;overflow-x:hidden!important}.topbar{margin-bottom:12px!important;display:block!important}.topbar h2{white-space:normal!important;word-break:break-word!important;font-size:22px!important;line-height:1.25!important}.topbar p{font-size:13px!important}.dateBox{grid-template-columns:1fr!important;width:100%!important;margin-top:10px!important;display:grid!important}.cards{grid-template-columns:1fr!important;gap:10px!important}.metric,.panel{border-radius:16px!important;width:100%!important;max-width:100%!important;margin-bottom:12px!important;padding:14px!important;overflow:hidden!important}.panel h3{white-space:normal!important;font-size:18px!important;line-height:1.25!important}.entryLayout{width:100%!important;max-width:100%!important;display:block!important}.entryPanel,.summaryPanel{width:100%!important;min-width:0!important;max-width:100%!important}.inlineForm,.employeeForm,.reportControls,.expenseRow{grid-template-columns:1fr!important;gap:10px!important;display:grid!important}.splitPanel{display:block!important}input,select,textarea,button{width:100%!important;min-width:0!important;max-width:100%!important;font-size:16px!important}button{min-height:44px!important}.buttonGroup{grid-template-columns:1fr!important;gap:8px!important;width:100%!important;display:grid!important}.notice{white-space:normal!important;overflow-wrap:anywhere!important;width:100%!important;max-width:100%!important;font-size:14px!important;line-height:1.4!important}table{white-space:nowrap!important;width:100%!important;max-width:100%!important;display:block!important;overflow-x:auto!important}th,td{padding:10px 8px!important;font-size:13px!important}.rechartBox{width:100%!important;overflow:hidden!important}.appShell>form.panel{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;margin:12px auto!important;padding:14px!important}.appShell>form.panel .brandLogo{width:100%!important;height:150px!important}.appShell>form.panel .brandLogo:after{letter-spacing:2px!important;font-size:22px!important;bottom:26px!important}img{max-width:100%!important;height:auto!important}}.groupedNav{flex-direction:column;gap:18px;display:flex}.navGroup{gap:8px;display:grid}.navSectionLabel{color:#71717a;letter-spacing:1.4px;text-transform:uppercase;padding:0 12px;font-size:11px;font-weight:800}.groupedNav .logoutBtn{color:#ff9a9a;background:#ff6b6b1a;border:1px solid #ff6b6b33;margin-top:8px}.groupedNav .logoutBtn:hover{color:#fff;background:#ff6b6b2e;border-color:#ff6b6b59}@media (width<=768px){.groupedNav{flex-direction:row!important;gap:8px!important;display:flex!important;overflow-x:auto!important}.navGroup{display:contents!important}.navSectionLabel{display:none!important}.groupedNav .logoutBtn{flex:none!important;margin-top:0!important}}.calendarLegend{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.calendarLegend span{border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.calSubmitted,.cal-submitted{color:#75f09a;background:#53d76924;border:1px solid #53d76957}.calPending,.cal-pending{color:#ffd166;background:#ffc10724;border:1px solid #ffc10757}.calMissing,.cal-missing{color:#ff9a9a;background:#ff6b6b24;border:1px solid #ff6b6b57}.calClosed,.cal-closed{color:#f7df8e;background:#d4af3724;border:1px solid #d4af3757}.calFuture,.cal-future{color:#a1a1aa;background:#a1a1aa1a;border:1px solid #a1a1aa33}.calendarGrid{grid-template-columns:repeat(7,minmax(180px,1fr));gap:12px;padding-bottom:10px;display:grid;overflow-x:auto}.calendarBlank{min-height:40px}.calendarDay{background:#11131af0;border:1px solid #ffffff14;border-radius:18px;min-height:180px;padding:13px}.calendarDate{color:#d4af37;justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.calendarDate b{font-size:22px}.calendarDate span{color:#71717a;font-size:11px}.calendarCenters{gap:7px;display:grid}.calendarCenter{border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 9px;display:flex}.calendarCenter span{font-size:12px;font-weight:800}.calendarCenter small{text-transform:capitalize;white-space:nowrap;font-size:10px}@media (width<=768px){.calendarGrid{grid-template-columns:1fr!important;overflow:visible!important}.calendarBlank{display:none}.calendarDay{min-height:auto}}.permissionGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.permissionCard{cursor:pointer;background:#ffffff06;border:1px solid #ffffff17;border-radius:12px;align-items:center;gap:10px;padding:13px 14px;display:flex}.permissionCard.selected{color:#f5d76e;background:#d4af371a;border-color:#d4af378c}.permissionCard input{margin:0;width:auto!important}.permissionCard span{font-weight:700}@media (width<=768px){.permissionGrid{grid-template-columns:1fr}}:root{--bg-0:#042b34;--bg-1:#063945;--bg-2:#0a4550;--line:#ffffff1a;--gold:#d4af37;--gold-soft:#d4af3724;--text:#f7f7f8;--muted:#b7c8cc;--danger:#ff7a7a;--success:#6ee7a8;--radius:20px;--shadow:0 16px 45px #00000047}html,body,#root{background:#042b34!important}body{color:var(--text);background:radial-gradient(circle at 100% 0,#d4af3714,#0000 28%),linear-gradient(#042b34,#063945 55%,#042b34)!important}.appShell{background:#042b34;min-height:100vh}.sidebar{background:linear-gradient(#063945fc,#042b34fc);border-right:1px solid #d4af3729;box-shadow:14px 0 40px #00000038}.brand{border-bottom:1px solid var(--line);margin-bottom:18px;padding:8px 6px 20px}.brandLogo{box-shadow:inset 0 0 0 1px #d4af3759,0 10px 25px #0000004d}.content{background:#042b34;padding:28px 30px 50px}.topbar{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#063945e0;padding:18px 20px}.topbar h2{letter-spacing:-.5px;font-size:clamp(24px,2.2vw,34px)}.topbar p{color:var(--muted)}.panel,.metric{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(#0a4550f0,#063945f5)}.panel{padding:22px}.panel h3{letter-spacing:-.2px;margin-bottom:16px;font-size:18px}.cards{gap:16px}.metric{min-height:128px;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.metric:after{content:"";background:#d4af3714;border-radius:50%;width:92px;height:92px;position:absolute;top:-30px;right:-30px}.metric:hover{border-color:#d4af3747;transform:translateY(-2px)}.metric>span{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;font-size:13px;font-weight:700}.metric>strong{margin-top:13px;font-size:clamp(23px,2vw,32px);line-height:1.1;display:block}.metric.gold{background:linear-gradient(145deg,#d4af372e,#0a4550f5);border-color:#d4af3761}.metric.danger{background:linear-gradient(145deg,#ff6b6b21,#0a4550f5)}button{border-radius:13px;font-weight:750;transition:transform .15s,filter .15s,border-color .15s}button:hover{filter:brightness(1.07);transform:translateY(-1px)}button:active{transform:translateY(0)}.primaryBtn,button:not(.secondaryBtn):not(.iconBtn){box-shadow:0 8px 20px #d4af371a}input,select,textarea{background:#042b34c7;border:1px solid #ffffff1f;border-radius:13px;min-height:44px;padding:11px 13px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#d4af379e;outline:none;box-shadow:0 0 0 3px #d4af371a}table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);background:#063945b8;border-radius:16px;overflow:hidden}th{color:#e3ecee;text-transform:uppercase;letter-spacing:.55px;background:#0a4550e6;font-size:12px}th,td{border-bottom:1px solid var(--line);padding:13px 14px}tbody tr{transition:background .15s}tbody tr:hover{background:#d4af370d}tbody tr:last-child td{border-bottom:0}.notice{background:#d4af3714;border:1px solid #d4af3738;border-radius:14px;box-shadow:0 8px 25px #00000029}.summaryLine{padding:12px 0}.summaryLine.total{color:var(--gold);font-size:17px}.navGroup{gap:7px}.navSectionLabel{color:#91a7ac}.groupedNav button{border:1px solid #0000;border-radius:12px;min-height:43px}.groupedNav button.active{color:#f5d873;background:linear-gradient(90deg,#d4af372e,#d4af3712);border-color:#d4af3742}.reportControls{gap:12px}.rechartBox{border-radius:16px;overflow:hidden}@media (width<=768px){.content{padding:12px 12px 30px!important}.topbar{border-radius:16px!important;padding:14px!important}.panel,.metric{border-radius:16px!important;box-shadow:0 10px 28px #00000038!important}.panel{padding:15px!important}.metric{min-height:110px!important;padding:16px!important}.metric>strong{font-size:24px!important}.cards{gap:10px!important}th,td{padding:10px 9px!important}}.biometricBtn,.biometricSetupBtn{color:#f4d66f!important;background:#d4af3714!important;border-color:#d4af3759!important}@media (width<=768px){.biometricSetupBtn{width:100%!important;font-size:13px!important}.biometricBtn{margin-top:8px!important}}.paperReportPreview{gap:10px;margin-top:10px;display:grid}.paperReportPreview img{object-fit:contain;background:#090a0d;border:1px solid #d4af3747;border-radius:14px;max-width:260px;max-height:220px;padding:6px}.reportImageModal{z-index:12000;background:#000000d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.reportImageDialog{width:min(1000px,96vw);max-height:94vh;overflow:auto}.reportImageDialog>img{object-fit:contain;background:#08090c;border-radius:14px;width:100%;max-height:78vh;margin-top:14px;display:block}@media (width<=768px){.paperReportPreview img{width:100%;max-width:100%}.reportImageModal{padding:8px}.reportImageDialog{width:100%;max-height:98vh}}.monthStatusGrid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;display:grid}.monthStatusDay{background:#ffffff06;border:1px solid #ffffff14;border-radius:18px;padding:15px}.monthStatusDay h3{margin:0 0 12px;font-size:17px}.monthStatusCenters{gap:8px;display:grid}.monthStatusCenter{-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.monthStatusCenter.positive{color:#75f09a;background:#53d7691f;border:1px solid #53d76952}.monthStatusCenter.missing{color:#ff9a9a;background:#ff6b6b1f;border:1px solid #ff6b6b52}.monthStatusValue{flex:1;justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.monthStatusValue b{text-overflow:ellipsis;overflow:hidden}.monthStatusEditBtn{color:#f5d76e!important;background:#d4af3724!important;border:1px solid #d4af376b!important;border-radius:9px!important;width:auto!important;min-width:58px!important;margin:0!important;padding:7px 10px!important;font-size:12px!important}.monthStatusEditBtn:hover{background:#d4af3740!important}.editRevenueOverlay{z-index:12000;background:#000000c7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.editRevenueModal{width:min(480px,96vw);margin:0!important}.dangerNotice{color:#ffc0c0!important;background:#ff6b6b1f!important;border-color:#ff6b6b6b!important}.editRevenueActions{margin-top:18px}.editRevenueActions button{flex:1}@media (width<=768px){.monthStatusGrid{grid-template-columns:1fr}.monthStatusCenter{align-items:stretch}.monthStatusValue{flex-direction:column;align-items:flex-start}.monthStatusEditBtn{align-self:center}.editRevenueActions{grid-template-columns:1fr!important}}.authShell{box-sizing:border-box;background:#042b34;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:24px;display:flex}.authPanel{box-sizing:border-box;width:min(520px,94vw)}.biometricBtn{color:#f4d66f!important;background:#d4af3714!important;border-color:#d4af3759!important;margin-top:10px!important}@media (width<=768px){html,body,#root{width:100%;min-height:100%;margin:0;background:#042b34!important}body{overflow-x:hidden}.authShell{justify-content:flex-start!important;align-items:stretch!important;width:100vw!important;min-height:100dvh!important;padding:0!important}.authPanel{width:100vw!important;max-width:none!important;min-height:100dvh!important;box-shadow:none!important;padding:max(34px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom))!important;background:linear-gradient(#063945 0%,#042b34 100%)!important;border:0!important;border-radius:0!important;flex-direction:column!important;justify-content:center!important;margin:0!important;display:flex!important}.authPanel .brand{text-align:center!important;flex-direction:column!important;align-items:center!important;width:100%!important;margin-bottom:20px!important;padding:0 0 24px!important;display:flex!important}.authPanel .brandLogo{background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;width:min(78vw,360px)!important;height:auto!important;min-height:180px!important;margin:0 auto 18px!important}.authPanel h1{font-size:clamp(30px,8vw,42px)!important}.authPanel h3{margin:0 0 18px!important;font-size:22px!important}.authPanel label{margin-top:12px!important;font-size:17px!important}.authPanel input,.authPanel button{width:100%!important;min-height:56px!important;font-size:17px!important}}.logoutActions{align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}.logoutActions>button:not(.passkeyIconBtn){flex:1!important}.passkeyIconBtn{color:#f4d66f!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;box-shadow:none!important;background:#d4af371a!important;border:1px solid #d4af3761!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;display:inline-flex!important}.passkeyIconBtn:hover{background:#d4af3733!important}@media (width<=768px){.passkeyIconBtn{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}}.mobileBottomNav,.mobileEntrySave{display:none}@media (width<=768px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}.content{padding-bottom:118px!important}.sidebar{z-index:15000!important;transition:transform .22s!important}.sidebar.mobileOpen{display:flex!important;transform:translate(0)!important}.mobileBottomNav{z-index:14000;min-height:68px;padding:7px 6px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#042b34f7;border-top:1px solid #d4af3747;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #00000052}.mobileBottomNav button{position:relative;color:#a9bcc0!important;min-width:0!important;min-height:52px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:12px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;margin:0!important;padding:5px 2px!important;font-size:10px!important;display:flex!important}.mobileBottomNav button.active{color:#f2d16a!important;background:#d4af371f!important}.mobileBottomNav button b{color:#fff;background:#ef4444;border-radius:99px;min-width:18px;height:18px;padding:0 4px;font-size:10px;line-height:18px;position:absolute;top:1px;right:18%}.mobileEntrySave{right:16px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:13950;justify-content:center;align-items:center;gap:8px;display:flex;position:fixed;color:#042b34!important;background:#d4af37!important;border-radius:999px!important;width:auto!important;min-width:132px!important;min-height:50px!important;padding:0 18px!important;font-weight:800!important;box-shadow:0 12px 30px #00000061!important}.entryPanel .primaryBtn{margin-bottom:8px!important}input,select,textarea,button{font-size:16px!important}.panel{scroll-margin-bottom:100px}}
