*{box-sizing:border-box;margin:0;padding:0}:root{--lufe-pink:#e91e63;--lufe-purple:#9c27b0;--lufe-gradient:linear-gradient(135deg,#e91e63,#9c27b0);--lufe-dark:#1a1a2e;--lufe-gray:#f8f9fa;--lufe-gray-light:#f1f3f4;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 12px rgba(0,0,0,.1);--shadow-lg:0 8px 24px rgba(0,0,0,.12);--radius-sm:8px;--radius-md:12px;--radius-lg:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--lufe-gray);color:#333;line-height:1.6;min-height:100vh}.container{max-width:1400px;margin:0 auto;padding:24px}.header{background:var(--lufe-gradient);color:#fff;padding:20px 24px;margin-bottom:24px;border-radius:var(--radius-lg);justify-content:space-between;box-shadow:var(--shadow-md)}.header,.header-left{display:flex;align-items:center}.header-left{gap:16px}.header-logo{width:48px;height:48px;background:hsla(0,0%,100%,.2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.header h1{font-size:1.5rem;font-weight:700;margin:0}.header p{font-size:.875rem;opacity:.9;margin:0}.header-actions,.user-info{display:flex;align-items:center;gap:12px}.user-info{padding:8px 16px;background:hsla(0,0%,100%,.15);border-radius:var(--radius-md);font-size:.875rem}.user-info span{opacity:.9}.btn{padding:10px 20px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--lufe-gradient);color:#fff;box-shadow:0 2px 8px rgba(233,30,99,.3)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(233,30,99,.4)}.btn-white{background:#fff;color:var(--lufe-pink)}.btn-white:hover:not(:disabled){background:hsla(0,0%,100%,.9);transform:translateY(-1px)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#16a34a;transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-secondary{background:#fff;color:#555;border:1px solid #ddd}.btn-secondary:hover:not(:disabled){background:var(--lufe-gray-light);border-color:#ccc}.btn-outline{background:transparent;border:2px solid hsla(0,0%,100%,.5);color:#fff}.btn-outline:hover:not(:disabled){background:hsla(0,0%,100%,.1);border-color:#fff}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-lg{padding:14px 28px;font-size:1rem}.card{background:#fff;border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);margin-bottom:20px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #eee}.card-title{font-size:1.1rem;font-weight:600;color:var(--lufe-dark)}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.stat-card{background:#fff;padding:20px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.pink{background:linear-gradient(135deg,rgba(233,30,99,.1),rgba(156,39,176,.1));color:var(--lufe-pink)}.stat-icon.blue{background:rgba(59,130,246,.1);color:var(--info)}.stat-icon.yellow{background:rgba(245,158,11,.1);color:var(--warning)}.stat-icon.green{background:rgba(34,197,94,.1);color:var(--success)}.stat-icon.red{background:rgba(239,68,68,.1);color:var(--danger)}.stat-content{flex:1 1;min-width:0}.stat-card .number{font-size:1.75rem;font-weight:700;color:var(--lufe-dark);line-height:1.2}.stat-card .label{color:#666;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.toolbar-left{flex:1 1}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:12px}.search-box{position:relative;flex:1 1;max-width:400px}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999}.search-box input{width:100%;padding:10px 12px 10px 40px;border:1px solid #ddd;border-radius:var(--radius-sm);font-size:.9rem;transition:border-color .2s,box-shadow .2s}.search-box input:focus{outline:none;border-color:var(--lufe-pink);box-shadow:0 0 0 3px rgba(233,30,99,.1)}.table-container{overflow-x:auto;margin:0 -24px -24px;padding:0 24px 24px}table{width:100%;border-collapse:collapse}td,th{padding:14px 16px;text-align:left;border-bottom:1px solid #eee}th{background:var(--lufe-gray-light);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:#555;white-space:nowrap}td{font-size:.9rem}tr{transition:background-color .15s}tbody tr:hover{background:var(--lufe-gray-light)}tbody tr{cursor:pointer}.table-id{color:var(--lufe-pink);font-weight:600;font-family:monospace}.table-condominio{font-weight:500;color:var(--lufe-dark)}.table-data{color:#666;font-size:.85rem}.badge{padding:5px 12px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.badge-aberto{background:#dbeafe;color:#1d4ed8}.badge-em_atendimento{background:#fef3c7;color:#d97706}.badge-aguardando_peca{background:#e9d5ff;color:#7c3aed}.badge-concluido{background:#dcfce7;color:#16a34a}.badge-cancelado,.badge-urgente{background:#fee2e2;color:#dc2626}.badge-alta{background:#ffedd5;color:#ea580c}.badge-media{background:#fef3c7;color:#d97706}.badge-baixa{background:#f3f4f6;color:#6b7280}.filter-panel{background:var(--lufe-gray-light);border-radius:var(--radius-md);padding:20px;margin-bottom:20px}.filter-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.filter-panel-header h3{font-size:.9rem;font-weight:600;color:var(--lufe-dark);display:flex;align-items:center;gap:8px}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:16px;gap:16px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:.75rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.filter-group input,.filter-group select{padding:10px 12px;border:1px solid #ddd;border-radius:var(--radius-sm);font-size:.875rem;background:#fff;transition:border-color .2s}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--lufe-pink)}.filter-actions{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #ddd}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:.875rem}.form-control{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:var(--radius-sm);font-size:.9rem;transition:border-color .2s,box-shadow .2s;background:#fff}.form-control:focus{outline:none;border-color:var(--lufe-pink);box-shadow:0 0 0 3px rgba(233,30,99,.1)}.form-control::placeholder{color:#999}select.form-control{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}textarea.form-control{min-height:100px;resize:vertical;font-family:inherit}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal{background:#fff;border-radius:var(--radius-lg);width:100%;max-width:700px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}.modal-header{padding:20px 24px;border-bottom:1px solid #eee;justify-content:space-between;background:var(--lufe-gray-light)}.modal-header,.modal-header h2{display:flex;align-items:center}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--lufe-dark);gap:12px}.modal-body{padding:24px;overflow-y:auto;flex:1 1}.modal-footer{padding:16px 24px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:12px;background:var(--lufe-gray-light)}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:rgba(0,0,0,.1);color:#333}.detail-info{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:1/-1}.detail-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666}.detail-value{font-size:.95rem;color:var(--lufe-dark)}.detail-value.text-muted{color:#999;font-style:italic}.detail-description{background:var(--lufe-gray-light);padding:16px;border-radius:var(--radius-sm);font-size:.9rem;line-height:1.6;color:#444;white-space:pre-wrap}.filters{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:20px}.filters .form-control{width:auto;min-width:150px}.empty-state{text-align:center;padding:80px 20px;color:#666}.empty-state svg{width:80px;height:80px;margin-bottom:20px;color:#ccc}.empty-state h3{font-size:1.25rem;font-weight:600;color:#444;margin-bottom:8px}.empty-state p{color:#888;font-size:.9rem}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#666}.loading-spinner{width:40px;height:40px;border:3px solid #eee;border-top:3px solid var(--lufe-pink);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.filter-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container,.header{padding:16px}.header{flex-direction:column;gap:16px;text-align:center}.header-actions{flex-direction:column;width:100%}.user-info{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:16px}.toolbar{flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-right{width:100%}.search-box{max-width:none}.filter-grid{grid-template-columns:1fr}.card{padding:16px;border-radius:var(--radius-sm)}.table-container{margin:0 -16px -16px;padding:0 16px 16px}td,th{padding:10px 12px;font-size:.85rem}.detail-info{grid-template-columns:1fr}.modal{max-height:95vh;border-radius:var(--radius-md)}}@media (max-width:480px){.header h1{font-size:1.25rem}.stat-card .number{font-size:1.5rem}.stat-icon{width:40px;height:40px}.btn{padding:8px 16px;font-size:.8rem}.modal-body,.modal-footer,.modal-header{padding:16px}}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:#666}.text-small{font-size:.85rem}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.gap-2{gap:8px}.gap-4{gap:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.hidden{display:none}.app-container{min-height:100vh;background:var(--lufe-gray)}.app-header{background:var(--lufe-gradient);color:#fff;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-md);position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-header .header-left{display:flex;align-items:center;gap:16px}.app-header .logo{width:44px;height:44px;background:hsla(0,0%,100%,.2);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.app-header h1{font-size:1.25rem;font-weight:700;margin:0}.app-header .subtitle{font-size:.8rem;opacity:.8}.app-header .header-right{display:flex;align-items:center;gap:16px}.app-header .user-email{font-size:.875rem;opacity:.9;padding:8px 14px;background:hsla(0,0%,100%,.15);border-radius:var(--radius-sm)}.btn-logout{display:flex;align-items:center;gap:8px;padding:8px 16px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);color:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.btn-logout:hover{background:hsla(0,0%,100%,.2);border-color:#fff}.app-main{max-width:1400px;margin:0 auto;padding:24px}.stat-info{flex:1 1;min-width:0}.stat-info .stat-number{font-size:1.75rem;font-weight:700;color:var(--lufe-dark);line-height:1.2}.stat-info .stat-label{color:#666;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.stat-card .stat-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-card--alert{border:2px solid #fee2e2;animation:pulse-border 2s infinite}@keyframes pulse-border{0%,to{border-color:#fee2e2}50%{border-color:#ef4444}}.filters input[type=date],.filters select{padding:10px 14px;border:1px solid #ddd;border-radius:var(--radius-sm);font-size:.875rem;background:#fff;min-width:160px;cursor:pointer;transition:border-color .2s}.filters input[type=date]:focus,.filters select:focus{outline:none;border-color:var(--lufe-pink)}.btn-clear{padding:10px 16px;background:transparent;border:1px dashed #999;border-radius:var(--radius-sm);color:#666;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-clear:hover{border-color:var(--lufe-pink);color:var(--lufe-pink)}.results-count{font-size:.85rem;color:#666;margin-bottom:12px}.table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.table-card table{margin:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.loading-state .spinner{animation:spin .8s linear infinite;color:var(--lufe-pink);margin-bottom:16px}.chamado-title{font-weight:500;color:var(--lufe-dark)}.chamado-subtitle{font-size:.8rem;color:#888;margin-top:2px}.status-select{padding:6px 10px;border:1px solid #ddd;border-radius:var(--radius-sm);font-size:.8rem;background:#fff;cursor:pointer;min-width:130px}.status-select:focus{outline:none;border-color:var(--lufe-pink)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.form-row .form-group{margin-bottom:16px}.modal-body input,.modal-body select,.modal-body textarea{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:var(--radius-sm);font-size:.9rem;transition:border-color .2s;font-family:inherit}.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus{outline:none;border-color:var(--lufe-pink);box-shadow:0 0 0 3px rgba(233,30,99,.1)}.modal-lg{max-width:800px}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #eee}.detail-header h3{font-size:1.25rem;font-weight:600;color:var(--lufe-dark);margin:0}.detail-badges{display:flex;gap:8px}.detail-badges .badge{color:#fff}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-bottom:24px}.detail-grid .detail-item{display:flex;flex-direction:column;gap:4px}.detail-grid .detail-item label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888}.detail-grid .detail-item span{font-size:.95rem;color:var(--lufe-dark)}.detail-section{margin-bottom:20px}.detail-section label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:8px}.detail-section p{background:var(--lufe-gray-light);padding:16px;border-radius:var(--radius-sm);font-size:.9rem;line-height:1.6;color:#444;margin:0}.status-select-full{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:var(--radius-sm);font-size:.9rem;background:#fff;cursor:pointer}.status-select-full:focus{outline:none;border-color:var(--lufe-pink)}.chart-tooltip{background:#fff;border:1px solid #e5e5e5;border-radius:var(--radius-sm);padding:12px 16px;box-shadow:var(--shadow-md);font-size:.875rem}.chart-tooltip .label{font-weight:600;margin-bottom:4px;color:var(--lufe-dark)}.chart-tooltip p{margin:2px 0}.recharts-legend-item-text{color:#444!important;font-size:.8rem!important}.recharts-cartesian-axis-tick-value{fill:#666}@media (max-width:992px){.detail-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.app-header{flex-direction:column;gap:12px;padding:12px 16px}.app-header .header-right{width:100%;justify-content:space-between}.app-main{padding:16px}.form-row{grid-template-columns:1fr}.detail-header{flex-direction:column;gap:12px}.detail-grid{grid-template-columns:1fr}}@media (max-width:480px){.app-header h1{font-size:1.1rem}.app-header .user-email{display:none}.filters{flex-direction:column}.filters input[type=date],.filters select{width:100%}}.realtime-indicator{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:16px}.realtime-indicator.connected{background:rgba(34,197,94,.2);color:#dcfce7}.realtime-indicator.disconnected{background:rgba(245,158,11,.2);color:#fef3c7}.realtime-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.realtime-indicator.connected .realtime-dot{background:#22c55e;box-shadow:0 0 8px #22c55e}.realtime-indicator.disconnected .realtime-dot{background:#f59e0b;box-shadow:0 0 8px #f59e0b}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.realtime-text{white-space:nowrap}.realtime-time{font-size:.7rem;opacity:.8;font-weight:400;margin-left:4px}.btn-sound{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;transition:all .2s}.btn-sound.enabled{background:rgba(34,197,94,.2);color:#22c55e}.btn-sound.disabled{background:hsla(220,9%,46%,.2);color:#9ca3af}.btn-sound:hover{transform:scale(1.1)}.new-chamado-row{animation:highlightNew 5s ease-out}@keyframes highlightNew{0%{background:rgba(233,30,99,.3)}to{background:transparent}}.stat-card--alert .stat-icon{animation:urgentPulse 1s infinite}@keyframes urgentPulse{0%,to{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,.7)}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(239,68,68,0)}}@media (max-width:992px){.realtime-indicator{margin-left:0;margin-top:8px}.realtime-time{display:none}}@media (max-width:768px){.app-header .header-left{flex-direction:column;align-items:flex-start}.realtime-indicator{width:100%;justify-content:center}}@media (max-width:480px){.realtime-indicator{padding:4px 10px;font-size:.7rem}.btn-sound{width:36px;height:36px}}