: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";--snhu-navy:#036;--snhu-navy-dark:#001f3d;--snhu-navy-light:#004d99;--snhu-yellow:#ffc72c;--snhu-yellow-dark:#e6b020;--snhu-yellow-light:#ffd966;--snhu-gold:#ffb81c;--accent-h:210deg;--accent-s:100%;--accent-l:20%;--accent:var(--snhu-navy);--accent-secondary:var(--snhu-yellow);--background-body:#fff;--background-alt:#f8f9fa;--background:#f0f2f5;--background-input:#fff;--text-main:#000;--text-muted:#212529;--links:var(--snhu-navy);--focus:var(--snhu-yellow);--border:#dee2e6;--info-color:#0d6efd;--success-color:#198754;--neutral-color:#6c757d;--warning-color:var(--snhu-yellow);--danger-color:#dc3545;--dialog-background:#fff;--scan-frame-color:#ffc72ce6;--gradient-primary:linear-gradient(135deg,var(--snhu-navy)0%,var(--snhu-navy-light)100%);--gradient-accent:linear-gradient(135deg,var(--snhu-yellow)0%,var(--snhu-gold)100%);--gradient-hero:linear-gradient(135deg,var(--snhu-navy)0%,var(--snhu-navy-dark)50%,var(--snhu-navy)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{--accent-h:206;--accent-s:100%;--accent-l:73%;--background-body:#212529;--background-alt:#343a40;--background:var(--background-alt);--background-input:var(--background);--text-main:#dbdbdb;--text-muted:#a9b1ba;--links:var(--accent);--focus:var(--accent);--border:#495057;--info-color:#27bbfc;--success-color:#3ae075;--neutral-color:#8e8e9a;--warning-color:#ffbd11;--danger-color:#fe5c5c;--dialog-background:var(--background-alt);--dropzone-background:#1a1c1e;--dropzone-background-dragover:#161718;--dropzone-background-hover:#161718;--camera-actions-background:var(--background);--alert-background:var(--background-alt);--select-arrow:var(--select-arrow-dark)}}*,: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;-webkit-backdrop-filter:blur(6px);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);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;transform:translate(-50%,-50%)scale(.9)}50%{opacity:.8;transform:translate(-50%,-50%)scale(.95)}}.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,#f8f9fa 0%,#fff 100%);max-width:1400px;min-height:calc(100vh - 80px);margin:0 auto;padding:2rem}main .scanner-page{background:linear-gradient(135deg,#f8f9fa 0%,#fff 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:#fff;border:1px solid #0033661a;border-radius:16px;min-height:500px;padding:2rem;box-shadow:0 4px 20px #00000014}video-capture{border:3px solid var(--snhu-yellow);background-color:#000;border-radius:12px;justify-content:center;min-height:400px;max-height:70vh;margin:0 auto 1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #0000004d}video-capture::part(video){background-color:#000;width: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]{-webkit-backdrop-filter:blur(10px);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{border:2px solid var(--snhu-navy);min-width:150px;color:var(--snhu-navy);text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;cursor:pointer;background-color:#fff;border-radius:8px;flex:1;padding:.625rem 1rem;font-weight:600;transition:all .3s}.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);-webkit-backdrop-filter:blur(10px);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{overscroll-behavior:contain;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:2px solid #0033661a;border-radius:12px;max-height:20.125rem;margin-block-start:1.5rem;overflow-x:hidden;box-shadow:0 2px 8px #0000000d}@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-top:1px solid var(--border);background:var(--background-body);padding:.75rem}.item-info__title{margin:0 0 .25rem;font-size:1rem;font-weight:600}.item-info__description{color:var(--text-muted);margin:0 0 .25rem}.item-info__brand{color:var(--text-main);margin:0;font-size:.9rem}.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)}.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,#f8f9fa 0%,#fff 100%);max-width:1400px;min-height:calc(100vh - 80px);margin:0 auto;padding:2rem;position:relative}main .dashboard-page{background:linear-gradient(135deg,#f8f9fa 0%,#fff 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}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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.1)rotate(5deg);box-shadow:0 8px 30px #ffc72c99}.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;background:#003366e6;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;display:flex;position:fixed;bottom:2rem;left:2rem;box-shadow:0 4px 15px #0003}.keyboard-hint kbd{background:var(--snhu-yellow);color:var(--snhu-navy);border-radius:4px;padding:.25rem .5rem;font-size:.875rem;font-weight:700;box-shadow:0 2px 4px #0003}.dashboard-header{background:linear-gradient(135deg,var(--snhu-navy)0%,var(--snhu-navy-dark)100%);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex;box-shadow:0 4px 20px #0363}.dashboard-header-content h1{color:#fff;text-shadow:0 2px 4px #0003;margin:0 0 .5rem;font-size:2.5rem;font-weight:800}.dashboard-header-content p{color:#fff;text-shadow:0 1px 3px #0000004d;margin:0;font-size:1.1rem;font-weight:600}.btn-primary{background:linear-gradient(135deg,var(--snhu-yellow)0%,var(--snhu-gold)100%);color:var(--snhu-navy);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #ffc72c66}.btn-primary:hover{background:linear-gradient(135deg,var(--snhu-yellow-dark)0%,var(--snhu-yellow)100%);transform:translateY(-2px);box-shadow:0 6px 20px #ffc72c80}.btn-primary:active{transform:translateY(0)}.stats-section{background:#fff;border:1px solid #0033661a;border-radius:16px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 20px #00000014}.stats-dashboard-header{border-bottom:2px solid var(--snhu-yellow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.stats-dashboard-header h2{color:var(--snhu-navy);margin:0;font-size:1.75rem;font-weight:700}.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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotated{transform:rotate(180deg)}.stats-dashboard{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.stats-dashboard.collapsed{display:none}.stat-card{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:2px solid #0033661a;border-radius:12px;align-items:center;gap:1.25rem;padding:1.75rem;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.stat-card:before{content:"";background:linear-gradient(180deg,var(--snhu-yellow)0%,var(--snhu-gold)100%);width:4px;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleY(0)}.stat-card:hover:before{transform:scaleY(1)}.stat-card:hover{border-color:var(--snhu-yellow);transform:translateY(-4px);box-shadow:0 8px 24px #00336626}.stat-icon{color:var(--snhu-navy);background:linear-gradient(135deg,#ffc72c1a 0%,#ffc72c33 100%);border-radius:10px;flex-shrink:0;padding:.75rem;transition:all .3s}.stat-card:hover .stat-icon{background:linear-gradient(135deg,var(--snhu-yellow)0%,var(--snhu-gold)100%);color:var(--snhu-navy);transform:scale(1.1)}.stat-content{flex:1}.stat-value{color:var(--snhu-navy);margin-bottom:.5rem;font-size:2.5rem;font-weight:800;line-height:1}.stat-label{color:var(--snhu-navy);margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.stat-context{color:#212529;opacity:1;font-size:.875rem;font-weight:700}.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:1px solid #0033661a;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014}.recent-scans-header{border-bottom:2px solid var(--snhu-yellow);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.recent-scans-header h2{color:var(--snhu-navy);margin:0;font-size:1.75rem;font-weight:700}.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:1rem;display:flex}.recent-scan-item{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:2px solid #0033661a;border-radius:12px;align-items:center;gap:1.25rem;padding:1.25rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.recent-scan-item:before{content:"";background:linear-gradient(180deg,var(--snhu-yellow)0%,var(--snhu-gold)100%);width:4px;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleY(0)}.recent-scan-item:hover:before{transform:scaleY(1)}.recent-scan-item:hover{border-color:var(--snhu-yellow);transform:translate(8px);box-shadow:0 6px 20px #00336626}.recent-scan-icon{color:var(--snhu-navy);background:linear-gradient(135deg,#ffc72c1a 0%,#ffc72c33 100%);border-radius:10px;flex-shrink:0;padding:.75rem;transition:all .3s}.recent-scan-item:hover .recent-scan-icon{background:linear-gradient(135deg,var(--snhu-yellow)0%,var(--snhu-gold)100%);transform:scale(1.1)rotate(5deg)}.recent-scan-content{flex:1}.recent-scan-title{color:var(--snhu-navy);margin-bottom:.5rem;font-size:1.1rem;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:1px solid #0033661a;border-radius:16px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 20px #00000014}.insights-section h2{color:var(--snhu-navy);border-bottom:2px solid var(--snhu-yellow);margin:0 0 1.5rem;padding-bottom:1rem;font-size:1.75rem;font-weight:700}.insights-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.insight-card{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:2px solid #0033661a;border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.insight-card:hover{border-color:var(--snhu-yellow);transform:translateY(-4px);box-shadow:0 8px 24px #00336626}.insight-icon{background:linear-gradient(135deg,#ffc72c1a 0%,#ffc72c33 100%);border-radius:12px;flex-shrink:0;padding:1rem;font-size:2.5rem;transition:all .3s}.insight-card:hover .insight-icon{background:linear-gradient(135deg,var(--snhu-yellow)0%,var(--snhu-gold)100%);transform:scale(1.1)rotate(5deg)}.insight-content{flex:1}.insight-value{color:var(--snhu-navy);margin-bottom:.5rem;font-size:1.75rem;font-weight:800;line-height:1}.insight-label{color:#212529;opacity:1;font-size:.9rem;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 (max-width:768px){.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 (max-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 (min-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 (min-height:43.75rem){header{margin:3rem 0}}@media screen and (max-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:300px;max-height:50vh}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 (max-width:20rem){a-tab span{font-size:.9rem}a-tab svg{display:none}}
/*# sourceMappingURL=path0.ea33e908.css.map */