/* Vendored v1 CSS (offline-first). Production build vendors Tailwind 4 + DaisyUI 5 with:
   @plugin "daisyui" { themes: light --default, dark --prefersdark, cupcake, emerald; }
   This file covers the classes used in index.html so the PWA works offline with no CDN. */
:root { --primary:#10b981; --success:#16a34a; --error:#dc2626; --base-100:#ffffff; --base-200:#f3f4f6; --base-content:#111827; }
[data-theme="dark"] { --primary:#34d399; --success:#4ade80; --error:#f87171; --base-100:#1f2937; --base-200:#111827; --base-content:#f9fafb; }
[data-theme="cupcake"] { --primary:#65c3c8; --success:#16a34a; --base-100:#fdf7f5; --base-200:#fae7f4; --base-content:#291334; }
[data-theme="emerald"] { --primary:#10b981; --success:#059669; --base-100:#ffffff; --base-200:#ecfdf5; --base-content:#065f46; }
* { box-sizing: border-box; }
body { margin:0; font-family: ui-sans-serif, system-ui, Inter, sans-serif; background:var(--base-200); color:var(--base-content); padding-bottom: env(safe-area-inset-bottom); min-width:320px; }
.navbar { display:flex; gap:12px; align-items:center; padding:12px 16px; background:var(--base-100); position:sticky; top:0; }
main { display:flex; flex-direction:column; gap:12px; padding:12px; max-width:720px; margin:0 auto; }
.card { background:var(--base-100); border-radius:12px; box-shadow:0 2px 8px rgba(0,0,0,.08); }
.card-body { padding:16px; display:flex; flex-direction:column; gap:12px; }
.card-actions { display:flex; gap:8px; flex-wrap:wrap; }
.stats { display:flex; flex-direction:column; background:var(--base-100); border-radius:12px; }
@media(min-width:640px){ .stats{ flex-direction:row; } }
.stat { flex:1; padding:16px; text-align:center; }
.text-2xl{font-size:1.5rem;} .text-5xl{font-size:3rem;} .text-6xl{font-size:3.75rem;}
.font-bold{font-weight:700;} .font-extrabold{font-weight:800;}
.text-primary{color:var(--primary);} .text-success{color:var(--success);}
.stat-value{font-size:3rem; font-weight:800;}
.stat-title{opacity:.7;} .stat-desc{opacity:.7;} .text-sm{font-size:.875rem;}
.badge{ display:inline-flex; align-items:center; padding:6px 12px; border-radius:999px; min-height:44px; }
.badge-success{ background:var(--success); color:#fff; } .badge-lg{font-size:1rem;} .badge-outline{border:1px solid currentColor;}
.btn{ min-height:44px; min-width:44px; padding:12px 20px; border-radius:10px; border:1px solid transparent; font-size:1rem; cursor:pointer; }
.btn-primary{ background:var(--primary); color:#fff; } .btn-lg{font-size:1.1rem;}
.btn-outline{ background:transparent; border-color:currentColor; } .btn-error{color:var(--error);} .btn-ghost{background:transparent;}
.radial-progress{ width:120px; height:120px; border-radius:50%; display:grid; place-items:center; background: conic-gradient(var(--primary) calc(var(--value)*1%), var(--base-200) 0); }
.grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:8px; }
input,select{ min-height:44px; padding:8px 12px; border-radius:8px; border:1px solid #d1d5db; font-size:1rem; background:#fff; color:#111; }
label{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.shadow{box-shadow:0 2px 8px rgba(0,0,0,.08);} .w-full{width:100%;}