body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#root{display:flex;flex-direction:column;min-height:100vh}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f0f7ff;padding:20px;position:relative}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background-color:#06b6d4}.login-form-container{width:100%;max-width:500px;text-align:center;margin-bottom:40px}.login-form-container h1{font-size:36px;font-weight:700;color:#0f172a;margin-bottom:40px}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:4px;font-size:16px;box-sizing:border-box}.login-button{width:100%;background-color:#06b6d4;color:#fff;border:none;border-radius:4px;padding:12px;font-size:16px;font-weight:500;cursor:pointer;margin-top:10px}.login-button:hover{background-color:#0891b2}.error-message{color:#e53e3e;margin-top:8px;font-size:14px}.logo-container{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.logo{width:180px;height:auto;margin-bottom:5px}.zlogo{width:100px;height:auto;margin-bottom:5px;margin-top:50px}.slogan{color:#06b6d4;font-size:14px;margin:0}.login-footer{font-size:12px;color:#4a5568;text-align:center}@media (max-width: 900px){.login-container{padding:8px}.login-form-container{max-width:98vw;padding:1rem}}@media (max-width: 600px){.login-container{padding:2px}.login-form-container{max-width:100vw;padding:.5rem}.logo{width:120px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f0f7ff}.header{height:70px;background-color:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:flex-end;align-items:center;padding:0 20px;position:sticky;top:0;z-index:100}.usuario-info{display:flex;align-items:center;gap:15px}.usuario-nome{font-weight:600;font-size:14px}.usuario-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:#f0f0f0;display:flex;justify-content:center;align-items:center}.usuario-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:18px;font-weight:700;color:#06b6d4}.content-area{display:grid;grid-template-columns:1fr 320px;gap:20px;padding:20px;min-height:calc(100vh - 70px)}.map-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;position:relative;min-height:200px;max-height:500px}.loading-map{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;color:#666;font-size:16px}.map-attribution{position:absolute;bottom:0;left:0;right:0;background-color:#ffffffe6;padding:4px 8px;font-size:11px;text-align:center;border-top:1px solid #e2e8f0}.setores-container{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000001a;max-height:fit-content}.setores-container h2{font-size:20px;margin-bottom:20px;color:#1f2937;text-align:center;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.home-setores-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.home-setor-item{background:#f8fafc;border-radius:8px;padding:16px;border:1px solid #e2e8f0;transition:all .2s ease}.home-setor-item:hover{background:#f1f5f9;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.setor-item-link{display:flex;align-items:center;gap:12px;cursor:pointer}.icone-setor{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#3b82f61a}.setor-nome{font-weight:500;color:#374151;flex-grow:1;font-size:14px}.setor-contagem{font-weight:700;color:#059669;background:#d1fae5;padding:4px 8px;border-radius:12px;font-size:12px;min-width:24px;text-align:center}@media (max-width: 1024px){.content-area{grid-template-columns:1fr;gap:16px;padding:16px}.setores-container{order:-1;max-width:100%}.home-setores-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.map-container{min-height:400px}}@media (max-width: 768px){.header{height:60px;padding:0 16px}.usuario-nome{display:none}.usuario-avatar{width:36px;height:36px}.content-area{padding:12px;gap:12px}.setores-container{padding:16px}.setores-container h2{font-size:18px;margin-bottom:16px}.home-setores-list{grid-template-columns:1fr}.home-setor-item{padding:12px}.setor-nome{font-size:13px}.map-container{min-height:300px}}@media (max-width: 480px){.content-area{padding:8px}.setores-container{padding:12px}.setores-container h2{font-size:16px}.home-setor-item{padding:10px}.icone-setor{font-size:16px;width:28px;height:28px}.setor-nome{font-size:12px}.setor-contagem{font-size:11px;padding:3px 6px}}@media (max-width: 1200px){.content-area{grid-template-columns:1fr;gap:12px;padding:12px}.map-container{min-height:250px;max-height:350px}.setores-container{padding:12px}}@media (max-width: 900px){.content-area{padding:8px;gap:8px}.setores-container{padding:8px}}@media (max-width: 600px){.header{height:48px;padding:0 8px}.content-area{padding:4px;gap:4px}.setores-container{padding:4px}.map-container{min-height:180px;max-height:220px}}.setores-container{padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-top:10px;margin-left:10px;margin-right:50px;min-height:calc(100vh - 140px)}.setores-container h1{text-align:center;font-size:2rem;color:#1f2937;margin-bottom:30px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.setores-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:20px;padding-left:100px;margin:0;list-style:none}.setor-item{padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;text-align:center;font-size:1rem;font-weight:600;color:#fff;box-shadow:0 4px 8px #00000026;transition:all .3s ease;cursor:pointer;min-height:120px;max-width:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.setor-item:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0003}.setor-item:nth-child(odd){background:linear-gradient(135deg,#f093fb,#f5576c)}.setor-item:nth-child(3n){background:linear-gradient(135deg,#4facfe,#00f2fe)}.setor-item:nth-child(4n){background:linear-gradient(135deg,#43e97b,#38f9d7)}.icone-setor{font-size:2rem;margin-bottom:8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@media (max-width: 1024px){.setores-container{margin:16px;padding:16px}.setores-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.setor-item{padding:20px;min-height:100px}.icone-setor{font-size:1.8rem}}@media (max-width: 768px){.setores-container{margin:12px;padding:16px}.setores-container h1{font-size:1.6rem;margin-bottom:20px}.setores-list{grid-template-columns:1fr;gap:12px}.setor-item{padding:16px;min-height:80px;font-size:.9rem}.icone-setor{font-size:1.5rem}}@media (max-width: 480px){.setores-container{margin:8px;padding:12px}.setores-container h1{font-size:1.4rem}.setor-item{padding:14px;min-height:70px;font-size:.85rem}.icone-setor{font-size:1.3rem}}@media (max-width: 1200px){.setores-container{margin:8px;padding:12px}.setores-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}}@media (max-width: 900px){.setores-container{margin:4px;padding:8px}.setores-list{grid-template-columns:1fr;gap:8px}}@media (max-width: 600px){.setores-container{padding:2px}.setor-item{padding:8px;min-height:50px;font-size:.8rem}}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#edf4fa}.usuarios-container{display:flex;flex-direction:column;align-items:center;padding:2rem}.usuarios-form{background-color:#fff;padding:2rem;border-radius:16px;width:100%;max-width:450px;box-shadow:0 2px 10px #0000001a}.usuarios-form h2{text-align:center;margin-bottom:1.5rem;color:#222}.usuarios-form label{font-weight:700;margin-top:.5rem;display:block;color:#222}.usuarios-form input,.usuarios-form select{width:100%;padding:.75rem;margin-top:.3rem;border:1px solid #ccc;border-radius:8px;margin-bottom:.8rem;background-color:#f8fbff}.usuarios-form button{background-color:#00b4d8;color:#fff;border:none;padding:.8rem;width:100%;border-radius:8px;font-weight:700;cursor:pointer;margin-top:.5rem;transition:background-color .3s}.usuarios-form button:hover{background-color:#0096c7}.error{color:red;font-size:.9rem;margin-top:-.5rem}.success{color:green;font-size:.9rem;margin-top:-.5rem}.usuarios-footer{margin-top:2rem;text-align:center;font-size:.85rem;color:#555}.usuarios-footer img{width:60px;margin:1rem auto;display:block}.usuarios-footer p{font-weight:700;color:#00b4d8;margin:0}.usuarios-footer span{display:block;margin-top:.3rem;margin-bottom:.8rem}.usuarios-links a{color:#0077b6;text-decoration:none}.usuarios-links a:hover{text-decoration:underline}@media (max-width: 900px){.usuarios-container{padding:1rem}.usuarios-form{max-width:98vw;padding:1rem}}@media (max-width: 600px){.usuarios-container{padding:.5rem}.usuarios-form{max-width:100vw;padding:.5rem}}.reports-container{padding-left:150px;padding-top:50px;background-color:#f5f7fa;min-height:100vh;display:flex;flex-direction:column;gap:32px}.reports-title{color:#1a237e;margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid #e0e0e0}.card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;width:800px}.card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.card-header{color:#2c3e50;padding:16px 24px;border-bottom:1px solid #edf2f7;font-weight:600}.pie-chart-card{composes:card}.pie-chart-container{padding:20px;height:350px;width:600px;position:relative}.status-card{composes:card}.status-list{padding:16px 24px}.status-item{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;margin:8px 0;background-color:#f8fafc;border-radius:8px;transition:all .2s ease}.status-item:hover{background-color:#edf2f7;transform:scale(1.01)}.period-card{composes:card}.filters-container{display:flex;flex-wrap:wrap;gap:16px;padding:24px;background-color:#f8fafc;border-radius:8px 8px 0 0;border-bottom:1px solid #e2e8f0}.filter-select{min-width:150px!important}.date-range-picker{min-width:300px!important}.results-container{background-color:#fff;padding:24px;border-radius:0 0 8px 8px}.results-text{font-size:16px;color:#2c3e50;line-height:1.8}.results-number{color:#1a237e;font-weight:600}.occurrences-list{margin-top:24px}.occurrence-item{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;margin:12px 70% 12px 0;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.occurrence-item:hover{background-color:#f8fafc;transform:translate(4px)}.occurrence-title{font-weight:500;color:#2d3748;flex:1}.occurrence-date{color:#718096;padding-left:24px;margin-left:24px;border-left:2px solid #e2e8f0}.occurrence-separator{color:#718096;margin:0 12px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(800px,1fr));gap:32px}@media (max-width: 1200px){.card,.pie-chart-container{width:100%;min-width:0;max-width:100vw}.cards-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 900px){.reports-container{padding:8px;gap:8px}.card{padding:8px}}@media (max-width: 600px){.reports-container{padding:2px;gap:2px}.card{padding:2px}.pie-chart-container{padding:2px;height:180px;width:100vw}}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#eaf6ff;padding:2rem;font-family:Arial,sans-serif}.login-form-container{background-color:#fff;padding:2rem 3rem;border-radius:12px;box-shadow:0 0 20px #0000001a;width:100%;max-width:400px}h1{font-size:24px;text-align:center;margin-bottom:2rem;color:#111}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700}input[type=email],input[type=password]{width:100%;padding:.75rem;border-radius:6px;border:1px solid #ccc;font-size:16px}.login-button{width:100%;padding:.75rem;background-color:#00bcd4;color:#fff;font-weight:700;font-size:16px;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.login-button:hover{background-color:#0097a7}.error-message{color:red;margin-top:-1rem;margin-bottom:1rem;text-align:center;font-weight:700}.home-container{display:flex;min-height:100vh;position:relative}.sidebar{width:250px;background-color:#fff;display:flex;flex-direction:column;border-right:1px solid #e2e8f0;position:fixed;left:0;top:0;height:100vh;z-index:1000;transition:transform .3s ease}.logo-container{padding:20px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #e2e8f0}.logo{width:200px;height:auto;max-width:100%}.menu{flex-grow:1;padding:20px 0}.menu ul{list-style:none;padding:0;margin:0}.menu li{margin-bottom:8px}.menu a{color:#4a5568;text-decoration:none;display:block;padding:12px 20px;border-radius:8px;margin:0 16px;transition:all .2s ease;font-weight:500}.menu a:hover{background-color:#f7fafc;color:#2d3748}.menu a.active{background-color:#e6fffa;color:#319795;border-left:4px solid #319795}.logout-container{padding:20px;margin-top:auto}.logout-button{width:100%;padding:12px;background-color:#00aeff;border:1px solid #00aeff;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;transition:all .2s ease}.logout-button:hover{background-color:#feb2b2}.main-content{flex:1;margin-left:150px;min-height:100vh;background-color:#f7fafc}.mobile-menu-button{display:block;position:fixed;top:18px;left:18px;z-index:1302;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px;box-shadow:0 2px 4px #0000001f}.mobile-menu-button span{display:block;width:24px;height:3px;background:#06b6d4;margin:4px 0;border-radius:2px;transition:.3s}.sidebar-overlay{display:none}.sidebar-overlay.show{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1300}@media (max-width: 1024px){.sidebar{width:220px}.main-content{margin-left:220px}.logo{width:100px}}@media (max-width: 768px){.mobile-menu-button{display:block;position:fixed;top:18px;left:18px;z-index:1302;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px;box-shadow:0 2px 4px #0000001f}.sidebar-overlay{display:none}.sidebar-overlay.show{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1300}.sidebar{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:1301;background:#fff;transform:translate(-100%);transition:transform .3s cubic-bezier(.77,0,.18,1);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-shadow:2px 0 8px #00000014;padding-top:48px;overflow-y:auto}.sidebar.open{transform:translate(0)}.logo-container{padding:0 0 18px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #e2e8f0;background:#fff;width:100%}.menu{flex-grow:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.menu ul{padding:0;margin:0;width:100%}.menu li{margin-bottom:24px;width:100%;text-align:center}.menu a{color:#0f172a;background:none;text-decoration:none;display:block;padding:20px 0;border-radius:0;margin:0;font-size:1.4rem;font-weight:700;letter-spacing:.5px;transition:background .2s,color .2s}.menu a:hover{background:#e0f2fe;color:#06b6d4}.logout-container{position:fixed;bottom:32px;left:0;width:100vw;padding:0 24px;background:none;z-index:1303;display:flex;justify-content:center}.logout-button{width:90%;padding:18px;font-size:1.2rem;border-radius:8px;background:#06b6d4;color:#fff;font-weight:700;border:none;box-shadow:0 2px 8px #06b6d414}.logout-button:hover{background:#0891b2}body.menu-aberto .main-content{pointer-events:none;filter:blur(2px)}}@media (min-width: 769px){.sidebar{position:fixed;left:0;top:0;width:250px;height:100vh;z-index:1000;background:#fff;transform:none!important;box-shadow:none;display:flex;flex-direction:column;justify-content:flex-start}.sidebar-overlay{display:none!important}.main-content{pointer-events:auto!important;filter:none!important;margin-left:250px;padding-top:0}.mobile-menu-button{display:none!important}.logout-container{position:static;padding:20px;background:none}}@media (max-width: 480px){.sidebar{width:100vw}.main-content{padding-top:60px}.mobile-menu-button{top:15px;left:15px;padding:10px}}@media (max-width: 1200px){.main-content{margin-left:180px}.sidebar{width:180px}}@media (max-width: 900px){.sidebar{width:85vw;max-width:340px;position:fixed;top:0;left:0;height:100vh;z-index:1301;background:#fff;transform:translate(-100%);transition:transform .3s cubic-bezier(.77,0,.18,1);box-shadow:2px 0 16px #0000001a;display:flex;flex-direction:column;padding-top:32px;overflow-y:auto;border-radius:0 18px 18px 0}.sidebar.open{transform:translate(0)}.main-content{margin-left:0!important}}@media (min-width: 901px){.sidebar{left:0!important;transform:none!important;width:250px;position:fixed;box-shadow:none}.main-content{margin-left:250px!important;padding-top:0}}.setor-page-container{margin-top:50px;margin-left:150px;margin-right:50px;background-color:#f9fafb;min-height:100vh}.trello-board{display:flex;gap:20px}.trello-column{flex:1;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:10px}.trello-column h2{font-size:18px;margin-bottom:10px;color:#1f2937}.trello-card{background-color:#f3f4f6;border-radius:4px;padding:10px;margin-bottom:10px;box-shadow:0 1px 2px #0000001a;cursor:grab}.trello-card.recebida{background-color:#fef3c7}.trello-card.em-análise{background-color:#f79c5a}.trello-card.finalizada{background-color:#d1fae5}.trello-card h3{font-size:16px;margin-bottom:5px}.trello-card p{font-size:14px;color:#4b5563}button{background-color:#06b6d4;color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .3s ease;margin-top:10px}button:hover{background-color:#0891b2}.ocorrencia-detalhes{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;margin-top:10px;box-shadow:0 1px 3px #0000001a}.ocorrencia-detalhes p{margin:8px 0;font-size:14px;color:#374151}.ocorrencia-detalhes p strong{color:#111827;font-weight:600}@media (max-width: 1200px){.setor-page-container{margin-left:40px;margin-right:10px;padding:8px}.trello-board{gap:8px}}@media (max-width: 900px){.setor-page-container{margin-left:0;margin-right:0;padding:4px}.trello-board{flex-direction:column;gap:4px}}@media (max-width: 600px){.setor-page-container{margin-top:10px;padding:2px}.trello-column,.trello-card{padding:4px}}.cadastro-setor-container{display:flex;flex-direction:column;align-items:center;padding:2rem;background-color:#f9fafb;min-height:100vh}.cadastro-setor-form{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:500px}.cadastro-setor-form h2{text-align:center;margin-bottom:1.5rem;color:#333}.cadastro-setor-form label{display:block;margin-bottom:.5rem;font-weight:700}.cadastro-setor-form input,.cadastro-setor-form textarea{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:4px}.cadastro-setor-form button{background-color:#06b6d4;color:#fff;border:none;padding:.75rem;width:100%;border-radius:4px;font-weight:700;cursor:pointer}.cadastro-setor-form button:hover{background-color:#0891b2}.error{color:red;font-size:.9rem}.success{color:green;font-size:.9rem}@media (max-width: 900px){.cadastro-setor-container{padding:1rem}.cadastro-setor-form{max-width:98vw;padding:1rem}}@media (max-width: 600px){.cadastro-setor-container{padding:.5rem}.cadastro-setor-form{max-width:100vw;padding:.5rem}}.mesa-ocorrencias-container{max-width:800px;margin:40px auto 0;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 16px #00000012}.mesa-ocorrencias-container h1{font-size:2rem;margin-bottom:32px;color:#1e293b;text-align:center}.mesa-ocorrencias-lista{display:flex;flex-direction:column;gap:20px}.mesa-card{background:#f8fafc;border-radius:10px;box-shadow:0 1px 4px #0000000f;padding:20px 24px;display:flex;flex-direction:column;gap:12px;border-left:6px solid #06b6d4;transition:box-shadow .2s}.mesa-card:hover{box-shadow:0 4px 16px #06b6d41a}.mesa-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.mesa-card-titulo{font-size:1.2rem;font-weight:600;color:#0f172a}.mesa-card-status{font-size:.95rem;font-weight:500;padding:4px 14px;border-radius:16px;background:#e0f2fe;color:#0284c7;letter-spacing:.5px;text-transform:capitalize}.mesa-status-mesa{background:#fef9c3;color:#b45309}.mesa-status-recebida{background:#bbf7d0;color:#15803d}.mesa-card-descricao{color:#334155;font-size:1rem;margin-bottom:8px}.mesa-card-btn{align-self:flex-end;background:#06b6d4;color:#fff;border:none;border-radius:6px;padding:8px 22px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:8px}.mesa-card-btn:hover{background:#0891b2}.mesa-sem-ocorrencias{text-align:center;color:#64748b;font-size:1.1rem;margin-top:40px}@media (max-width: 600px){.mesa-ocorrencias-container{padding:4px}.mesa-card{padding:8px 4px;width:98vw;min-width:0;margin:0 auto;border-radius:8px}.mesa-card-header{flex-direction:column;align-items:flex-start;gap:2px}.mesa-card-titulo{font-size:1rem}.mesa-card-status{font-size:.85rem;padding:2px 10px;margin-top:2px}.mesa-card-descricao{font-size:.95rem}.mesa-card-btn{width:100%;font-size:1.1rem;margin-top:10px;align-self:center;padding:10px 0;border-radius:6px}}