:root{--color-primary:#faca3e;--color-primary-dark:#c89010;--color-accent:#4a7c59;--color-accent-dark:#3d6b4a;--color-accent-light:#6a9e78;--color-bg:#fafaf5;--color-surface:#fdf3dc;--color-text:#1e1e1e;--color-text-muted:#6b6560;--color-border:#0000000f;--color-white:#fff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-full:9999px;--shadow-card:0 2px 12px #0000000d;--shadow-modal:0 20px 60px #00000026}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;height:100%}body{background-color:var(--color-bg);height:100%;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,sans-serif;font-size:15px;font-weight:400;line-height:1.5}#root{flex-direction:column;height:100%;display:flex}input,select,textarea{font-size:16px}.text-xl{font-family:Zilla Slab,serif;font-size:28px;font-weight:700}.text-lg{font-family:Zilla Slab,serif;font-size:22px;font-weight:700}.text-md{font-family:Zilla Slab,serif;font-size:17px;font-weight:600}.text-base{font-family:DM Sans,sans-serif;font-size:15px;font-weight:400}.text-sm{font-family:DM Sans,sans-serif;font-size:13px;font-weight:400}.text-xs{letter-spacing:.08em;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500}.text-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);font-family:DM Sans,sans-serif;font-size:11px;font-weight:500}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);cursor:pointer;border:none;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;transition:opacity .15s;display:inline-flex}.btn:active{opacity:.85}.btn-primary{background:var(--color-primary);color:var(--color-text)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{border:1.5px solid var(--color-accent);color:var(--color-accent);background:0 0}.btn-destructive{color:#fff;background:#c0392b}.input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);outline:none;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:16px;transition:border-color .15s}.input:focus{border-color:var(--color-accent)}.card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:14px 16px}.badge{border-radius:var(--radius-full);letter-spacing:.06em;color:#fff;align-items:center;padding:3px 10px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;display:inline-flex}.badge-plenty{background:var(--color-accent)}.badge-warning{background:var(--color-primary);color:var(--color-text)}.badge-critical{background:#e07b39}.badge-expired{background:#c0392b}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scanLine{0%{opacity:1;top:10%}90%{opacity:1;top:90%}to{opacity:0;top:90%}}.scan-line{background:linear-gradient(to right, transparent, var(--color-primary), transparent);border-radius:1px;height:2px;animation:2s ease-in-out infinite scanLine;position:absolute;left:4px;right:4px}