:root{--blue-1: #DCEEFB;--blue-2: #B6E0FE;--blue-3: #84C5F4;--blue-4: #62B0E8;--blue-5: #4098D7;--blue-6: #2680C2;--blue-7: #186FAF;--blue-8: #0F609B;--blue-9: #0A558C;--blue-10: #003E6B;--yellow-1: #FFFBEA;--yellow-2: #FFF3C4;--yellow-3: #FCE588;--yellow-4: #FADB5F;--yellow-5: #F7C948;--yellow-6: #F0B429;--yellow-7: #DE911D;--yellow-8: #CB6E17;--yellow-9: #B44D12;--yellow-10: #8D2B0B;--gray-1: #F0F4F8;--gray-2: #D9E2EC;--gray-3: #BCCCDC;--gray-4: #9FB3C8;--gray-5: #829AB1;--gray-6: #627D98;--gray-7: #486581;--gray-8: #334E68;--gray-9: #243B53;--gray-10: #102A43;--green-1: #E0FCFF;--green-2: #BEF8FD;--green-3: #87EAF2;--green-4: #54D1DB;--green-5: #38BEC9;--green-6: #2CB1BC;--green-7: #14919B;--green-8: #0E7C86;--green-9: #0A6C74;--green-10: #044E54;--red-1: #FFEEEE;--red-2: #FACDCD;--red-3: #F29B9B;--red-4: #E66A6A;--red-5: #D64545;--red-6: #BA2525;--red-7: #A61B1B;--red-8: #911111;--red-9: #780A0A;--red-10: #610404;--background: var(--gray-1);--surface: #fff;--text-primary: var(--gray-10);--text-secondary: var(--gray-7);--text-tertiary: var(--gray-5);--border: var(--gray-2);--opaque-pressed: rgba(255,255,255, .5);--transition-fast: 100ms;--transition-base: 150ms;--transition-slow: 250ms;--large-text: 18px;--medium-text: 14px;--small-text: 10px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.03);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--space-1: 5px;--space-2: 10px;--space-3: 15px;--space-4: 20px;--space-5: 25px;--space-6: 30px;--space-7: 35px;--space-8: 40px;--space-9: 45px;--space-10: 50px;--header-footer-height: 50px;--attach: url(/assets/icons/attach.svg);--back-arrow: url(/assets/icons/back-arrow.svg);--chat: url(/assets/icons/chat.svg);--dashboard: url(/assets/icons/dashboard.svg);--down-chevron: url(/assets/icons/down-chevron.svg);--edit: url(/assets/icons/edit.svg);--history: url(/assets/icons/history.svg);--horizontal-three-dots: url(/assets/icons/horizontal-three-dots.svg);--logout: url(/assets/icons/logout.svg);--menu: url(/assets/icons/menu.svg);--notifications: url(/assets/icons/notifications.svg);--notifications-off: url(/assets/icons/notifications-off.svg);--refresh: url(/assets/icons/refresh.svg);--search: url(/assets/icons/search.svg);--send: url(/assets/icons/send.svg);--settings: url(/assets/icons/settings.svg);--thumbs-down: url(/assets/icons/thumbs-down.svg);--thumbs-up: url(/assets/icons/thumbs-up.svg);--trash: url(/assets/icons/trash.svg);--up-chevron: url(/assets/icons/up-chevron.svg);--user-profile: url(/assets/icons/user-profile.svg);--vertical-three-dots: url(/assets/icons/vertical-three-dots.svg);--x: url(/assets/icons/x.svg)}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:"Montserrat",system-ui,sans-serif;line-height:1.55;font-weight:400;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}html,body{overflow-x:hidden;overflow-x:clip;font-size:16px;background-color:var(--background);color:var(--text-primary)}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}header,nav#tabs{height:var(--header-footer-height);width:100%;background-color:var(--surface);left:0;position:fixed;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}main{position:fixed;top:var(--header-footer-height);width:100%;height:calc(100% - var(--header-footer-height)*2);display:flex;flex-flow:column nowrap;align-items:center;padding:var(--space-4)}.card{background-color:var(--surface);border-radius:var(--radius-md);padding:var(--space-2);box-shadow:var(--shadow-md);border:1px solid var(--border)}[data-pressable]{-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation;user-select:none}nav#tabs{bottom:0;border-top:1px solid var(--border)}nav#tabs a{height:100%;width:33.333333%}nav#tabs a:first-child .tab{border-right:1px solid var(--border)}nav#tabs a:first-child .tab span:first-child{background-image:var(--dashboard)}nav#tabs a:last-child .tab{border-left:1px solid var(--border)}nav#tabs a:last-child .tab span:first-child{background-image:var(--settings)}nav#tabs a .tab{width:100%;height:100%}nav#tabs a .tab:not(.special){display:flex;flex-flow:column nowrap;align-items:center;transition:background-color var(--transition-base)}nav#tabs a .tab:not(.special) span:first-child{background-repeat:no-repeat;background-size:25px;background-position:center;width:100%;height:30px}nav#tabs a .tab:not(.special).pressed{background-color:var(--background)}nav#tabs a .tab:not(.special) span:last-child{font-size:var(--small-text);font-weight:600;text-transform:uppercase}header{top:0;border-bottom:1px solid var(--border)}header h3{font-weight:500;text-align:center}header button{background-repeat:no-repeat;background-position:center;background-size:25px;height:100%;width:45px;background-color:rgba(0,0,0,0)}header button:first-child{background-size:23px;background-image:var(--menu)}header button:last-child{background-size:27px;background-image:var(--user-profile);transition:background-color var(--transition-base)}header button:last-child.pressed{background-color:var(--background)}#menu{height:100vh;width:100vw;position:fixed;top:0;z-index:10;background-color:rgba(0,0,0,.3);backdrop-filter:blur(5px);transition:left var(--transition-base);left:-100vw}#menu.open{left:0}#menu nav{height:100%;width:275px;background-color:var(--surface);display:flex;flex-flow:column nowrap;align-items:center}#toast{position:fixed;top:-100px;width:calc(100% - var(--space-4)*2);background:var(--surface);border-radius:var(--radius-md);padding:var(--space-2);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:space-between;transition:opacity var(--transition-base) ease-in-out left var(--transition-base) ease-in-out;opacity:0;height:60px;left:var(--space-4);border:1px solid var(--border)}#toast.pressed{background:var(--opaque-pressed)}#toast span{font-weight:500;font-size:var(--medium-text);margin-bottom:var(--space-1)}#toast p{font-size:var(--small-text);color:var(--text-tertiary)}#toast img{height:100%;width:50px}#toast.show{opacity:1;top:15px}