:root{--green:#16a34a;--green-dark:#15803d;--bg:#f6f7f6;--card:#fff;--text:#1a1d1a;--muted:#6b7280;--border:#e5e7eb;--danger:#dc2626;--radius:14px;--shadow:0 1px 3px #00000014}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{background:var(--bg);flex-direction:column;max-width:560px;min-height:100dvh;margin:0 auto;display:flex}.app__header{padding:calc(env(safe-area-inset-top) + 14px) 18px 12px;align-items:center;gap:8px;display:flex}.app__title{margin:0;font-size:1.3rem;font-weight:700}.app__logo{font-size:1.4rem}.app__main{flex:1;padding:8px 18px 24px}.nav{background:var(--card);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:sticky;bottom:0}.nav a{text-align:center;color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:3px;padding:12px 0 14px;font-size:.75rem;font-weight:600;text-decoration:none;display:flex}.nav a[aria-current=page]{color:var(--green)}.nav .nav__icon{width:24px;height:24px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:16px}button{cursor:pointer;font-family:inherit}.btn{border-radius:var(--radius);border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 18px;font-size:1rem;font-weight:600;display:inline-flex}.btn--primary{background:var(--green);color:#fff}.btn--primary:active{background:var(--green-dark)}.btn--ghost{color:var(--muted);border:1px solid var(--border);background:0 0}.btn--danger{color:var(--danger);border:1px solid var(--border);background:0 0}.btn:disabled{opacity:.5}.add-btn{background:var(--green);color:#fff;box-shadow:var(--shadow);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:8px 16px;font-size:.95rem;font-weight:600;display:inline-flex}.add-btn:active{background:var(--green-dark)}.add-btn:disabled{opacity:.5}.field{margin-bottom:12px}.field label{color:var(--muted);margin-bottom:5px;font-size:.78rem;font-weight:600;display:block}.field input,.field select{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:10px;padding:11px 12px;font-size:1rem}.field input:focus,.field select:focus{outline:2px solid var(--green);border-color:var(--green)}.row{gap:10px;display:flex}.row>*{flex:1}.muted{color:var(--muted);font-size:.85rem}.spinner{border:4px solid var(--border);border-top-color:var(--green);border-radius:50%;width:38px;height:38px;margin:24px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.badge{color:var(--green-dark);background:#ecfdf5;border-radius:999px;padding:3px 8px;font-size:.7rem;font-weight:600;display:inline-block}.badge--low{color:var(--danger);background:#fef2f2}.badge--medium{color:#b45309;background:#fffbeb}