:root{--bg:#f7f3ee;--surface:#fff;--surface-2:#fdfbfa;--border:#3d35301f;--border-mid:#3d353033;--border-dark:#3d353059;--text-1:#3d3530;--text-2:#6a5c55;--text-3:#9e8c82;--accent:#d85a30;--accent-light:#f2987a33;--accent-hover:#c44c24;--green:#2d7a4d;--green-light:#e8f2ec;--green-mid:#a3cbb3;--red:#c64545;--red-light:#fdecec;--red-mid:#e5a8a8;--amber:#c26a00;--amber-light:#fef3d9;--amber-mid:#f0c482;--fresh-color:var(--green);--recent-color:#059669;--aging-color:var(--amber);--old-color:var(--red);--reddit:#e03d00;--reddit-light:#fcece8;--reddit-mid:#f2b8a7;--t:.15s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text-1);flex-direction:column;min-height:100dvh;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5;display:flex}input,textarea,select,button{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:99px}main{flex:1;padding:40px 24px 80px}.content-wrap{max-width:680px;margin:0 auto}.page-head{margin-bottom:32px}.page-head h1{letter-spacing:-.035em;color:var(--text-1);margin-bottom:6px;font-size:1.75rem;font-weight:700;line-height:1.2}.page-head p{color:var(--text-2);font-size:.9rem;line-height:1.6}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:16px;font-size:.7rem;font-weight:600}.btn{cursor:pointer;letter-spacing:-.005em;transition:background var(--t), color var(--t), opacity var(--t);white-space:nowrap;border:none;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:10px 20px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:inset 0 1px #ffffff26,0 1px 2px #0000001a}.btn-primary:hover{background:var(--accent-hover);box-shadow:inset 0 1px #fff3,0 2px 4px #00000026}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{color:var(--text-2);border:1px solid var(--border-mid);background:0 0}.btn-ghost:hover{background:var(--surface-2);color:var(--text-1)}.btn-full{width:100%}.badge{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:99px;flex-shrink:0;align-items:center;gap:6px;margin-top:2px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.badge-green{background:var(--green-light);color:var(--green);border:1px solid var(--green-mid)}.badge-red{background:var(--red-light);color:var(--red);border:1px solid var(--red-mid)}.badge-amber{background:var(--amber-light);color:var(--amber);border:1px solid var(--amber-mid)}.empty-state{text-align:center;padding:64px 0 40px}.empty-title{color:var(--text-2);letter-spacing:-.01em;margin-bottom:6px;font-size:1rem;font-weight:600}.empty-desc{color:var(--text-3);max-width:320px;margin:0 auto 20px;font-size:.875rem;line-height:1.6}.empty-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.fade-in{animation:.25s both fadeUp}.fade-in-2{animation:.25s 60ms both fadeUp}