:root{font-family:Inter,system-ui,sans-serif;color:#0f172a;background:#f8fafc}*{box-sizing:border-box}body{margin:0;padding-bottom:76px}header{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid #e2e8f0;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}header b{display:block;font-size:18px}header small,.muted{color:#64748b}main{max-width:980px;margin:auto;padding:20px 14px}.view{display:none}.view.active{display:block}h1{font-size:30px;margin:5px 0}h2{font-size:18px;margin-top:24px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stats article,.card,.item{background:white;border-radius:18px;padding:16px;box-shadow:0 2px 12px #0f172a0d}.stats span{display:block;font-size:30px;font-weight:900}.stats small{color:#64748b}.actions{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}button,.button{border:0;border-radius:13px;background:#0f766e;color:#fff;padding:13px 16px;font-weight:750;font-size:14px;cursor:pointer;text-align:center}.outline{background:white;color:#0f172a;border:1px solid #cbd5e1}.green{background:#059669}.red{background:#dc2626}.blue{background:#2563eb}.purple{background:#7c3aed}input,select,textarea{width:100%;padding:13px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;font-size:16px;margin-top:6px}label{display:block;font-weight:700;margin:12px 0}.list{display:grid;gap:9px;margin-top:14px}.item{display:flex;justify-content:space-between;gap:10px;align-items:center}.item b{display:block}.badge{font-size:11px;font-weight:900;border-radius:99px;padding:5px 8px}.GOOD{background:#dcfce7;color:#166534}.LOW{background:#fef3c7;color:#92400e}.ORDER{background:#ffedd5;color:#9a3412}.OUT{background:#fee2e2;color:#991b1b}.row{display:flex;justify-content:space-between;align-items:center}nav{position:fixed;bottom:0;left:0;right:0;z-index:6;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #e2e8f0;padding:7px 5px calc(7px + env(safe-area-inset-bottom))}nav button{background:transparent;color:#64748b;padding:9px 2px;font-size:11px}nav button.active{background:#ccfbf1;color:#115e59}dialog{width:min(92vw,520px);border:0;border-radius:22px;padding:20px;box-shadow:0 20px 60px #02061755}dialog::backdrop{background:#02061799}.dialogHead{display:flex;justify-content:space-between;align-items:center}.dialogHead h2{margin:0}.icon{background:transparent;color:#334155;font-size:28px;padding:0 8px}#reader{overflow:hidden;border-radius:16px;background:#020617;min-height:240px}.error{color:#b91c1c}.button{display:inline-block}@media(min-width:700px){.stats{grid-template-columns:repeat(4,1fr)}.actions{grid-template-columns:repeat(4,1fr)}.list{grid-template-columns:repeat(2,1fr)}}

[hidden]{display:none!important}small{display:block}.settings,.usage{margin-top:10px;padding:8px 10px}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}textarea{min-height:80px}.item>div{min-width:0;overflow-wrap:anywhere}