:root{--red: #C0392B;--red-dark: #7B241C;--red-light: #FADBD8;--amber: #D68910;--amber-light: #FDEBD0;--green: #1E8449;--green-light: #D5F5E3;--blue: #1A5276;--blue-light: #D6EAF8;--orange: #E67E22;--orange-light: #FEF0E5;--ink: #1A1A2E;--ink2: #2C3E50;--muted: #7F8C8D;--bdr: #E0E4EA;--bg: #F0F2F5;--card: #FFFFFF}body.tema-azul{--red: #1A73C4;--red-dark: #0F4C81;--red-light: #D6EAF8}[data-theme=dark]{--ink: #E0E0E0;--ink2: #B0B8C4;--muted: #666666;--bdr: #2A2A4A;--bg: #0F0F1E;--card: #16213E}*{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink)}#app{min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--red-dark);color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.topbar-title{font-size:15px;font-weight:700}.avatar{width:32px;height:32px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.view{flex:1;padding:14px 14px 84px;max-width:480px;width:100%;margin:0 auto}.item-card{background:var(--card);border:1.5px solid var(--bdr);border-left:4px solid var(--green);border-radius:12px;padding:12px;margin-bottom:10px}.item-card.st-pendente{border-left-color:var(--amber)}.item-card.st-encerrada{border-left-color:var(--red)}.item-card.st-manutencao{border-left-color:var(--orange)}.item-card.st-confirmada{border-left-color:var(--blue)}.item-card.st-concluida{border-left-color:var(--muted)}.item-card.st-cancelada{border-left-color:var(--red)}.item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.item-title{font-size:14px;font-weight:700;color:var(--ink)}.item-sub{font-size:11px;color:var(--muted);margin:6px 0}.item-footer{border-top:1px solid var(--bdr);margin-top:8px;padding-top:6px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.badge-st{font-size:9px;font-weight:700;border-radius:20px;padding:3px 8px;white-space:nowrap}.badge-aberta{background:var(--green-light);color:var(--green)}.badge-pendente{background:var(--amber-light);color:var(--amber)}.badge-encerrada{background:var(--red-light);color:var(--red)}.badge-manutencao{background:var(--orange-light);color:var(--orange)}.badge-cls{font-size:9px;font-weight:700;border-radius:20px;padding:2px 7px;background:var(--blue-light);color:var(--blue)}.btn{height:44px;border-radius:10px;border:none;font-size:13px;font-weight:700;cursor:pointer;padding:0 16px}.btn.bsm{height:36px;font-size:12px}.btn.bfull{width:100%}.btn.bred{background:var(--red);color:#fff}.btn.bout{background:transparent;border:1.5px solid var(--bdr);color:var(--ink2)}.btn.bblue{background:var(--blue);color:#fff}.btn.bgreen{background:var(--green);color:#fff}.btn.borange{background:var(--orange);color:#fff}.field{margin-bottom:12px}.field label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:4px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--bdr);background:var(--card);color:var(--ink);border-radius:8px;padding:10px;font-size:13px;font-family:inherit}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:100}.modal{background:var(--card);width:100%;max-width:480px;max-height:88vh;border-radius:18px 18px 0 0;display:flex;flex-direction:column;overflow:hidden}.modal.sm{border-radius:18px;max-width:400px;margin:auto}.modal-header{position:sticky;top:0;background:var(--card);border-bottom:1px solid var(--bdr);padding:14px 16px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700}.modal-body{padding:16px;overflow-y:auto}.modal-footer{position:sticky;bottom:0;background:var(--card);border-top:1px solid var(--bdr);padding:12px 16px;display:flex;gap:8px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--bdr);display:flex;padding:8px 0;z-index:10}.bottom-nav[hidden],.avatar[hidden]{display:none}.nav-item{flex:1;background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:9px;color:var(--muted);padding:4px 0;position:relative}.nav-badge{position:absolute;top:-2px;right:22%;background:var(--red);color:#fff;font-size:8px;font-weight:700;border-radius:8px;min-width:14px;height:14px;display:flex;align-items:center;justify-content:center;padding:0 3px}.nav-item .nav-icon{font-size:18px;transition:transform .15s}.nav-item.active{color:var(--red);background:var(--red-light);border-radius:10px;margin:0 4px}.nav-item.active .nav-icon{transform:scale(1.15)}.fab{position:fixed;bottom:74px;right:18px;width:54px;height:54px;border-radius:50%;background:var(--red);color:#fff;border:none;font-size:24px;box-shadow:0 4px 10px #00000040;z-index:10}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.stat-card{background:var(--card);border:1px solid var(--bdr);border-radius:12px;padding:12px}.stat-label{font-size:9px;text-transform:uppercase;color:var(--muted)}.stat-value{font-size:26px;font-weight:700;font-family:monospace}.stat-value.cr{color:var(--red)}.stat-value.ca{color:var(--amber)}.stat-value.cg{color:var(--green)}.stat-value.co{color:var(--orange)}.toast{position:fixed;top:14px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:20px;font-size:12px;z-index:200}.toast.ok{background:var(--green)}.toast.err{background:var(--red)}.auth-hero{background:linear-gradient(180deg,var(--red-dark),var(--red));color:#fff;text-align:center;padding:40px 16px 26px}.role-picker{display:flex;gap:8px;margin-bottom:14px}.role-option{flex:1;border:1.5px solid var(--bdr);border-radius:10px;padding:10px 6px;text-align:center;font-size:12px;font-weight:700;color:var(--ink2);background:var(--card);cursor:pointer}.role-option.selected{border-color:var(--red);background:var(--red-light);color:var(--red-dark)}@media (min-width: 860px){#app{max-width:1100px;margin:0 auto;box-shadow:0 0 32px #00000014;min-height:100vh}.view{max-width:640px;margin:0 auto}.bottom-nav{left:50%;right:auto;transform:translate(-50%);width:100%;max-width:1100px}.fab{right:calc(50% - 532px)}.stat-grid{grid-template-columns:repeat(4,1fr)}.modal-overlay{align-items:center}.modal{border-radius:18px;max-width:560px;max-height:85vh}}