:root{--brand: #6c22e0;--brand-deep: #5518b8;--brand-tint: #efe6fe;--brand-light: #f4eefe;--brand-dashed: #cbb0f5;--peri: #e23e22;--peri-deep: #b4301a;--peri-tint: #fbe7e1;--pudina: #1f9e3d;--pudina-deep: #147a2c;--pudina-tint: #e4f5e8;--himalayan: #cb7e70;--himalayan-deep: #9e5849;--himalayan-tint: #f6eae6;--ink: #2b1a14;--apple-black: #141210;--muted: #8b7a72;--soft-muted: #b08a7c;--faint: #9c8578;--disabled: #c9b5a6;--disabled-2: #d8c7b8;--bg: #fdf7f2;--desk: #fdf3ec;--card: #ffffff;--cream: #fff6ef;--input-bg: #fdf8f3;--border: #efe4d8;--divider: #f3e9de;--seg-track: #f3e7dc;--recap-dash: #ead9cb;--chip-active-bg: #e4f5e8;--chip-active-fg: #147a2c;--chip-due-bg: #fbe7e1;--chip-due-fg: #b4301a;--chip-amber-bg: #fdf0da;--chip-amber-fg: #b5730e;--chip-d2c-bg: #efe6fe;--chip-d2c-fg: #5518b8;--revenue: #1f9e3d;--r-screen: 42px;--r-card-lg: 24px;--r-card: 20px;--r-card-sm: 16px;--r-btn: 16px;--r-input: 14px;--r-seg: 15px;--r-tile: 13px;--r-chip: 8px;--r-pill: 999px;--sh-warm: 0 12px 26px -14px rgba(43, 26, 20, .4);--sh-warm-lg: 0 18px 32px -14px rgba(43, 26, 20, .55);--sh-purple: 0 16px 28px -12px rgba(108, 34, 224, .72);--sh-green: 0 16px 28px -12px rgba(31, 158, 61, .6);--sh-oauth: 0 14px 26px -14px rgba(0, 0, 0, .5);--pad-screen: 18px;--pad-login: 28px;--font-head: "Archivo", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--font-gu: "Noto Sans Gujarati", var(--font-body);--app-max-width: 430px;--device-width: 402px;--device-height: 874px;--frame-backdrop: #cfc5ba;--safe-top: max(env(safe-area-inset-top, 0px), 46px)}@keyframes lpFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--frame-backdrop);-webkit-font-smoothing:antialiased}#root{min-height:100dvh;display:grid;place-items:center}.app-frame{position:relative;width:var(--device-width);height:var(--device-height);max-height:100dvh;overflow-y:auto;overflow-x:hidden;background:var(--bg);border-radius:46px;box-shadow:0 0 0 2px #3a3a3e,0 0 0 12px #17171a,0 40px 90px -24px #0000008c;transform:translateZ(0)}.app-frame::-webkit-scrollbar{width:0;height:0}.app-frame,.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{width:0;height:0}@media (max-width: 440px){body{background:var(--bg)}#root{display:block;min-height:100dvh}.app-frame{width:100%;height:100dvh;max-height:none;border-radius:0;box-shadow:none}}