:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#102235;background:#eef3f7;--nav:#17324d;--accent:#1d6fa5;--card:#fff;--muted:#64748b;--danger:#b42318;--ok:#067647}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#eef3f7}button,input,select,textarea{font:inherit}.shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;background:var(--nav);color:#fff;padding:calc(10px + env(safe-area-inset-top)) 16px 12px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:20px;font-weight:800}.content{max-width:1050px;margin:0 auto;padding:16px 16px calc(90px + env(safe-area-inset-bottom))}.card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 12px rgba(15,23,42,.07);margin-bottom:14px}.grid{display:grid;gap:12px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi strong{font-size:28px;display:block}.muted{color:var(--muted)}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.btn{border:0;border-radius:11px;padding:12px 14px;font-weight:750;background:#e8eef4;color:#17324d}.btn.primary{background:var(--accent);color:#fff}.btn.danger{background:#fee4e2;color:var(--danger)}.btn.full{width:100%}.field{display:grid;gap:6px;margin-bottom:12px}.field input,.field select,.field textarea{width:100%;border:1px solid #ccd6e0;border-radius:10px;padding:12px;background:#fff}.list{display:grid;gap:10px}.row{background:#fff;border:1px solid #dfe7ee;border-radius:13px;padding:13px;display:grid;gap:5px}.row-head{display:flex;justify-content:space-between;gap:10px}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;background:#eaf2f8;color:#1f5f87;font-size:12px;font-weight:800}.nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #dfe7ee;padding:8px 8px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);z-index:20}.nav button{border:0;background:transparent;padding:8px 4px;color:#536579;font-size:12px}.nav button.active{color:var(--accent);font-weight:800}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{max-width:430px;width:100%;background:#fff;border-radius:20px;padding:24px;box-shadow:0 8px 30px rgba(15,23,42,.12)}.login-card h1{margin-top:0}.scanner{background:#09131d;border-radius:16px;overflow:hidden;position:relative}.scanner video{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}.scan-frame{position:absolute;inset:20%;border:3px solid #fff;border-radius:18px;box-shadow:0 0 0 999px rgba(0,0,0,.3)}canvas{display:none}.error{background:#fff0ee;color:var(--danger);padding:12px;border-radius:10px}.success{background:#ecfdf3;color:var(--ok);padding:12px;border-radius:10px}@media(min-width:700px){.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.content{padding-bottom:30px}.nav{position:static;max-width:1050px;margin:0 auto;border:0;border-radius:0 0 14px 14px}.topbar{position:static}}