:root{--bg-color:#0f172a;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--primary:#3b82f6;--primary-hover:#2563eb;--text-main:#f8fafc;--text-muted:#94a3b8;--success:#10b981;--danger:#ef4444}body{background-color:var(--bg-color);background-image:radial-gradient(circle at 50% 0%, #1e293b 0%, var(--bg-color) 70%);color:var(--text-main);min-height:100vh;margin:0;padding:0;font-family:Inter,system-ui,sans-serif}.app-container{max-width:1000px;margin:0 auto;padding:2rem}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0003}.header{justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;display:flex}.header h1{margin:0;font-size:1.5rem;font-weight:700}.header h1 span{color:var(--primary);font-weight:400}.savings-badge{border:1px solid var(--success);color:var(--success);background:#10b9811a;border-radius:99px;padding:.5rem 1rem;font-size:.9rem}.savings-badge strong{font-size:1.1rem}.upload-section{text-align:center;margin-bottom:2rem}.upload-box{border:2px dashed var(--glass-border);background:#0003;border-radius:12px;margin:2rem 0;padding:3rem}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:1rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .2s}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.invoice-preview{border:1px solid var(--glass-border);border-radius:8px;max-width:100%;max-height:300px;margin-top:1rem}.result-section.passed{border-top:4px solid var(--success)}.result-section.failed{border-top:4px solid var(--danger)}.status-banner{text-align:center;margin-bottom:2rem;font-size:1.5rem;font-weight:700}.passed .status-banner{color:var(--success)}.failed .status-banner{color:var(--danger)}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;display:grid}.metric{text-align:center;background:#0003;border-radius:8px;flex-direction:column;padding:1.5rem;display:flex}.metric span{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem}.metric strong{font-size:1.5rem}.shortage-alert{border:1px solid var(--danger);color:#fca5a5;text-align:center;background:#ef44441a;border-radius:8px;margin-bottom:2rem;padding:1rem;font-size:1.1rem}.error-alert{border:1px solid var(--danger);text-align:center;background:#ef44441a;border-radius:8px;padding:2rem}.evidence-panel{background:#0000004d;border-radius:8px;padding:1.5rem}.notes{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem;font-style:italic}.camera-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.cam-feed{flex-direction:column;display:flex}.cam-feed .label{color:var(--text-muted);margin-bottom:.5rem;font-size:.8rem}.cam-feed img{object-fit:cover;border:1px solid var(--glass-border);border-radius:4px;width:100%;height:150px}.mock-feed{border:1px solid var(--glass-border);background-color:#1e293b;border-radius:4px;width:100%;height:150px;position:relative;overflow:hidden}.mock-feed:after{content:"REC";color:red;font-size:10px;font-weight:700;position:absolute;top:8px;right:8px}.login-container{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-panel{text-align:center;width:100%;max-width:400px}.login-subtext{color:var(--text-muted);margin-bottom:2rem}.form-group{text-align:left;margin-bottom:1.5rem}.form-group label{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem;display:block}.form-group input{border:1px solid var(--glass-border);width:100%;color:var(--text-main);box-sizing:border-box;background:#0003;border-radius:8px;padding:.75rem;font-family:inherit}.form-group input:focus{border-color:var(--primary);outline:none}.login-error{color:var(--danger);background:#ef44441a;border-radius:8px;margin-bottom:1rem;padding:.75rem;font-size:.9rem}.header-actions{align-items:center;gap:1rem;display:flex}.btn-logout{color:var(--text-muted);border:1px solid var(--glass-border);cursor:pointer;background:0 0;border-radius:6px;padding:.5rem 1rem;transition:all .2s}.btn-logout:hover{color:var(--text-main);background:#ffffff1a}.header-tabs{gap:1rem;display:flex}.header-tabs button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:600;transition:all .2s}.header-tabs button:hover,.header-tabs button.active{color:var(--text-primary);background:#ffffff1a}.store-form{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem;margin-bottom:2rem;display:grid}.store-list table{border-collapse:collapse;width:100%;margin-top:1rem}.store-list th,.store-list td{text-align:left;border-bottom:1px solid #ffffff1a;padding:1rem}.store-list th{color:var(--text-secondary);font-weight:500}