:root{--font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--food-green:#2d5016;--food-green-dark:#1a3009;--food-green-light:#3d6b1f;--food-green-bright:#4a7c28;--food-mint:#7ed957;--food-mint-dark:#6bc048;--food-mint-light:#9ee575;--food-lime:#b5e48c;--food-herb:#52b788;--food-herb-dark:#40916c;--snhu-navy:var(--food-green);--snhu-navy-dark:var(--food-green-dark);--snhu-navy-light:var(--food-green-light);--snhu-yellow:var(--food-mint);--snhu-yellow-dark:var(--food-mint-dark);--snhu-yellow-light:var(--food-mint-light);--snhu-gold:var(--food-herb);--accent-h:98deg;--accent-s:68%;--accent-l:28%;--accent:var(--food-green);--accent-secondary:var(--food-mint);--background-body:#fff;--background-alt:#f8faf6;--background:#f0f5ec;--background-input:#fff;--text-main:#000;--text-muted:#2d5016;--links:var(--food-green);--focus:var(--food-mint);--border:#d4e8c4;--info-color:#52b788;--success-color:#40916c;--neutral-color:#6c757d;--warning-color:#f4a261;--danger-color:#e76f51;--dialog-background:#fff;--scan-frame-color:#7ed957e6;--gradient-primary:linear-gradient(135deg,var(--food-green)0%,var(--food-green-light)100%);--gradient-accent:linear-gradient(135deg,var(--food-mint)0%,var(--food-herb)100%);--gradient-hero:linear-gradient(135deg,var(--food-green)0%,var(--food-green-dark)50%,var(--food-green)100%);--dropzone-background:var(--background-alt);--dropzone-background-dragover:var(--background);--dropzone-background-hover:var(--background);--camera-actions-background:#fff;--alert-background:#fff;--alert-foreground:var(--text-main);--border-radius:6px;--animation-duration:.1s;--container-max-width:100%;--capture-border-width:3px;--select-arrow-light:url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");--select-arrow-dark:url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23ffffff'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");--select-arrow:var(--select-arrow-light);accent-color:var(--accent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--accent-h:98;--accent-s:68%;--accent-l:45%;--background-body:#1a2e11;--background-alt:#24391a;--background:var(--background-alt);--background-input:#2d5016;--text-main:#e8f5e1;--text-muted:#b5e48c;--links:var(--food-mint);--focus:var(--food-mint);--border:#3d6b1f;--info-color:#52b788;--success-color:#7ed957;--neutral-color:#8e8e9a;--warning-color:#f4a261;--danger-color:#e76f51;--dialog-background:var(--background-alt);--dropzone-background:#1a2e11;--dropzone-background-dragover:#15270d;--dropzone-background-hover:#15270d;--camera-actions-background:var(--background);--alert-background:var(--background-alt);--scan-frame-color:#7ed957cc;--select-arrow:var(--select-arrow-dark)}}:root[data-theme=dark]{--accent-h:98;--accent-s:68%;--accent-l:45%;--background-body:#1a2e11;--background-alt:#24391a;--background:var(--background-alt);--background-input:#2d5016;--text-main:#e8f5e1;--text-muted:#b5e48c;--links:var(--food-mint);--focus:var(--food-mint);--border:#3d6b1f;--info-color:#52b788;--success-color:#7ed957;--neutral-color:#8e8e9a;--warning-color:#f4a261;--danger-color:#e76f51;--dialog-background:var(--background-alt);--dropzone-background:#1a2e11;--dropzone-background-dragover:#15270d;--dropzone-background-hover:#15270d;--camera-actions-background:var(--background);--alert-background:var(--background-alt);--scan-frame-color:#7ed957cc;--select-arrow:var(--select-arrow-dark)}:root[data-theme=light]{--background-body:#fff;--background-alt:#f8faf6;--background:#f0f5ec;--background-input:#fff;--text-main:#000;--text-muted:#2d5016;--select-arrow:var(--select-arrow-light)}*,:before,:after{box-sizing:border-box}html{background:var(--snhu-navy);min-height:100vh}body{font-family:var(--font-family);max-width:var(--body-max-width);word-wrap:break-word;color:var(--text-main);background:var(--background-body);text-rendering:optimizeLegibility;min-height:100vh;margin:0;padding:0;line-height:1.5;position:relative}main{background:var(--snhu-navy);min-height:calc(100vh - 80px);padding:0;position:relative}main>div{background:var(--background-body);max-width:1600px;min-height:calc(100vh - 80px);margin:0 auto;position:relative;box-shadow:0 0 60px #00000026}.stat-card,.insight-card,.recent-scan-item,.account-section,.history-content,.settings-content{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary,.quick-action-btn,.view-all-btn,.refresh-stats-btn,.toggle-stats-btn{will-change:transform;transition:all .3s cubic-bezier(.4,0,.2,1)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--snhu-yellow);outline-offset:2px}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}main .dashboard-page,main .scanner-page,main .account-page,main .history-page,main .settings-page,main .ingredients-page,main .recipes-page,main .about-page{background:0 0}.landing-page,.landing-page main{background:var(--background-body)!important}[hidden]{display:none!important}:not(:defined):not(bs-settings){display:none!important}a{color:var(--links)}a>code,a>strong{color:inherit}a,button,input,custom-clipboard-copy::part(button),alert-element::part(close):focus-visible{outline-color:var(--accent)}button{color:var(--text-main);font-family:inherit;font-size:inherit;border-radius:var(--border-radius);border:none;padding:.625rem}button:not(:disabled){cursor:pointer}input[type=checkbox]{width:1rem;min-width:1rem;height:1rem}input[type=checkbox]:not(:disabled){cursor:pointer}kbd{background:var(--background);border:1px solid var(--border);color:var(--text-main);border-radius:2px;padding:.125rem .25rem}img,video{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}h1{margin-block:.75rem 0;font-size:1.6rem;font-weight:300}select{border:1px solid var(--border);border-radius:var(--border-radius);background:var(--background-input)var(--select-arrow)calc(100% - .75rem)50%/.75rem no-repeat;color:var(--form-text);font-family:inherit;font-size:inherit;cursor:pointer;appearance:none;padding-block:.75rem;padding-inline:.75rem 2.25rem}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) select{background-position:.75rem}select:disabled{cursor:not-allowed}.noscript{border-radius:var(--border-radius);border:1px solid var(--border);border-top:3px solid var(--danger-color);width:100%;max-width:var(--container-max-width);background-color:var(--background-alt);text-align:center;text-wrap:balance;margin:0 auto;padding:1rem}.site-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin:2rem 0;display:flex}.container{max-width:var(--container-max-width);margin:0 auto}.source-code{align-items:center;gap:.375rem;margin-top:1rem;display:inline-flex}.scan-button{color:#fff;backdrop-filter:blur(6px);text-wrap:balance;outline-offset:-2px;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;height:100%;margin:0;padding:.5rem;font-size:.9375rem;line-height:1.5;display:flex;position:absolute;top:0;left:0;background-color:#000000b3!important}.scan-button kbd{font-size:.8rem}.scan-instructions{text-align:center;text-wrap:balance;background:linear-gradient(135deg,var(--snhu-navy)0%,var(--snhu-navy-dark)100%);color:#fff;border:2px solid var(--snhu-yellow);border-radius:12px;max-width:600px;margin:1.5rem auto;padding:1.5rem;font-size:1.1rem;box-shadow:0 4px 15px #0033664d}.scan-instructions p{color:#fff;text-shadow:0 1px 3px #0000004d;margin:.5rem 0;font-size:1.2rem;font-weight:700}.scan-instructions small{opacity:1;color:#fff;margin-top:.5rem;font-size:.95rem;font-weight:600;display:block}.scan-frame-container{max-width:var(--container-max-width);width:100%;min-height:600px;margin:0 auto;position:relative}.scan-frame-container:has(video-capture[loading]) .scan-frame{display:none}.scan-frame{pointer-events:none;z-index:10;animation:2s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.scan-frame svg{width:100%;height:100%;position:absolute;top:0;left:0}input[type=file]::-webkit-file-upload-button{color:var(--background);background-color:var(--accent);cursor:pointer;appearance:none;border:0;border-radius:.25rem;margin-right:.5rem;padding-inline:.5rem;line-height:1.6}input[type=file]:disabled::-webkit-file-upload-button{cursor:not-allowed}.dropzone{--dropzone-focus-box-shadow:inset 0 0 0 3px var(--snhu-yellow);--dropzone-transition-duration:var(--animation-duration);--dropzone-border-color:var(--snhu-navy);--dropzone-border-color-dragover:var(--snhu-yellow);--dropzone-border-color-hover:var(--snhu-yellow);--dropzone-background-color:var(--dropzone-background);--dropzone-background-color-dragover:var(--dropzone-background-dragover);--dropzone-background-color-hover:var(--dropzone-background-hover);--dropzone-body-color:var(--text-main)}.dropzone::part(dropzone){border-radius:var(--border-radius);flex-direction:column;justify-content:center;min-height:17.625rem;margin:0 auto;display:flex}.dropzone-preview{flex-direction:column;gap:.5rem;display:flex}.dropzone-preview__image-wrapper{max-width:200px;margin:0 auto}.dropzone-preview__file-name{color:#000;font-size:.9rem;font-weight:700}.dropzone-instructions{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}body>footer{border-top:1px solid var(--border);color:#000;text-align:center;margin-top:1.5rem;padding-top:10px;font-weight:700}body>footer>p:last-child{margin-block:.5rem 0}.scanner-page{background:linear-gradient(135deg,var(--background-body)0%,var(--background-alt)100%);max-width:1400px;min-height:calc(100vh - 80px);margin:0 auto;padding:2rem}main .scanner-page{background:linear-gradient(135deg,var(--background-body)0%,var(--background-alt)100%)}.scanner-header{background:linear-gradient(135deg,var(--snhu-navy)0%,var(--snhu-navy-dark)100%);border-radius:16px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 20px #0363}.scanner-header-content{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.scanner-logo{flex-shrink:0}.scanner-title h1{color:#fff;text-shadow:0 2px 4px #0003;margin:0 0 .5rem;font-size:2.5rem;font-weight:800}.scanner-title p{color:#fff;text-shadow:0 1px 3px #0000004d;margin:0;font-size:1.1rem;font-weight:600}.scanner-container{background:var(--background-alt);border:2px solid var(--border);min-height:700px;color:var(--text-main);border-radius:20px;padding:2rem;box-shadow:0 6px 24px #0000001f}video-capture{border:3px solid var(--snhu-yellow);background-color:#000;border-radius:12px;justify-content:center;width:100%;min-height:600px;max-height:85vh;margin:0 auto 1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #0000004d}video-capture::part(video){object-fit:cover;background-color:#000;width:100%;height:100%}video-capture[loading]::part(video){background-image:url(spinner-light.68830a89.svg);background-position:50%;background-repeat:no-repeat;background-size:3.75rem}video-capture [slot=actions]{backdrop-filter:blur(10px);background:linear-gradient(#0000 0%,#0006 50%,#000000b3 100%);justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:1rem;display:flex;position:absolute;bottom:0;left:0}video-capture[loading] [slot=actions]{display:none}.camera-select{background-color:var(--background-alt);border:2px solid var(--border);min-width:150px;color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;cursor:pointer;border-radius:10px;flex:1;padding:.75rem 1.25rem;font-size:.95rem;font-weight:700;transition:all .3s;box-shadow:0 2px 6px #00000014}.camera-select:hover{border-color:var(--snhu-yellow);box-shadow:0 0 0 3px #ffc72c1a}.camera-select:focus{border-color:var(--snhu-yellow);outline:none;box-shadow:0 0 0 3px #ffc72c33}.refresh-camera-btn{white-space:nowrap;box-shadow:0 2px 8px #ffc72c4d;background:linear-gradient(135deg,var(--snhu-yellow)0%,var(--snhu-gold)100%)!important;color:var(--snhu-navy)!important;cursor:pointer!important;border:none!important;border-radius:8px!important;padding:.625rem 1.25rem!important;font-size:.875rem!important;font-weight:700!important;transition:all .3s!important}.refresh-camera-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffc72c66;background:linear-gradient(135deg,var(--snhu-yellow-dark)0%,var(--snhu-yellow)100%)!important}.zoom-controls{display:flex}.torch-button,.zoom-controls button,.zoom-controls label{border:2px solid var(--snhu-navy);backdrop-filter:blur(10px);color:var(--snhu-navy);cursor:pointer;background-color:#fffffff2;border-radius:8px;justify-content:center;align-items:center;margin:0;padding:.625rem 1rem;font-weight:600;transition:all .3s;display:inline-flex}.torch-button:hover,.zoom-controls button:hover{background:var(--snhu-navy);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0033664d}.torch-button{border:2px solid var(--snhu-navy);border-radius:8px}.zoom-controls button{border:1px solid var(--border)}.zoom-controls button[data-action=zoom-in]{border-inline-start:none;border-start-end-radius:calc(var(--border-radius)/2);border-end-end-radius:calc(var(--border-radius)/2)}.zoom-controls button[data-action=zoom-out]{border-inline-end:none;border-start-start-radius:calc(var(--border-radius)/2);border-end-start-radius:calc(var(--border-radius)/2)}.zoom-controls label{border-block:1px solid var(--border);border-inline:none;min-width:2rem;font-size:.9rem;overflow:hidden}.global-actions{justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;top:8px;right:8px}.global-actions button{color:var(--text-main);justify-content:center;align-items:center;gap:.35rem;margin:0;padding:8px;font-size:1rem;line-height:1;display:inline-flex;background-color:#0000!important}.global-actions button span{display:none}.popover-dialog{--me-background-color:var(--dialog-background);--me-border-radius:var(--border-radius);--me-border-style:none;--me-width:fit-content;--me-header-spacing:.75rem;--me-body-spacing:0;--me-footer-spacing:.75rem;--me-backdrop-filter:blur(4px)}.popover-dialog::part(body){font-size:.9rem}.popover-dialog::part(footer){text-align:center}.popover-dialog ul{margin:0;padding:0;list-style:none}.popover-dialog ul li{color:var(--text-main);align-items:center;text-decoration:none;display:flex;position:relative}.history-dialog{--me-width:20rem}.settings-dialog ul li{padding:.25rem .75rem}.settings-dialog ul li input[type=checkbox]{margin-block:.15rem 0;margin-inline:0 .5rem}.settings-dialog ul li label{cursor:pointer;flex:1;margin:0;display:flex}.settings-dialog fieldset{border:0;border-radius:0;margin:0 0 1rem;padding:0}.settings-dialog fieldset legend{margin-block-end:.25rem;padding:0 .75rem;font-weight:500}.settings-dialog .formats-list{grid-template-columns:repeat(auto-fill,minmax(6.25rem,1fr));gap:.25rem .75rem;display:grid}a-tab-group::part(tabs){border-radius:var(--border-radius);padding:0}a-tab{flex:1;display:flex}a-tab:first-of-type{border-start-start-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}a-tab:last-of-type{border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}a-tab::part(base){background-color:var(--background);transition:background-color var(--animation-duration)ease-in-out,color var(--animation-duration)ease-in-out;flex:1;justify-content:center;padding:.5rem .75rem}a-tab:focus-visible{outline:.125rem solid var(--text-main);outline-offset:-.125rem}a-tab[selected]::part(base){background-color:var(--accent);color:var(--background-body)}alert-element{--alert-bg-color:var(--alert-background);--alert-fg-color:var(--alert-foreground)}.alert-toast-stack alert-element{font-size:.95rem}.results{background:linear-gradient(135deg,var(--background-alt)0%,var(--background)100%);border:2px solid var(--border);overscroll-behavior:contain;max-height:20.125rem;color:var(--text-main);border-radius:16px;margin-block-start:1.5rem;overflow-x:hidden;box-shadow:0 4px 16px #0000001a}@media (prefers-reduced-motion:no-preference){.results{scroll-behavior:smooth}}.results:empty{display:none!important}.results bs-result:not(:last-child)::part(result){border-block-end:1px solid var(--border)}.item-info{border:3px solid var(--food-mint);background:linear-gradient(135deg,var(--background-alt)0%,var(--background)50%,var(--background-body)100%);color:var(--text-main);border-radius:24px;margin-top:1.5rem;padding:2rem;animation:.4s ease-out slideInUp;position:relative;overflow:hidden;box-shadow:0 8px 32px #7ed95740,0 4px 16px #2d501626}.item-info:before{content:"";background:linear-gradient(90deg,var(--food-mint)0%,var(--food-herb)50%,var(--food-mint)100%);height:5px;animation:3s infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.7}}.item-info__image-container{background:linear-gradient(135deg,var(--background-alt)0%,#f0f5ec 100%);border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:200px;max-height:400px;margin-bottom:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.item-info__image-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.item-info__image-loading .loading-spinner{border:4px solid var(--food-mint);border-top-color:var(--food-green);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.item-info__image-loading p{color:var(--text-main);text-shadow:0 1px 3px #0003;letter-spacing:.02em;margin:0;font-size:1rem;font-weight:700}.item-info__image{object-fit:contain;width:100%;height:auto;max-height:400px;transition:opacity .3s;display:block}.item-info__header{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.item-info__source-badge{border:1px solid var(--food-mint);color:var(--food-green);text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#7ed95733 0%,#52b78833 100%);border-radius:20px;align-self:flex-start;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.item-info__brand-container{border-left:4px solid var(--food-mint);background:linear-gradient(135deg,#7ed9571a 0%,#7ed9570d 100%);border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.item-info__brand-icon{flex-shrink:0;font-size:1.2rem}.item-info__brand{color:var(--food-green);text-shadow:0 1px 3px #0000001a;filter:drop-shadow(0 1px 2px #0000001a);font-size:1.15rem;font-weight:800}.item-info__search-container{margin-bottom:1rem}.item-info__search-wrapper{background:var(--background-alt);border:2px solid var(--food-mint);border-radius:12px;align-items:center;padding:.75rem 1rem;transition:all .3s;display:flex;position:relative}.item-info__search-wrapper:focus-within{border-color:var(--food-green);box-shadow:0 0 0 3px #7ed95733}.item-info__search-icon{color:var(--text-muted);flex-shrink:0;margin-right:.5rem}.item-info__search-input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-size:.95rem;font-weight:500}.item-info__search-input::placeholder{color:var(--text-muted);opacity:.7}.item-info__search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:.5rem;padding:0 .25rem;font-size:1.5rem;line-height:1;transition:all .2s;display:flex}.item-info__search-clear:hover{background:var(--background);color:var(--food-green);transform:scale(1.1)}.item-info__content{position:relative}.item-info__no-results{text-align:center;color:var(--text-main);background:var(--background-alt);border:2px dashed var(--food-mint);border-radius:16px;padding:3rem 1.5rem;font-size:1.1rem;font-style:italic;font-weight:700;animation:2s ease-in-out infinite pulse}.search-highlight{background:linear-gradient(135deg,var(--food-mint)0%,#7ed95766 100%);color:var(--food-green);border-radius:4px;padding:.15rem .3rem;font-weight:800;animation:1.5s ease-in-out infinite highlightPulse;box-shadow:0 2px 4px #7ed9574d}@keyframes highlightPulse{0%,to{box-shadow:0 2px 4px #7ed9574d}50%{box-shadow:0 2px 8px #7ed95780}}.item-info__title{color:var(--food-green);letter-spacing:-.02em;text-shadow:0 2px 6px #00000026,0 1px 3px #0000001a;filter:drop-shadow(0 2px 4px #00000026);margin:0;font-size:2rem;font-weight:900;line-height:1.3}.item-info__description{color:var(--text-main);background:var(--background-alt);border-left:5px solid var(--food-mint);text-shadow:0 1px 2px #0000000d;border-radius:14px;margin:0 0 1.5rem;padding:1.5rem;font-size:1.1rem;font-weight:700;line-height:1.8;box-shadow:0 3px 10px #00000014}.item-info__metadata{border-top:2px solid var(--border);flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.item-info__metadata-item{background:var(--background-alt);border:2px solid var(--border);color:var(--text-main);border-radius:14px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 6px #0000000d}.item-info__metadata-item:hover{border-color:var(--food-mint);background:#7ed9571a;transform:translate(4px)}.item-info__metadata-icon{text-align:center;flex-shrink:0;width:32px;font-size:1.3rem}.item-info__metadata-label{color:var(--food-green);text-shadow:0 1px 3px #0003;filter:drop-shadow(0 1px 2px #00000026);min-width:120px;font-size:1rem;font-weight:800}.item-info__metadata-expandable{flex-direction:column;align-items:stretch;gap:0;padding:0}.item-info__metadata-header{cursor:pointer;background:var(--background-alt);border:2px solid var(--border);color:var(--text-main);border-radius:12px;align-items:center;gap:.75rem;padding:.875rem 1.25rem;transition:all .3s;display:flex}.item-info__metadata-header:hover{border-color:var(--food-mint);background:#7ed95726}.item-info__expand-btn{border:2px solid var(--food-mint);color:var(--food-green);cursor:pointer;background:#7ed95726;border-radius:8px;justify-content:center;align-items:center;min-width:40px;margin-left:auto;padding:.4rem .75rem;font-size:1.1rem;font-weight:800;transition:all .3s;display:flex;box-shadow:0 2px 4px #7ed95733}.item-info__expand-btn:hover{background:var(--food-mint);border-color:var(--food-green);transform:scale(1.1);box-shadow:0 3px 8px #7ed9574d}.item-info__metadata-content{background:var(--background);color:var(--text-main);border-top:2px solid var(--border);border-radius:0 0 14px 14px;margin-top:.5rem;padding:1.25rem 1.5rem 1.25rem 4rem;font-weight:600;animation:.3s ease-out slideDown;box-shadow:inset 0 2px 4px #0000000d}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.item-info__categories,.item-info__ingredients{color:var(--text-main);letter-spacing:.01em;text-shadow:0 1px 2px #0000001a;filter:drop-shadow(0 1px 1px #0000001a);margin:0;font-size:1.05rem;font-weight:700;line-height:1.8}.item-info__nutrition-grade{color:var(--food-green);background:linear-gradient(135deg,var(--food-mint)0%,var(--food-herb)100%);text-shadow:0 2px 4px #00000026;border:2px solid var(--food-green);border-radius:10px;padding:.5rem 1rem;font-size:1.3rem;font-weight:900;display:inline-block;box-shadow:0 3px 8px #7ed9574d}.item-info__quantity,.item-info__manufacturer{color:var(--text-main);text-shadow:0 1px 2px #0000001a;font-size:1.05rem;font-weight:800}.item-info__expiration-section{background:var(--background-alt);border:2px solid var(--border);border-radius:14px;margin:1.5rem 0;padding:1.25rem;box-shadow:0 2px 6px #0000000d}.item-info__expiration-label{color:var(--text-main);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1rem;font-weight:700;display:flex}.item-info__expiration-icon{font-size:1.2rem}.item-info__expiration-input-wrapper{flex-direction:column;gap:.75rem;display:flex}.item-info__expiration-input{border:2px solid var(--border);background:var(--background);color:var(--text-main);cursor:pointer;border-radius:10px;padding:.875rem 1rem;font-size:1rem;font-weight:600;transition:all .3s}.item-info__expiration-input:hover{border-color:var(--food-mint);box-shadow:0 2px 8px #7ed95726}.item-info__expiration-input:focus{border-color:var(--food-green);outline:none;box-shadow:0 0 0 3px #7ed95733}.item-info__expiration-display{text-align:center;border-radius:8px;padding:.75rem 1rem;font-size:.95rem;font-weight:700;display:none}.expiration-badge{border-radius:8px;padding:.5rem 1rem;font-size:.95rem;font-weight:800;display:inline-block}.expiration-expired{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%);box-shadow:0 3px 8px #ff6b6b4d}.expiration-today{color:#fff;background:linear-gradient(135deg,orange 0%,#ff8c00 100%);box-shadow:0 3px 8px #ffa5004d}.expiration-soon{color:#1a2e11;background:linear-gradient(135deg,#ffd93d 0%,#ffc107 100%);box-shadow:0 3px 8px #ffd93d4d}.expiration-warning{color:#1a2e11;background:linear-gradient(135deg,#ffe66d 0%,#ffd93d 100%);box-shadow:0 3px 8px #ffe66d4d}.expiration-good{background:linear-gradient(135deg,var(--food-mint)0%,var(--food-herb)100%);color:var(--food-green);box-shadow:0 3px 8px #7ed9574d}.item-info__actions{border-top:2px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;display:grid}.item-info__action-btn{border:2px solid var(--food-mint);background:linear-gradient(135deg,var(--background-alt)0%,var(--background)100%);color:var(--text-main);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:1rem;font-weight:700;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 3px 10px #7ed95733}.item-info__action-btn span{color:inherit;text-shadow:inherit;font-weight:700}.item-info__action-btn:before{content:"";background:var(--food-mint);opacity:.2;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.item-info__action-btn:hover:before{width:300px;height:300px}.item-info__action-btn:hover{background:linear-gradient(135deg,var(--food-mint)0%,var(--food-herb)100%);border-color:var(--food-green);color:var(--food-green);transform:translateY(-3px);box-shadow:0 6px 20px #7ed95766}.item-info__action-btn:active{transform:translateY(0);box-shadow:0 2px 8px #7ed95733}.item-info__action-btn svg{flex-shrink:0;transition:transform .2s}.item-info__action-btn:hover svg{transform:scale(1.1)}.item-info__save-btn--saved{background:linear-gradient(135deg,var(--food-mint)0%,var(--food-herb)100%)!important;border-color:var(--food-green)!important;color:var(--food-green)!important}.item-info__save-btn--saved svg{fill:#e76f51}.item-info__view-btn:hover{background:linear-gradient(135deg,var(--food-herb)0%,var(--food-green)100%);color:#fff}@media (prefers-color-scheme:dark){.item-info{box-shadow:0 8px 32px #7ed95726,0 4px 16px #0000004d}.item-info__description{background:var(--background);box-shadow:0 2px 8px #0003}.item-info__metadata-item,.item-info__metadata-header{background:var(--background);border-color:var(--border)}.item-info__action-btn{background:var(--background);box-shadow:0 3px 10px #0000004d}.results{background:linear-gradient(135deg,var(--background)0%,var(--background-alt)100%);box-shadow:0 4px 16px #0000004d}.scanner-container{box-shadow:0 6px 24px #0000004d}}:root[data-theme=dark] .item-info{box-shadow:0 8px 32px #7ed95726,0 4px 16px #0000004d}:root[data-theme=dark] .item-info__description{background:var(--background);box-shadow:0 2px 8px #0003}:root[data-theme=dark] .item-info__metadata-item,:root[data-theme=dark] .item-info__metadata-header{background:var(--background);border-color:var(--border)}:root[data-theme=dark] .item-info__action-btn{background:var(--background);box-shadow:0 3px 10px #0000004d}:root[data-theme=dark] .results{background:linear-gradient(135deg,var(--background)0%,var(--background-alt)100%);box-shadow:0 4px 16px #0000004d}:root[data-theme=dark] .scanner-container{box-shadow:0 6px 24px #0000004d}.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.text-underline{text-decoration:underline!important}.text-muted{color:var(--text-muted)!important}.fw-normal{font-weight:400!important}.test{justify-items:center;width:100%;margin:0;padding:.25em}.navigation{background:var(--snhu-navy);border-bottom:3px solid var(--snhu-yellow);background-size:100%;justify-items:center;width:100%;margin:0;padding:.5rem 1rem}.navigation nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;max-width:1400px;margin:0 auto;display:flex}.nav-brand{align-items:center;font-size:1.25rem;display:flex}.nav-links{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:1.5rem;display:flex}.nav-links a{color:#fff;white-space:nowrap;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-block}.nav-links a:hover{color:var(--snhu-yellow)}.theme-toggle-button{color:#fff;cursor:pointer;background:0 0;border:2px solid #ffffff4d;border-radius:6px;justify-content:center;align-items:center;min-width:40px;height:40px;margin-right:.5rem;padding:.5rem .75rem;font-size:1.2rem;transition:all .2s;display:inline-flex}.theme-toggle-button:hover{background:#ffffff1a;border-color:#ffffff80;transform:scale(1.1)}.theme-toggle-button:active{transform:scale(.95)}.logout-button{background:var(--snhu-yellow);color:var(--snhu-navy);cursor:pointer;white-space:nowrap;z-index:10;pointer-events:auto;border:none;border-radius:8px;margin-left:.5rem;padding:.5rem 1.25rem;font-size:.95rem;font-weight:700;transition:all .3s;position:relative}.logout-button:hover{background:var(--snhu-yellow-dark);transform:translateY(-2px);box-shadow:0 4px 12px #ffc72c66}.navigation a{color:#fff;text-decoration:none;transition:color .2s;display:block}.navigation a:hover{color:var(--snhu-yellow)}.navigationList{background:var(--snhu-navy);flex-flow:row;justify-content:flex-end;list-style:none;display:flex}.navigationListItem{margin:0 10px}.header-title{justify-content:center}.body{justify-items:center;width:100%;margin:0;padding:.25em}.styled{text-align:center;color:#fff;text-shadow:1px 1px 1px #000;background-color:red;background-image:linear-gradient(to top left,#0003,#0003 30%,#0000);border:0;border-radius:10px;justify-content:center;padding:0 20px;font-size:1rem;line-height:2.5;box-shadow:inset 2px 2px 3px #fff9,inset -2px -2px 3px #0009}.styled:hover{background-color:red}.styled:active{box-shadow:inset -2px -2px 3px #fff9,inset 2px 2px 3px #0009}.bottomnav{text-align:center;width:100%;position:fixed;bottom:0;left:0}.center{text-align:center;width:50%;margin:auto;padding:10px;font-family:Lucida Console;font-size:30px}.dashboard-page{background:linear-gradient(135deg,#f0f7ed 0%,#fff 50%,#f8faf6 100%);max-width:1920px;min-height:calc(100vh - 80px);margin:0 auto;padding:3rem 4rem;position:relative}main .dashboard-page{background:linear-gradient(135deg,#f0f7ed 0%,#fff 50%,#f8faf6 100%)}.dashboard-actions-container{z-index:1000;position:fixed;top:80px;right:2rem}.actions-menu-btn{background:linear-gradient(135deg,var(--snhu-navy)0%,var(--snhu-navy-dark)100%);color:#fff;cursor:pointer;z-index:1001;border:none;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;transition:all .3s;display:flex;box-shadow:0 4px 15px #0033664d}.actions-menu-btn:hover{background:linear-gradient(135deg,var(--snhu-navy-dark)0%,var(--snhu-navy)100%);transform:scale(1.1);box-shadow:0 6px 20px #0366}.actions-menu-dropdown{border:2px solid var(--snhu-yellow);background:#fff;border-radius:12px;min-width:200px;animation:.3s slideDown;position:absolute;top:4rem;right:0;overflow:hidden;box-shadow:0 8px 30px #00000026}.action-menu-item{width:100%;color:var(--snhu-navy);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.action-menu-item:hover{background:linear-gradient(135deg,var(--snhu-yellow)0%,var(--snhu-gold)100%);color:var(--snhu-navy)}.action-menu-item:not(:last-child){border-bottom:1px solid #0033661a}.floating-scan-btn{background:linear-gradient(135deg,var(--snhu-yellow)0%,var(--snhu-gold)100%);width:4.5rem;height:4.5rem;color:var(--snhu-navy);cursor:pointer;z-index:999;border:none;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex;position:fixed;bottom:2rem;right:2rem;overflow:hidden;box-shadow:0 6px 25px #ffc72c80}.floating-scan-btn:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.floating-scan-btn:hover:before{width:300px;height:300px}.floating-scan-btn:hover{transform:scale(1.15)rotate(10deg);box-shadow:0 12px 45px #7ed95799,0 0 0 4px #7ed95733}.floating-scan-hint{color:var(--snhu-navy);white-space:nowrap;opacity:0;font-size:.75rem;font-weight:700;transition:opacity .3s;position:absolute;bottom:-2rem;left:50%;transform:translate(-50%)}.floating-scan-btn:hover .floating-scan-hint{opacity:1}.keyboard-hint{color:#fff;z-index:998;backdrop-filter:blur(10px);background:#2d5016f2;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;display:flex;position:fixed;bottom:3rem;left:3rem;box-shadow:0 8px 25px #2d50164d,0 0 0 2px #7ed9574d}.keyboard-hint kbd{background:var(--food-mint);color:var(--food-green);border-radius:6px;padding:.35rem .65rem;font-size:.9rem;font-weight:800;box-shadow:0 3px 8px #7ed9574d}.dashboard-header{background:linear-gradient(135deg,var(--food-green)0%,var(--food-green-dark)50%,var(--food-green)100%);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:3rem;padding:3rem 3.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 40px #2d501640,0 0 0 1px #7ed9571a}.dashboard-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#7ed95726 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-10%}.dashboard-header-content{z-index:1;position:relative}.dashboard-header-content h1{color:#fff;text-shadow:0 4px 12px #0000004d,0 0 20px #7ed95733;letter-spacing:-.5px;margin:0 0 .75rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:900}.dashboard-header-content p{color:#fffffff2;text-shadow:0 2px 8px #0003;margin:0;font-size:clamp(1rem,2vw,1.4rem);font-weight:500;line-height:1.6}.btn-primary{background:linear-gradient(135deg,var(--food-mint)0%,var(--food-herb)100%);color:var(--food-green);cursor:pointer;text-transform:uppercase;letter-spacing:1px;z-index:1;border:none;border-radius:16px;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;font-size:clamp(1rem,1.5vw,1.3rem);font-weight:800;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 25px #7ed95766,0 0 #7ed957b3}.btn-primary:before{content:"";z-index:-1;background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-primary:hover:before{width:400px;height:400px}.btn-primary:hover{background:linear-gradient(135deg,var(--food-mint-light)0%,var(--food-mint)100%);transform:translateY(-4px)scale(1.02);box-shadow:0 10px 35px #7ed95780,0 0 0 4px #7ed95733}.btn-primary:active{transform:translateY(0)}.stats-section{background:#fff;border:2px solid #7ed95733;border-radius:24px;margin-bottom:3rem;padding:3rem 3.5rem;position:relative;overflow:hidden;box-shadow:0 8px 40px #2d50161a,0 0 0 1px #7ed95726}.stats-section:before{content:"";background:linear-gradient(90deg,var(--food-mint)0%,var(--food-herb)50%,var(--food-mint)100%);height:4px;position:absolute;top:0;left:0;right:0}.stats-dashboard-header{border-bottom:3px solid var(--food-mint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:1.5rem;display:flex;position:relative}.stats-dashboard-header:after{content:"";background:var(--food-herb);border-radius:0 3px 3px 0;width:100px;height:3px;position:absolute;bottom:-3px;left:0}.stats-dashboard-header h2{color:var(--food-green);letter-spacing:-.5px;margin:0;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800}.stats-header-actions{align-items:center;gap:.5rem;display:flex}.refresh-stats-btn,.toggle-stats-btn{color:var(--snhu-navy);border:2px solid var(--snhu-navy);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-flex}.refresh-stats-btn:hover,.toggle-stats-btn:hover{background:var(--snhu-navy);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0033664d}.refresh-stats-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-stats-btn svg,.toggle-stats-btn svg{color:currentColor}.spinning{animation:1s linear infinite spin}.rotated{transform:rotate(180deg)}.stats-dashboard{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.stats-dashboard.collapsed{display:none}.stat-card{background:linear-gradient(135deg,#fff 0%,#f8faf6 100%);border:2px solid #7ed95733;border-radius:20px;align-items:center;gap:1.75rem;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #2d501614,0 0 0 1px #7ed9571a}.stat-card:before{content:"";background:linear-gradient(180deg,var(--food-mint)0%,var(--food-herb)100%);width:6px;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:scaleY(0)}.stat-card:after{content:"";opacity:0;background:radial-gradient(circle,#7ed9571a 0%,#0000 70%);border-radius:50%;width:200px;height:200px;transition:opacity .4s;position:absolute;top:-50%;right:-50%}.stat-card:hover:before{transform:scaleY(1)}.stat-card:hover:after{opacity:1}.stat-card:hover{box-shadow:0 12px 40px #7ed95733,0 0 0 2px var(--food-mint);border-color:var(--food-mint);background:linear-gradient(135deg,#fff 0%,#f0f7ed 100%);transform:translateY(-8px)scale(1.02)}.stat-icon{color:var(--food-green);background:linear-gradient(135deg,#7ed95726 0%,#52b78833 100%);border:2px solid #7ed95733;border-radius:16px;flex-shrink:0;padding:1.25rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:hover .stat-icon{background:linear-gradient(135deg,var(--food-mint)0%,var(--food-herb)100%);color:var(--food-green);border-color:var(--food-mint);transform:scale(1.15)rotate(5deg);box-shadow:0 8px 20px #7ed9574d}.stat-content{flex:1}.stat-value{color:var(--food-green);letter-spacing:-1px;background:linear-gradient(135deg,var(--food-green)0%,var(--food-herb)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1}.stat-label{color:var(--food-green);letter-spacing:.3px;margin-bottom:.5rem;font-size:clamp(1rem,2vw,1.3rem);font-weight:700}.stat-context{color:var(--food-green);opacity:.8;font-size:.95rem;font-weight:600}.quick-actions{border-top:2px solid var(--snhu-yellow);flex-wrap:wrap;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.quick-action-btn{color:var(--snhu-navy);border:2px solid var(--snhu-navy);cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.75rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0033661a}.quick-action-btn:before{content:"";background:linear-gradient(135deg,var(--snhu-navy)0%,var(--snhu-navy-light)100%);z-index:-1;width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.quick-action-btn:hover:before{left:0}.quick-action-btn:hover{color:#fff;border-color:var(--snhu-navy);transform:translateY(-3px);box-shadow:0 6px 20px #0033664d}.quick-action-btn svg{transition:transform .3s}.quick-action-btn:hover svg{transform:scale(1.2)rotate(5deg)}.recent-scans{background:#fff;border:2px solid #7ed95733;border-radius:24px;padding:3rem 3.5rem;position:relative;overflow:hidden;box-shadow:0 8px 40px #2d50161a,0 0 0 1px #7ed95726}.recent-scans:before{content:"";background:linear-gradient(90deg,var(--food-mint)0%,var(--food-herb)50%,var(--food-mint)100%);height:4px;position:absolute;top:0;left:0;right:0}.recent-scans-header{border-bottom:3px solid var(--food-mint);justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;display:flex;position:relative}.recent-scans-header:after{content:"";background:var(--food-herb);border-radius:0 3px 3px 0;width:100px;height:3px;position:absolute;bottom:-3px;left:0}.recent-scans-header h2{color:var(--food-green);letter-spacing:-.5px;margin:0;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800}.view-all-btn{color:var(--snhu-navy);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.view-all-btn:hover{color:var(--snhu-yellow);background:#ffc72c1a;transform:translate(4px)}.recent-scans-list{flex-direction:column;gap:1.5rem;display:flex}.recent-scan-item{background:linear-gradient(135deg,#fff 0%,#f8faf6 100%);border:2px solid #7ed95726;border-radius:18px;align-items:center;gap:1.75rem;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #2d50160d}.recent-scan-item:before{content:"";background:linear-gradient(180deg,var(--food-mint)0%,var(--food-herb)100%);width:6px;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:scaleY(0)}.recent-scan-item:hover:before{transform:scaleY(1)}.recent-scan-item:hover{box-shadow:0 8px 30px #7ed95733,0 0 0 2px var(--food-mint);border-color:var(--food-mint);background:linear-gradient(135deg,#fff 0%,#f0f7ed 100%);transform:translate(12px)scale(1.01)}.recent-scan-icon{color:var(--food-green);background:linear-gradient(135deg,#7ed95726 0%,#52b78833 100%);border:2px solid #7ed95733;border-radius:14px;flex-shrink:0;padding:1rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.recent-scan-item:hover .recent-scan-icon{background:linear-gradient(135deg,var(--food-mint)0%,var(--food-herb)100%);border-color:var(--food-mint);transform:scale(1.15)rotate(8deg);box-shadow:0 6px 18px #7ed9574d}.recent-scan-content{flex:1}.recent-scan-title{color:var(--food-green);letter-spacing:.2px;margin-bottom:.75rem;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:700}.recent-scan-meta{color:#212529;gap:1rem;font-size:.9rem;font-weight:700;display:flex}.recent-scan-brand{color:var(--snhu-navy);font-weight:600}.recent-scan-time{color:#212529;opacity:1;font-weight:700}.insights-section{background:#fff;border:2px solid #7ed95733;border-radius:24px;margin-bottom:3rem;padding:3rem 3.5rem;position:relative;overflow:hidden;box-shadow:0 8px 40px #2d50161a,0 0 0 1px #7ed95726}.insights-section:before{content:"";background:linear-gradient(90deg,var(--food-mint)0%,var(--food-herb)50%,var(--food-mint)100%);height:4px;position:absolute;top:0;left:0;right:0}.insights-section h2{color:var(--food-green);border-bottom:3px solid var(--food-mint);letter-spacing:-.5px;margin:0 0 2.5rem;padding-bottom:1.5rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;position:relative}.insights-section h2:after{content:"";background:var(--food-herb);border-radius:0 3px 3px 0;width:100px;height:3px;position:absolute;bottom:-3px;left:0}.insights-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.insight-card{background:linear-gradient(135deg,#fff 0%,#f8faf6 100%);border:2px solid #7ed95733;border-radius:20px;align-items:center;gap:1.5rem;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #2d501614,0 0 0 1px #7ed9571a}.insight-card:before{content:"";background:linear-gradient(180deg,var(--food-mint)0%,var(--food-herb)100%);width:6px;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:scaleY(0)}.insight-card:hover:before{transform:scaleY(1)}.insight-card:hover{box-shadow:0 12px 40px #7ed95733,0 0 0 2px var(--food-mint);border-color:var(--food-mint);background:linear-gradient(135deg,#fff 0%,#f0f7ed 100%);transform:translateY(-8px)scale(1.02)}.insight-icon{background:linear-gradient(135deg,#7ed95726 0%,#52b78833 100%);border:2px solid #7ed95733;border-radius:16px;flex-shrink:0;padding:1.25rem;font-size:3rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.insight-card:hover .insight-icon{background:linear-gradient(135deg,var(--food-mint)0%,var(--food-herb)100%);border-color:var(--food-mint);transform:scale(1.15)rotate(8deg);box-shadow:0 8px 20px #7ed9574d}.insight-content{flex:1}.insight-value{color:var(--food-green);letter-spacing:-.5px;background:linear-gradient(135deg,var(--food-green)0%,var(--food-herb)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:900;line-height:1}.insight-label{color:var(--food-green);opacity:.85;font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:700}.insight-context{color:#212529;opacity:1;font-size:.8rem;font-weight:700}.recent-scans-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.search-box{background:#fff;border:2px solid #0363;border-radius:8px;align-items:center;min-width:250px;padding:.5rem 1rem;transition:all .3s;display:flex}.search-box:focus-within{border-color:var(--snhu-yellow);box-shadow:0 0 0 3px #ffc72c1a}.search-input{color:var(--snhu-navy);background:0 0;border:none;outline:none;flex:1;font-size:.95rem;font-weight:500}.search-input::placeholder{color:#495057;opacity:1;font-weight:600}.search-clear{color:#6c757d;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;font-size:1.5rem;line-height:1;transition:all .2s;display:flex}.search-clear:hover{color:var(--snhu-navy);background:#0033661a;transform:scale(1.1)}.empty-state{text-align:center;padding:4rem 1rem}.empty-state-icon{color:var(--snhu-navy);opacity:.6;margin-bottom:1.5rem}.empty-state-title{color:var(--snhu-navy);margin-bottom:.75rem;font-size:1.75rem;font-weight:700}.empty-state-message{color:#212529;opacity:1;margin-bottom:2rem;font-size:1.1rem;font-weight:700}.btn-empty-state{background:linear-gradient(135deg,var(--snhu-yellow)0%,var(--snhu-gold)100%);color:var(--snhu-navy);text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #ffc72c66}.btn-empty-state:hover{background:linear-gradient(135deg,var(--snhu-yellow-dark)0%,var(--snhu-yellow)100%);transform:translateY(-2px);box-shadow:0 6px 20px #ffc72c80}.stats-loading,.recent-scans-loading{text-align:center;color:#000;padding:3rem 2rem;font-size:1.1rem;font-weight:700}.stats-error{text-align:center;color:var(--danger-color);border:2px solid var(--danger-color);background:#dc35451a;border-radius:12px;padding:2rem}.stats-error p{color:#000;margin-bottom:1rem;font-size:1.1rem;font-weight:700}.stats-error button{background:linear-gradient(135deg,var(--snhu-yellow)0%,var(--snhu-gold)100%);color:var(--snhu-navy);cursor:pointer;border:none;border-radius:8px;margin-top:1rem;padding:.75rem 1.5rem;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #ffc72c4d}.stats-error button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffc72c66}@media screen and (width<=1200px){.dashboard-page{max-width:100%;padding:2rem 2.5rem}.dashboard-header,.stats-section,.recent-scans,.insights-section{padding:2.5rem}}@media screen and (width<=768px){.dashboard-page{padding:1.5rem}.dashboard-header{flex-direction:column;align-items:stretch;gap:1.5rem;padding:2rem 1.5rem}.dashboard-header-content h1{font-size:2rem}.btn-primary{justify-content:center;width:100%}.stats-section,.recent-scans,.insights-section{border-radius:16px;padding:1.5rem}.stats-dashboard{grid-template-columns:1fr;gap:1.5rem}.stat-card{padding:2rem}.insights-grid{grid-template-columns:1fr;gap:1.5rem}.floating-scan-btn{width:4.5rem;height:4.5rem;bottom:1.5rem;right:1.5rem}.keyboard-hint{padding:.75rem 1rem;font-size:.85rem;bottom:1.5rem;left:1.5rem}.dashboard-actions-container{top:70px;right:1rem}.navigation nav{flex-wrap:wrap;gap:1rem}.nav-brand{font-size:1rem}.nav-brand span{font-size:.9rem}.nav-links{flex-wrap:wrap;gap:.75rem}.nav-links a{padding:.4rem .75rem;font-size:.9rem}.logout-button{margin-left:0;padding:.4rem 1rem;font-size:.85rem}}@media screen and (width<=480px){.navigation{padding:.5rem}.nav-brand{font-size:.9rem}.nav-links{gap:.5rem}.nav-links a{padding:.35rem .5rem;font-size:.85rem}.logout-button{padding:.35rem .75rem;font-size:.8rem}}@media (width>=37.5rem){h1{font-size:2rem}.scan-instructions p{max-width:none}video-capture{max-width:var(--container-max-width)}.global-actions button{color:#fff;font-size:.9rem}.global-actions button span{display:inline}}@media (height>=43.75rem){header{margin:3rem 0}}@media screen and (width<=768px){.scanner-page{padding:1rem}.scanner-header{padding:1.5rem}.scanner-header-content{text-align:center;flex-direction:column}.scanner-title h1{font-size:2rem}.scanner-title p{font-size:1rem}.scanner-container{padding:1rem}video-capture{min-height:450px;max-height:70vh}video-capture [slot=actions]{flex-wrap:wrap;gap:.5rem;padding:.75rem}.camera-select{min-width:120px;font-size:.875rem}.refresh-camera-btn{padding:.5rem .875rem!important;font-size:.75rem!important}.scan-instructions{padding:1rem;font-size:1rem}.scan-instructions p{font-size:1.1rem}}@media screen and (width<=20rem){a-tab span{font-size:.9rem}a-tab svg{display:none}}
/*# sourceMappingURL=barcode-scanner-CS465.723f1c9d.css.map */