:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f7f7fb;--surface:#fff;--text:#1c1c22;--muted:#6b6b76;--border:#e2e2ea;--primary:#3f5efb;--primary-contrast:#fff;--danger:#c0392b;--success:#1e8e3e;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14141a;--surface:#1e1e26;--text:#f0f0f4;--muted:#a0a0ad;--border:#34343e}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}#app{min-height:100vh}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.app-brand{font-size:1.1rem;font-weight:700}.app-nav{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.nav-link{color:var(--text);border-radius:999px;padding:.4rem .75rem;font-size:.9rem;text-decoration:none}.nav-link.active{background:var(--primary);color:var(--primary-contrast)}.app-main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:1rem}.page-content{margin-top:1rem}.muted{color:var(--muted);font-size:.9rem}.button,.button-secondary,.button-link{cursor:pointer;border:none;border-radius:8px;padding:.5rem .9rem;font-size:.9rem}.button{background:var(--primary);color:var(--primary-contrast)}.button-secondary{background:var(--surface);border:1px solid var(--border);color:var(--text)}.button-link{color:var(--muted);background:0 0;text-decoration:underline}input[type=text]{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:.5rem .6rem;font-size:.9rem}.inline-form{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.item-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.item-row{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem;display:flex}.item-purchased .item-title{color:var(--muted);text-decoration:line-through}.item-main{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.item-actions{flex-wrap:wrap;gap:.4rem;display:flex}.status-badge{background:var(--border);border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.status-pending{color:#856404;background:#fff3cd}.status-done,.status-sent{color:var(--success);background:#d4edda}.status-cancelled,.status-failed{color:var(--danger);background:#f8d7da}.status-claimed{color:#0c5460;background:#d1ecf1}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-top:1rem;display:grid}.summary-card{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;flex-direction:column;gap:.25rem;padding:1rem;text-decoration:none;display:flex}.summary-count{font-size:1.8rem;font-weight:700}.summary-label{color:var(--muted);font-size:.85rem}.empty-state,.loading-message{color:var(--muted)}.error-message{color:var(--danger)}.form-status{min-height:1.2rem;color:var(--danger);font-size:.9rem}.login-page{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:12px;max-width:480px;margin:3rem auto;padding:1.5rem}.demo-accounts{flex-direction:column;gap:.5rem;margin:1rem 0;display:flex}.manual-login{gap:.5rem;margin-top:1rem;display:flex}.manual-login input{flex:1}@media (width>=640px){.app-header{flex-direction:row;justify-content:space-between;align-items:center}}