:root{--color-background:#faf8ff;--color-surface:#faf8ff;--color-surface-dim:#d2d9f4;--color-surface-bright:#faf8ff;--color-surface-container-lowest:#fff;--color-surface-container-low:#f2f3ff;--color-surface-container:#eaedff;--color-surface-container-high:#e2e7ff;--color-surface-container-highest:#dae2fd;--color-on-background:#131b2e;--color-on-surface:#131b2e;--color-on-surface-variant:#434655;--color-inverse-surface:#283044;--color-inverse-on-surface:#eef0ff;--color-outline:#737686;--color-outline-variant:#c3c6d7;--color-surface-tint:#0053db;--color-primary:#004ac6;--color-on-primary:#fff;--color-primary-container:#2563eb;--color-on-primary-container:#eeefff;--color-inverse-primary:#b4c5ff;--color-secondary:#505f76;--color-on-secondary:#fff;--color-secondary-container:#d0e1fb;--color-on-secondary-container:#54647a;--color-tertiary:#525657;--color-on-tertiary:#fff;--color-tertiary-container:#6b6e70;--color-on-tertiary-container:#eff1f3;--color-error:#ba1a1a;--color-on-error:#fff;--color-error-container:#ffdad6;--color-on-error-container:#93000a;--color-success:#15803d;--color-success-container:#dcfce7;--color-success-on-container:#166534;--color-warning:#b45309;--color-warning-container:#fef3c7;--color-warning-on-container:#92400e;--rounded-sm:.25rem;--rounded-DEFAULT:.5rem;--rounded-md:.75rem;--rounded-lg:1rem;--rounded-xl:1.5rem;--rounded-full:9999px;--spacing-base:8px;--spacing-stack-sm:4px;--spacing-stack-md:12px;--spacing-stack-lg:24px;--spacing-margin-mobile:16px;--spacing-margin-desktop:32px;--spacing-gutter:24px;--container-max:1280px;--font-display:"Inter", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-on-background);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;font-size:14px;line-height:1.5;position:relative}body:before{content:"";pointer-events:none;z-index:-10;background-image:radial-gradient(circle at 10% 20%,#004ac608 0%,#0000 40%),radial-gradient(circle at 90% 80%,#004ac60d 0%,#0000 40%),radial-gradient(#7376861f 1px,#0000 1px);background-size:100% 100%,100% 100%,16px 16px;position:fixed;inset:0}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface-container-low)}::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-outline)}a{color:var(--color-primary);text-decoration:none;transition:all .2s}a:hover{color:var(--color-primary-container)}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;display:inline-block}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-1{flex:1}.flex-grow{flex-grow:1}.min-w-0{min-width:0}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.w-full{width:100%}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.hidden{display:none}.block{display:block}.inline-flex{display:inline-flex}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width>=768px){.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1024px){.lg\:flex{display:flex}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:block{display:block}}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-sm{gap:var(--spacing-stack-sm)}.gap-md{gap:var(--spacing-stack-md)}.gap-lg{gap:var(--spacing-stack-lg)}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pt-4{padding-top:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.pl-10{padding-left:2.5rem}.pr-4{padding-right:1rem}.pr-12{padding-right:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mt-24{margin-top:6rem}.mr-2{margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.px-margin-mobile{padding-left:var(--spacing-margin-mobile);padding-right:var(--spacing-margin-mobile)}.py-lg{padding-top:var(--spacing-gutter);padding-bottom:var(--spacing-gutter)}.max-w-\[1280px\]{max-width:1280px}.max-w-\[1440px\]{max-width:1440px}.max-w-md{max-width:28rem}.max-w-\[440px\]{max-width:440px}.max-w-xs{max-width:20rem}@media (width>=768px){.md\:p-8{padding:2rem}.md\:p-10{padding:2.5rem}.md\:px-margin-desktop{padding-left:var(--spacing-margin-desktop);padding-right:var(--spacing-margin-desktop)}}.border{border:1px solid var(--color-outline-variant)}.border-b{border-bottom:1px solid var(--color-outline-variant)}.border-r{border-r:1px solid var(--color-outline-variant)}.border-t{border-top:1px solid var(--color-outline-variant)}.border-none{border:none!important}.border-dashed{border-style:dashed}.rounded-sm{border-radius:var(--rounded-sm)}.rounded-lg{border-radius:var(--rounded-lg)}.rounded-xl{border-radius:var(--rounded-xl)}.rounded-2xl{border-radius:var(--rounded-lg)}.rounded-full{border-radius:var(--rounded-full)}.shadow-sm{box-shadow:0 1px 3px #0000000d,0 1px 2px #00000005}.shadow-md{box-shadow:0 4px 6px -1px #131b2e0d,0 2px 4px -1px #131b2e08}.shadow-lg{box-shadow:0 10px 15px -3px #131b2e14,0 4px 6px -2px #131b2e0a}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-on-primary{color:var(--color-on-primary)}.text-on-surface{color:var(--color-on-surface)}.text-on-surface-variant{color:var(--color-on-surface-variant)}.text-error{color:var(--color-error)}.text-green-600{color:#16a34a}.text-green-700{color:var(--color-success)}.text-orange-700{color:var(--color-warning)}.bg-white{background-color:#fff}.bg-transparent{background-color:#0000!important}.bg-primary{background-color:var(--color-primary)}.bg-secondary-container{background-color:var(--color-secondary-container)}.bg-surface-container-lowest{background-color:var(--color-surface-container-lowest)}.bg-surface-container-low{background-color:var(--color-surface-container-low)}.bg-surface-container{background-color:var(--color-surface-container)}.bg-error-container{background-color:var(--color-error-container)}.bg-green-50{background-color:#f0fdf4}.bg-green-100{background-color:var(--color-success-container)}.bg-orange-100{background-color:var(--color-warning-container)}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-tight{letter-spacing:-.02em}.leading-tight{line-height:1.25}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-md{font-size:14px}.text-lg{font-size:16px}.text-3xl{font-size:1.875rem}.text-5xl{font-size:3rem}.text-center{text-align:center}.text-left{text-align:left}.italic{font-style:italic}.text-headline-lg{letter-spacing:-.02em;font-size:32px;font-weight:700;line-height:40px}.text-headline-md{letter-spacing:-.01em;font-size:24px;font-weight:600;line-height:32px}.text-headline-sm,.text-title-lg{font-size:20px;font-weight:600;line-height:28px}.text-title-md{font-size:16px;font-weight:600;line-height:24px}.text-body-lg{font-size:16px;font-weight:400;line-height:24px}.text-body-md{font-size:14px;font-weight:400;line-height:20px}.text-label-md{letter-spacing:.05em;font-size:12px;font-weight:600;line-height:16px}.text-label-sm{font-size:11px;font-weight:500;line-height:14px}.font-code-sm{font-family:var(--font-mono);font-size:12px}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.transition-all{transition:all .2s cubic-bezier(.4,0,.2,1)}.transition-colors{transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s}.duration-200{transition-duration:.2s}.duration-700{transition-duration:.7s}.btn-push{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-push:active{transform:scale(.98)!important}.hover\:bg-surface-container-high:hover{background-color:var(--color-surface-container-high)!important}.hover\:bg-surface-container-highest:hover{background-color:var(--color-surface-container-highest)!important}.hover\:bg-surface-container:hover{background-color:var(--color-surface-container)!important}.hover\:text-primary:hover{color:var(--color-primary)!important}.hover\:brightness-110:hover{filter:brightness(1.1)}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px #131b2e0d,0 2px 4px -1px #131b2e08}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #131b2e14,0 4px 6px -2px #131b2e0a}.hover\:underline:hover{text-decoration:underline}input[type=email],input[type=password],input[type=text],input[type=number],input[type=date],select{border:1px solid var(--color-outline-variant);border-radius:var(--rounded-DEFAULT);width:100%;font-family:var(--font-body);color:var(--color-on-surface);background-color:#fff;outline:none;padding:.625rem 1rem;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1)}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,input[type=number]:focus,input[type=date]:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}input:disabled,select:disabled{background-color:var(--color-surface-container-low);color:var(--color-outline);cursor:not-allowed}::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}::-webkit-calendar-picker-indicator:hover{opacity:1}.input-icon{color:var(--color-outline);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.left-3{left:.75rem!important}.top-1\/2{top:50%!important}.-translate-y-1\/2{transform:translateY(-50%)!important}.text-outline{color:var(--color-outline)!important}.relative>.material-symbols-outlined.absolute{pointer-events:none;justify-content:center;align-items:center;width:20px;height:20px;line-height:1;font-size:20px!important;display:flex!important}.relative>.material-symbols-outlined.absolute~input,.relative>.material-symbols-outlined.absolute~select{padding-left:2.75rem!important}input[type=checkbox]{appearance:none;border:1px solid var(--color-outline);border-radius:var(--rounded-sm);cursor:pointer;background-color:#fff;width:1.125rem;height:1.125rem;transition:background-color .2s,border-color .2s;position:relative}input[type=checkbox]:checked{background-color:var(--color-primary);border-color:var(--color-primary)}input[type=checkbox]:checked:after{content:"✔";color:var(--color-on-primary);font-size:.7rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}label{cursor:pointer}.app-container{width:100%;min-height:100vh;display:flex}.main-content{flex-direction:column;flex-grow:1;min-height:100vh;display:flex}.sidebar-container{background-color:var(--color-surface-container-low);border-right:1px solid var(--color-outline-variant);box-sizing:border-box;z-index:50;flex-direction:column;width:280px;height:100vh;padding:1.5rem;display:flex;position:sticky;top:0}.sidebar-header{margin-bottom:2rem;padding-left:.5rem}.sidebar-menu{flex-direction:column;flex-grow:1;gap:.25rem;display:flex;overflow-y:auto}.sidebar-link-item{color:var(--color-secondary);border-radius:var(--rounded-DEFAULT);align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-link-item:hover{background-color:var(--color-surface-container-highest);color:var(--color-on-surface)}.sidebar-link-item.active{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container);font-weight:700}.sidebar-footer-links{border-top:1px solid var(--color-outline-variant);flex-direction:column;gap:.25rem;margin-top:1rem;padding-top:1rem;display:flex}.top-header-bar{background-color:var(--color-surface);border-bottom:1px solid var(--color-outline-variant);z-index:40;justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.top-header-left{flex:1;align-items:center;display:flex}.search-input-pill{background-color:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--rounded-full);align-items:center;gap:4px;width:24rem;min-height:38px;padding:0 .75rem 0 2.5rem;display:flex;position:relative;overflow:hidden}.search-input-pill:focus-within{border-color:var(--color-primary);background-color:#fff;box-shadow:0 0 0 3px #2563eb26}.search-input-pill input{min-width:60px;color:var(--color-on-surface);background:0 0;border:none;outline:none;flex:1;padding:.4rem 0;font-size:14px}.search-chip{background-color:var(--color-primary);color:#fff;white-space:nowrap;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:2px;padding:2px 4px 2px 10px;font-size:12px;font-weight:500;display:inline-flex}.search-chip-remove{cursor:pointer;color:#fff;opacity:.8;background:0 0;border:none;align-items:center;padding:0;line-height:1;display:flex}.top-header-right{align-items:center;gap:1.5rem;display:flex}.top-bar-buttons{align-items:center;gap:1rem;display:flex}.icon-btn{color:var(--color-on-surface-variant);cursor:pointer;border-radius:var(--rounded-full);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.icon-btn:hover{background-color:var(--color-surface-container);color:var(--color-primary)}.user-avatar-circle{border-radius:var(--rounded-full);border:1px solid var(--color-outline-variant);width:32px;height:32px;overflow:hidden}.user-avatar-circle img{object-fit:cover;width:100%;height:100%}.auth-page-container{min-height:100vh;padding:var(--spacing-margin-mobile);background:radial-gradient(circle at 0 0,#2563eb0d 0%,#0000 50%),radial-gradient(circle at 100% 100%,#8b5cf60d 0%,#0000 50%),linear-gradient(135deg,#f3f5ff 0%,#faf8ff 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-page-container:before{content:"";filter:blur(100px);pointer-events:none;z-index:1;background:radial-gradient(circle,#004ac614 0%,#0000 70%);width:60%;height:60%;position:absolute;top:-15%;left:-15%}.auth-page-container:after{content:"";filter:blur(100px);pointer-events:none;z-index:1;background:radial-gradient(circle,#8b5cf614 0%,#0000 70%);width:60%;height:60%;position:absolute;bottom:-15%;right:-15%}.auth-panel{z-index:10;width:100%;max-width:420px;position:relative}.auth-card-box{background-color:var(--color-surface-container-lowest);border-radius:var(--rounded-md);border:1px solid #c3c6d74d;padding:1.5rem;box-shadow:0 4px 20px #0f172a0f}@media (width>=768px){.auth-card-box{padding:2.5rem}}.hero-section{background-color:var(--color-surface-container-low);border-radius:var(--rounded-md);border:1px solid var(--color-outline-variant);grid-template-columns:1fr;align-items:center;gap:1.5rem;padding:2rem;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 20px #0f172a0a}@media (width>=768px){.hero-section{grid-template-columns:3fr 1fr}}.hero-ill-container{justify-content:flex-end;display:flex}.hero-ill-box{border-radius:var(--rounded-md);background-color:#004ac61a;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.summary-grid{gap:var(--spacing-gutter);grid-template-columns:1fr;display:grid}@media (width>=768px){.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.summary-grid{grid-template-columns:repeat(3,1fr)}}.bento-stat-card{background-color:var(--color-surface-container-lowest);border-radius:var(--rounded-md);border:1px solid var(--color-outline-variant);flex-direction:column;justify-content:space-between;min-height:160px;padding:1.5rem;transition:all .2s;display:flex}.bento-stat-card:hover{box-shadow:0 10px 15px -3px #131b2e0a}.table-card-container{background-color:var(--color-surface-container-lowest);border-radius:var(--rounded-md);border:1px solid var(--color-outline-variant);padding:1.5rem;overflow:hidden;box-shadow:0 1px 3px #0000000d}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-responsive table{border-collapse:collapse;text-align:left;width:100%}.table-responsive th{text-transform:uppercase;letter-spacing:.05em;color:var(--color-secondary);border-bottom:1px solid var(--color-outline-variant);padding:.75rem 1rem;font-size:12px;font-weight:600}.table-responsive td{color:var(--color-on-surface);border-bottom:1px solid var(--color-outline-variant);padding:1rem;font-size:14px}.table-responsive tr:hover{background-color:var(--color-surface-container-low)}.status-badge{border-radius:var(--rounded-full);align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:12px;font-weight:600;display:inline-flex}.status-badge-dot{border-radius:var(--rounded-full);width:6px;height:6px}.status-badge.completed{background-color:var(--color-success-container);color:var(--color-success-on-container)}.status-badge.completed .status-badge-dot{background-color:var(--color-success)}.status-badge.pending{background-color:var(--color-warning-container);color:var(--color-warning-on-container)}.status-badge.pending .status-badge-dot{background-color:var(--color-warning)}.status-badge.failed{background-color:var(--color-error-container);color:var(--color-on-error-container)}.status-badge.failed .status-badge-dot{background-color:var(--color-error)}.register-purchase-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=1024px){.register-purchase-grid{grid-template-columns:8fr 4fr}}.purchase-form-card{background-color:var(--color-surface-container-lowest);border-radius:var(--rounded-md);border:1px solid #c3c6d74d;padding:2rem;box-shadow:0 4px 20px #0f172a0f}.purchase-form-section{border:1px solid var(--color-outline-variant);border-radius:var(--rounded-md);background-color:#f2f3ff33;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.purchase-form-section-header{font-family:var(--font-display);color:var(--color-primary);align-items:center;gap:.5rem;font-size:16px;font-weight:600;display:flex}.purchase-items-box{border:1px solid var(--color-outline-variant);border-radius:var(--rounded-md);background-color:var(--color-surface-container-low);grid-template-columns:1fr;gap:1rem;padding:1rem;display:grid}@media (width>=768px){.purchase-items-box{grid-template-columns:repeat(4,1fr)}.purchase-items-box .quantity-col{grid-column:span 1}}.added-item-list{flex-direction:column;gap:.75rem;display:flex}.added-item-row{border:1px solid var(--color-outline-variant);border-radius:var(--rounded-DEFAULT);background-color:#fff;justify-content:space-between;align-items:center;padding:1rem;transition:all .2s;display:flex}.added-item-row:hover{box-shadow:0 2px 8px #131b2e0a}.added-item-info-group{align-items:center;gap:1rem;display:flex}.added-item-icon-wrapper{border-radius:var(--rounded-DEFAULT);background-color:var(--color-secondary-container);width:40px;height:40px;color:var(--color-on-secondary-container);justify-content:center;align-items:center;display:flex}.added-item-price-wrapper{align-items:center;gap:1.5rem;display:flex}.glass-receipt-sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--rounded-lg);background:#fffc;border:1px solid #e3e2e5;flex-direction:column;gap:1.5rem;height:fit-content;padding:2rem;display:flex;position:sticky;top:100px;box-shadow:0 4px 20px #0f172a0d}.receipt-scroll-list{flex-direction:column;gap:.5rem;max-height:240px;display:flex;overflow-y:auto}.receipt-item-entry{border-bottom:1px solid #c3c6d74d;flex-direction:column;gap:.25rem;padding-bottom:.5rem;display:flex}.receipt-item-entry-top{justify-content:space-between;align-items:flex-start;display:flex}.receipt-summary-breakdown{border-top:1px solid #c3c6d74d;flex-direction:column;gap:.5rem;padding-top:.5rem;display:flex}.receipt-total-row{border-top:1px dashed var(--color-outline-variant);justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:1rem;display:flex}.mini-bar-chart{align-items:flex-end;gap:.25rem;height:32px;display:flex}.mini-bar-col{background-color:#004ac633;border-top-left-radius:2px;border-top-right-radius:2px;width:100%}.mini-bar-col.active{background-color:var(--color-primary)}.avatar-group-stack{margin-left:.5rem;display:flex}.avatar-stack-item{border-radius:var(--rounded-full);border:2px solid #fff;width:32px;height:32px;margin-left:-.5rem;overflow:hidden}.avatar-stack-item img{object-fit:cover;width:100%;height:100%}.avatar-stack-text{border-radius:var(--rounded-full);background-color:var(--color-secondary-container);width:32px;height:32px;color:var(--color-on-secondary-container);border:2px solid #fff;justify-content:center;align-items:center;margin-left:-.5rem;font-size:10px;font-weight:700;display:flex}.receipt-decor-card{border-radius:var(--rounded-DEFAULT);border:1px solid var(--color-outline-variant);height:160px;position:relative;overflow:hidden}.receipt-decor-card img{object-fit:cover;width:100%;height:100%}.mobile-menu-btn{display:none}.mobile-drawer-backdrop{z-index:300;background:#00000073;animation:.2s ease-out fadeIn;position:fixed;inset:0}.mobile-drawer{background-color:var(--color-surface-container-low);border-right:1px solid var(--color-outline-variant);z-index:301;flex-direction:column;width:260px;padding:1.5rem;animation:.25s cubic-bezier(.16,1,.3,1) slideInLeft;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:4px 0 24px #0000002e}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (width<=767px){html,body{max-width:100vw;overflow-x:hidden}.main-content{width:100%;min-width:0;max-width:100vw;overflow-x:hidden}.app-container{flex-direction:column}.sidebar-container,.search-input-pill{display:none}.mobile-menu-btn{align-items:center;display:flex}.hide-mobile{display:none}.top-header-left{flex:none;align-items:center;display:flex}.top-header-bar{justify-content:space-between;padding:0 1rem}.top-header-right{justify-content:flex-end;margin-left:0}.glass-receipt-sidebar{margin-top:1rem;padding:1.25rem;position:static}.table-responsive th{padding:.5rem .75rem;font-size:11px}.table-responsive td{padding:.75rem;font-size:13px}}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;background-color:#131b2e66;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--color-surface-container-lowest);border-radius:var(--rounded-md);z-index:1000;border:1px solid #c3c6d766;flex-direction:column;gap:1.5rem;width:90%;max-width:440px;padding:2rem;animation:.2s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;box-shadow:0 20px 25px -5px #131b2e1a,0 10px 10px -5px #131b2e0a}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-family:var(--font-display);color:var(--color-on-surface);font-size:18px;font-weight:700}.modal-close-btn{color:var(--color-outline);cursor:pointer;border-radius:var(--rounded-full);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.modal-close-btn:hover{background-color:var(--color-surface-container);color:var(--color-on-surface)}.modal-body{flex-direction:column;gap:1rem;display:flex}.modal-footer{justify-content:flex-end;gap:1rem;margin-top:.5rem;display:flex}.purchase-items-box-vertical{border:1px solid var(--color-outline-variant);border-radius:var(--rounded-md);background-color:var(--color-surface-container-low);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.autocomplete-container{width:100%}.autocomplete-dropdown{z-index:100;max-height:240px;margin-top:4px;padding:4px 0;list-style:none;animation:.15s ease-out slideUp;position:absolute;top:100%;left:0;right:0;overflow-y:auto;background-color:var(--color-surface-container-lowest,#fff)!important;border:1px solid var(--color-outline-variant)!important;border-radius:var(--rounded-md,12px)!important;box-shadow:0 8px 24px #131b2e1f!important}.autocomplete-dropdown li{cursor:pointer;transition:background-color .15s,color .15s;font-family:var(--font-body)!important;color:var(--color-on-surface)!important;padding:.625rem 1rem!important;font-size:14px!important}.autocomplete-dropdown li:hover{background-color:var(--color-surface-container-high)!important}.autocomplete-dropdown li.bg-surface-container{background-color:var(--color-surface-container)!important}.autocomplete-dropdown li.bg-surface-container-low{background-color:var(--color-surface-container-low)!important}