:root{--bg:#f6f7f8;--card:#fff;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--green:#16a34a;--yellow:#d97706;--red:#dc2626}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{max-width:1180px;margin:0 auto;padding:16px 16px 88px}.topbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.brand{font-weight:800}.muted{color:var(--muted)}.grid{gap:12px;display:grid}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}.metric{margin-top:6px;font-size:28px;font-weight:800}.small{font-size:13px}.status{font-weight:700}.green{color:var(--green)}.yellow{color:var(--yellow)}.red{color:var(--red)}.btn{color:#fff;background:#111827;border:0;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:0 14px;font-weight:700;display:inline-flex}.btn.secondary{color:#111827;border:1px solid var(--line);background:#fff}.actions{flex-wrap:wrap;gap:8px;display:flex}.input,.select,.textarea{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:12px;padding:12px}.textarea{min-height:100px}.label{margin:12px 0 6px;font-size:13px;font-weight:700;display:block}.list{gap:8px;display:grid}.row{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.row:last-child{border-bottom:0}.bottomnav{border-top:1px solid var(--line);z-index:20;background:#fff;grid-template-columns:repeat(5,1fr);padding:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottomnav a{text-align:center;padding:8px 2px;font-size:12px}@media (min-width:760px){.shell{padding:24px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.two{grid-template-columns:1.2fr .8fr}.bottomnav{border:1px solid var(--line);border-radius:14px 14px 0 0;max-width:1180px;margin:0 auto;position:static}}