:root{--navy: #0b3c5d;--teal: #1d8a99;--teal-dark: #146b78;--bg: #f2f7fa;--card: #ffffff;--text: #14232e;--muted: #5d7280;--line: #d9e4ea;--warn: #b45309;--warn-bg: #fff4e0;--err: #b42318;--err-bg: #fdecea;--ok: #067647;--ok-bg: #e6f6ee;--radius: 14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}h1,h2{margin:0}h2{font-size:1.05rem;margin:18px 0 8px;color:var(--navy)}button{font:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.app{min-height:100dvh;display:flex;flex-direction:column}.top{background:var(--navy);color:#fff;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px}.brand h1{font-size:1.25rem;line-height:1.15;letter-spacing:.2px}.brand .sub{font-size:.78rem;opacity:.8}.whale{font-size:1.9rem}.whale.big{font-size:3rem}.top-right{display:flex;align-items:center;gap:8px}.conn{font-size:.75rem;padding:3px 8px;border-radius:999px;background:#ffffff24}.conn.online{color:#7be3b0}.conn.conectando{color:#ffd479}.conn.offline{color:#ff9c92}.content{flex:1;padding:12px 14px calc(96px + env(safe-area-inset-bottom));max-width:720px;width:100%;margin:0 auto}.tabs{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom);z-index:6}.tab{background:none;border:0;min-height:60px;font-size:.72rem;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.tab .ico{font-size:1.3rem}.tab.active{color:var(--teal-dark);font-weight:700}.input{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit;margin:6px 0;color:var(--text)}textarea.input{min-height:64px;resize:vertical}.big-input{font-size:1.6rem;text-align:center;min-height:60px}label{display:block;font-size:.85rem;color:var(--muted);margin-top:8px}label .input{margin-top:4px}.check{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text);min-height:40px}.check input{width:20px;height:20px}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end}.filters{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}.filters select{flex:1 1 100%}.btn{min-height:48px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--navy);font-weight:600}.btn.primary{background:var(--teal);border-color:var(--teal);color:#fff}.btn.primary:active{background:var(--teal-dark)}.btn.block{display:block;width:100%;margin:12px 0}.btn.small{min-height:36px;padding:0 12px;font-size:.85rem}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost.light{color:#fff;min-height:36px;padding:0 8px;font-size:.85rem}.warnbtn{background:var(--warn-bg);color:var(--warn)}.actions{display:flex;gap:8px;margin:8px 0}.actions .btn{flex:1}.seg{display:flex;background:#e4edf2;border-radius:12px;padding:4px;gap:4px;margin:4px 0 12px}.seg.wrap{flex-wrap:wrap}.seg button{flex:1 1 auto;min-height:44px;border:0;border-radius:9px;background:transparent;color:var(--navy);font-weight:600;padding:0 10px}.seg button.on{background:#fff;box-shadow:0 1px 3px #0000001f;color:var(--teal-dark)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:4px}.stat span{font-size:.78rem;color:var(--muted)}.stat strong{font-size:1.5rem;color:var(--navy)}.stat.warn{background:var(--warn-bg);border-color:#f3d19a}.stat.warn strong{color:var(--warn)}.list{list-style:none;margin:8px 0;padding:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.list>li+li{border-top:1px solid var(--line)}.row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;background:none;border:0;text-align:left;color:inherit;min-height:52px}.row.col{flex-direction:column;align-items:stretch;gap:4px}.row.static{cursor:default}.between{display:flex;justify-content:space-between;align-items:center;gap:8px}.pad{padding:12px}.muted{color:var(--muted)}.small-text{font-size:.8rem}.pos{color:var(--ok);font-weight:700}.neg{color:var(--err);font-weight:700}.badge{font-size:.8rem;background:#e4edf2;color:var(--navy);border-radius:999px;padding:3px 10px;white-space:nowrap}.badge.warn{background:var(--warn-bg);color:var(--warn)}.picked{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#e9f5f7;border:1px solid #bfe0e5;border-radius:12px;padding:10px 12px;margin:6px 0}.alert{border-radius:12px;padding:10px 12px;margin:8px 0;display:flex;flex-direction:column;gap:8px;font-size:.92rem}.alert.err{background:var(--err-bg);color:var(--err)}.alert.ok{background:var(--ok-bg);color:var(--ok)}.state{display:flex;align-items:center;gap:10px;padding:24px 12px;color:var(--muted);justify-content:center}.spinner{width:18px;height:18px;border:3px solid var(--line);border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08182480;z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet{background:#fff;width:100%;max-width:720px;max-height:92dvh;overflow-y:auto;border-radius:20px 20px 0 0;padding:14px 14px calc(18px + env(safe-area-inset-bottom))}.sheet-head{display:flex;align-items:center;justify-content:space-between}.sheet-head h2{margin:0}.table-wrap{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}table{border-collapse:collapse;width:100%;font-size:.85rem;min-width:520px}th,td{padding:8px 10px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}th:first-child,td:first-child{text-align:left;white-space:normal}th{background:#eef4f7;color:var(--navy);font-size:.75rem}tr.grp td{background:#f6fafb;font-weight:700;color:var(--teal-dark);text-align:left}.center-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:10px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;width:100%;max-width:420px}.login-brand{text-align:center;margin-bottom:12px}.login-brand h1{font-size:1.5rem;color:var(--navy);line-height:1.2}.card .btn.ghost{width:100%;margin-top:8px;color:var(--muted)}.credito{text-align:center;font-size:10px;color:var(--muted);opacity:.75;margin:28px 0 0}