*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{background:#f5f7fa}button,input{font-family:inherit}.app-layout{min-height:100vh;display:flex}.sidebar{color:#fff;background:#111827;flex-direction:column;width:250px;min-height:100vh;padding:20px 14px;display:flex}.sidebar-logo{align-items:center;gap:12px;padding:5px 10px 28px;display:flex}.logo-icon{background:#2563eb;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;font-weight:700;display:flex}.logo-title{font-size:19px;font-weight:700}.logo-subtitle{color:#9ca3af;margin-top:2px;font-size:12px}.sidebar-menu{flex-direction:column;gap:5px;display:flex}.menu-item{color:#cbd5e1;cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.menu-item:hover{color:#fff;background:#1f2937}.menu-item.active{color:#fff;background:#2563eb}.menu-item span{text-align:center;width:20px}.sidebar-bottom{margin-top:auto}.user-info{border-top:1px solid #374151;align-items:center;gap:10px;margin-top:15px;padding:15px 8px 5px;display:flex}.user-avatar{background:#374151;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.user-info strong{font-size:13px;display:block}.user-info small{color:#9ca3af;font-size:11px}.main-content{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex}.topbar h2{color:#111827;margin:0;font-size:18px}.topbar-right{color:#6b7280;font-size:14px}.page-content{padding:30px}.page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.page-header h1{color:#111827;margin:8px 0 5px;font-size:26px}.page-header p{color:#6b7280;margin:0}.back-button{color:#2563eb;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.btn-primary,.btn-secondary{cursor:pointer;border:0;border-radius:7px;padding:10px 16px;font-size:14px;font-weight:600}.btn-primary{color:#fff;background:#2563eb}.btn-primary:hover{background:#1d4ed8}.btn-secondary{color:#374151;background:#e5e7eb}.btn-secondary:hover{background:#d1d5db}.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:20px;padding:22px}.card-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.card-title{color:#111827;margin-bottom:18px;font-size:16px;font-weight:700}.card-header .card-title{margin-bottom:0}.info-grid span,.license-item span{color:#6b7280;margin-bottom:6px;font-size:12px;display:block}.info-grid strong,.license-item strong{color:#111827;font-size:14px;display:block}.license-item{background:#f9fafb;border-radius:8px;padding:16px}.status{border-radius:20px;align-items:center;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.status-active{color:#166534;background:#dcfce7}.status-danger{color:#991b1b;background:#fee2e2}.empty-license{padding:20px 0 5px}.empty-license p{color:#6b7280}.empty-state{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:60px 30px}.empty-icon{margin-bottom:15px;font-size:42px}.empty-state h2{margin:0 0 8px}.empty-state p{color:#6b7280;margin-bottom:25px}.loading{text-align:center;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:40px}.error-box{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:16px}.search-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:15px;display:flex}.search-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:7px;flex:1;align-items:center;gap:10px;max-width:600px;padding:0 12px;display:flex}.search-icon{font-size:16px}.search-box input{background:0 0;border:0;outline:0;width:100%;padding:11px 0;font-size:14px}.total-empresas{color:#6b7280;font-size:13px}.table-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.empresa-table{border-collapse:collapse;width:100%}.empresa-table thead{background:#f9fafb}.empresa-table th{text-align:left;color:#6b7280;border-bottom:1px solid #e5e7eb;padding:14px 18px;font-size:12px;font-weight:700}.empresa-table td{color:#374151;border-bottom:1px solid #f1f5f9;padding:15px 18px;font-size:13px}.empresa-table tbody tr{cursor:pointer;transition:background .15s}.empresa-table tbody tr:hover{background:#f8fafc}.empresa-nome strong{color:#111827;margin-bottom:4px;font-size:14px;display:block}.empresa-nome span{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-size:12px;display:block;overflow:hidden}.status-neutral{color:#4b5563;background:#f3f4f6}.status-warning{color:#92400e;background:#fef3c7}.btn-table{color:#2563eb;cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:600}.btn-table:hover{text-decoration:underline}.empty-table{text-align:center;color:#6b7280;padding:50px}.license-form{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group label{color:#374151;font-size:13px;font-weight:600}.form-group input{border:1px solid #d1d5db;border-radius:7px;outline:none;height:42px;padding:0 12px;font-size:14px}.form-group input:focus{border-color:#2563eb}.form-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.codigo-gerado{grid-template-columns:1fr 1fr;gap:15px;display:grid}.codigo-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:18px}.codigo-item span{color:#6b7280;margin-bottom:8px;font-size:12px;display:block}.codigo-item strong{color:#111827;letter-spacing:1px;font-size:18px;display:block}.session-timer{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem 1rem;display:flex}.timer-icon{font-size:.9rem}.timer-text{color:#94a3b8;letter-spacing:.02em;font-size:.7rem;font-weight:500}.btn-logout-topbar{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.btn-logout-topbar:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.btn-logout-topbar:active{transform:scale(.95)}.btn-logout{color:#fca5a5;cursor:pointer;background:#ef444426;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .3s;display:flex}.btn-logout:hover{color:#ef4444;background:#ef444440;transform:scale(1.05)}.btn-logout:active{transform:scale(.95)}@media (width<=768px){.btn-logout-topbar{padding:.3rem .6rem;font-size:.75rem}.btn-logout-topbar span{display:none}.session-timer{padding:.4rem .75rem}.timer-text{font-size:.65rem}}@media (width<=480px){.topbar-right{gap:.5rem}.btn-logout-topbar{padding:.25rem .5rem;font-size:.7rem}.session-timer{padding:.3rem .5rem}.timer-text{font-size:.6rem}}.dashboard-page{background:#f8fafc;max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem;animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{border-bottom:2px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:2rem 0;display:flex}.dashboard-header-left h1{color:#0f172a;letter-spacing:-.025em;margin:0 0 .5rem;font-size:2.2rem;font-weight:700}.dashboard-header-left p{color:#64748b;margin:0;font-size:1rem}.dashboard-header-right{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.dashboard-update{color:#94a3b8;font-size:.85rem;font-weight:500}.btn-refresh{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-refresh:hover{background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-1px)}.btn-refresh:active{transform:translateY(0)}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.dashboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:1.5rem;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000000f,0 6px 16px #0000000a}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.dashboard-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:2.5rem;display:flex}.card-empresas .dashboard-card-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.card-empresas{border-left:4px solid #3b82f6}.card-ativas .dashboard-card-icon{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.card-ativas{border-left:4px solid #22c55e}.card-vencidas .dashboard-card-icon{background:linear-gradient(135deg,#fee2e2,#fecaca)}.card-vencidas{border-left:4px solid #ef4444}.card-bloqueadas .dashboard-card-icon{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.card-bloqueadas{border-left:4px solid #64748b}.dashboard-card-content{flex-direction:column;flex:1;gap:.25rem;display:flex}.dashboard-card-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.dashboard-card-value{color:#0f172a;font-size:2rem;font-weight:700;line-height:1}.card-empresas .dashboard-card-value{color:#2563eb}.card-ativas .dashboard-card-value{color:#16a34a}.card-vencidas .dashboard-card-value{color:#dc2626}.card-bloqueadas .dashboard-card-value{color:#475569}.dashboard-columns{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.dashboard-columns{grid-template-columns:1fr}}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;transition:box-shadow .3s;box-shadow:0 1px 3px #0000000f,0 6px 16px #0000000a}.card-title{color:#0f172a;font-size:1.1rem;font-weight:700}.card-badge{color:#475569;background:#f1f5f9;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.license-summary{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem;display:grid}.summary-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .3s;display:flex}.summary-item:hover{background:#f1f5f9}.summary-info{align-items:center;gap:.5rem;display:flex}.summary-dot{border-radius:50%;flex-shrink:0;width:.6rem;height:.6rem}.dot-green{background:#22c55e}.dot-yellow{background:#eab308}.dot-red{background:#ef4444}.dot-gray{background:#94a3b8}.summary-label{color:#475569;font-size:.9rem;font-weight:500}.summary-value{color:#0f172a;font-size:1.1rem;font-weight:700}.summary-ativa .summary-value{color:#16a34a}.summary-proxima .summary-value{color:#ca8a04}.summary-vencida .summary-value{color:#dc2626}.summary-bloqueada .summary-value{color:#475569}.summary-progress{background:#f1f5f9;border-radius:8px;height:.75rem;display:flex;overflow:hidden}.progress-bar{color:#fff;justify-content:center;align-items:center;height:100%;font-size:.6rem;font-weight:700;transition:width .6s;display:flex}.progress-ativa{background:linear-gradient(90deg,#22c55e,#16a34a)}.progress-vencida{background:linear-gradient(90deg,#ef4444,#dc2626)}.progress-bloqueada{background:linear-gradient(90deg,#94a3b8,#64748b)}.quick-actions{flex-direction:column;gap:.75rem;display:flex}.btn-action{cursor:pointer;text-align:left;background:#fff;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;transition:all .3s;display:flex}.btn-action:hover{border-color:#3b82f6;transform:translate(4px);box-shadow:0 4px 12px #3b82f61a}.btn-action-icon{flex-shrink:0;font-size:1.5rem}.btn-action-text{color:#1e293b;flex:1;font-size:.95rem;font-weight:600}.btn-action-badge{color:#475569;background:#f1f5f9;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.btn-action:hover .btn-action-badge{color:#2563eb;background:#dbeafe}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.dashboard-page{padding:1.5rem}.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dashboard-page{padding:1rem}.dashboard-header{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem 0}.dashboard-header-left h1{font-size:1.5rem}.dashboard-header-right{flex-wrap:wrap}.dashboard-grid{grid-template-columns:1fr;gap:1rem}.dashboard-card{padding:1.25rem}.dashboard-card-value{font-size:1.5rem}.license-summary{grid-template-columns:1fr}.card{padding:1.25rem}}@media (width<=480px){.dashboard-page{padding:.75rem}.dashboard-card-icon{width:3rem;height:3rem;font-size:2rem}.dashboard-card-value{font-size:1.25rem}.btn-action{padding:.75rem 1rem}.btn-action-text{font-size:.85rem}}.empresas-page{background:#f8fafc;max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem}.empresas-header{border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem 0;display:flex}.empresas-header-left h1{color:#0f172a;letter-spacing:-.025em;margin:0 0 .5rem;font-size:2rem;font-weight:700}.empresas-header-left p{color:#64748b;margin:0;font-size:1rem}.empresas-header-right{gap:1rem;display:flex}.empresas-search{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.empresas-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:box-shadow .3s;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 6px 16px #0000000a}.empresas-card:hover{box-shadow:0 1px 3px #00000014,0 12px 32px #0000000f}.table-container .col-cnpj{color:#0f172a;letter-spacing:.02em;font-size:.85rem;font-weight:600}.table-container .col-razao{color:#1e293b;font-weight:500}.table-container .col-fantasia{color:#475569}.table-container .col-licenca{text-align:center}.table-container .col-acoes{text-align:right;white-space:nowrap}@media (width<=1024px){.empresas-page{padding:1.5rem}.table-container tbody td{padding:.75rem 1rem}.table-container thead th{padding:.75rem 1rem;font-size:.7rem}}@media (width<=768px){.empresas-header{flex-direction:column;align-items:stretch;gap:1rem;padding:1.5rem 0}.empresas-header-left h1{font-size:1.5rem}.empresas-header-right{width:100%}.empresas-header-right .btn-primary{justify-content:center;width:100%}.empresas-page{padding:1rem}.table-container{padding:0}.table-container table{font-size:.85rem}.table-container tbody td{padding:.6rem .75rem}.table-container thead th{padding:.6rem .75rem;font-size:.6rem}.btn-table{padding:.4rem .8rem;font-size:.75rem}.status{padding:.25rem .75rem;font-size:.65rem}.search-input{padding:.7rem .4rem;font-size:.9rem}.search-container{padding:0 .75rem}}@media (width<=480px){.empresas-page{padding:.75rem}.table-container table{font-size:.75rem}.table-container tbody td{padding:.5rem}.table-container thead th{padding:.5rem;font-size:.55rem}.btn-table{padding:.3rem .6rem;font-size:.65rem}.status{padding:.2rem .5rem;font-size:.6rem}.search-input{padding:.6rem .3rem;font-size:.85rem}}.empresas-page{animation:.4s ease-out fadeIn}.empresa-page{background:#f8fafc;max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem;animation:.4s ease-out fadeIn}.back-button{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 0;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex}.back-button:hover{color:#3b82f6;transform:translate(-4px)}.empresa-header{border-bottom:2px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:2rem 0;display:flex}.empresa-header-left h1{color:#0f172a;letter-spacing:-.025em;margin:0 0 .5rem;font-size:2.2rem;font-weight:700}.empresa-header-left p{color:#64748b;margin:0 0 .5rem;font-size:1.1rem}.empresa-cnpj{color:#475569;letter-spacing:.05em;background:#f1f5f9;border-radius:8px;padding:.35rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.empresa-header-right{flex-shrink:0;align-items:center;gap:1rem;display:flex}.status{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:20px;padding:.4rem 1.2rem;font-size:.8rem;font-weight:700;display:inline-block}.status-danger:before{content:"● ";color:#ef4444}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:2rem;padding:2rem;transition:box-shadow .3s;box-shadow:0 1px 3px #0000000f,0 6px 16px #0000000a}.card:hover{box-shadow:0 1px 3px #00000014,0 12px 32px #0000000f}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.card-title{color:#0f172a;letter-spacing:-.01em;font-size:1.2rem;font-weight:700}.info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.info-item{flex-direction:column;gap:.25rem;display:flex}.info-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:.8rem;font-weight:600}.info-value{color:#0f172a;font-size:1.05rem}.license-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.license-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;gap:.25rem;padding:1rem;display:flex}.license-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:.75rem;font-weight:600}.license-value{color:#0f172a;font-size:1.1rem;font-weight:700}.empty-license{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 2rem;display:flex}.empty-license-icon{margin-bottom:.5rem;font-size:3rem}.empty-license-title{color:#1e293b;font-size:1.1rem;font-weight:700}.empty-license-text{color:#64748b;max-width:400px;margin:0 0 1rem}.codigo-gerado{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:12px;margin-top:1.5rem;overflow:hidden}.codigo-header{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);padding:.75rem 1.5rem;font-size:1rem;font-weight:700}.codigo-body{grid-template-columns:1fr auto;align-items:center;gap:1.5rem;padding:1.5rem;display:grid}@media (width<=600px){.codigo-body{grid-template-columns:1fr}}.codigo-item{flex-direction:column;gap:.25rem;display:flex}.codigo-label{text-transform:uppercase;letter-spacing:.05em;color:#15803d;font-size:.75rem;font-weight:600}.codigo-value{color:#0f172a;word-break:break-all;font-size:1.1rem;font-weight:700}.card-form{border:2px solid #3b82f6;box-shadow:0 0 0 4px #3b82f60d}.license-form{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (width<=600px){.license-form{grid-template-columns:1fr}}.form-input{color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:.75rem 1rem;font-size:1rem;transition:all .3s}.form-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61a}.form-help{color:#94a3b8;font-size:.8rem}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:#475569;cursor:pointer;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.8rem;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-secondary:hover{background:#e2e8f0;border-color:#cbd5e1}.btn-copy{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-self:flex-start;padding:.4rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s}.btn-copy:hover{color:#fff;background:#3b82f6;border-color:#3b82f6}.form-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:1rem;padding-top:1rem;display:flex}@media (width<=600px){.form-actions{flex-direction:column}.form-actions button{justify-content:center;width:100%}}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:.6s linear infinite spin;display:inline-block}@media (width<=768px){.empresa-page{padding:1rem}.empresa-header{flex-direction:column;padding:1rem 0}.empresa-header-left h1{font-size:1.5rem}.card{padding:1.25rem}.info-grid{grid-template-columns:1fr;gap:1rem}.license-grid{grid-template-columns:1fr 1fr;gap:.75rem}.license-item{padding:.75rem}.empty-license{padding:2rem 1rem}}@media (width<=480px){.empresa-page{padding:.75rem}.license-grid{grid-template-columns:1fr}.empresa-header-left h1{font-size:1.2rem}.card{padding:1rem}}.empresa-serial{color:#92400e;letter-spacing:.05em;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;margin-top:.5rem;padding:.35rem 1rem;font-size:.85rem;font-weight:700;display:inline-block}.info-serial{color:#92400e;letter-spacing:.05em;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:6px;padding:.25rem .75rem;font-family:Courier New,monospace;display:inline-block}.license-serial{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b}.license-serial .license-value{color:#92400e;font-family:Courier New,monospace}.form-info{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;display:flex}.form-info-label{color:#92400e;font-size:.85rem;font-weight:600}.form-info-value{color:#78350f;letter-spacing:.05em;font-family:Courier New,monospace;font-size:1rem;font-weight:700}.codigo-item .codigo-value{letter-spacing:.05em;font-family:Courier New,monospace}.btn-danger{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.8rem;font-size:.95rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #ef44444d}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-danger:active{transform:translateY(0)}.btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none}.license-actions{border-top:2px solid #fee2e2;flex-direction:column;align-items:center;gap:.75rem;margin-top:2rem;padding-top:1.5rem;display:flex}.license-action-hint{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:500}@media (width<=600px){.btn-danger{justify-content:center;width:100%}.license-actions{margin-top:1.5rem;padding-top:1rem}.license-action-hint{text-align:center;width:100%;font-size:.75rem}}.licenca-page{background:#f8fafc;max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem;animation:.4s ease-out fadeIn}.licenca-header{border-bottom:2px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:2rem 0;display:flex}.licenca-header-left h1{color:#0f172a;letter-spacing:-.025em;margin:0 0 .5rem;font-size:2.2rem;font-weight:700}.licenca-header-left p{color:#64748b;margin:0;font-size:1rem}.licenca-header-right{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.licenca-stats{flex-wrap:wrap;gap:.75rem;display:flex}.stat-ativa{color:#15803d;background:#dcfce7}.stat-vencida{color:#dc2626;background:#fee2e2}.stat-bloqueada{color:#475569;background:#f1f5f9}.licenca-search{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.licenca-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:box-shadow .3s;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 6px 16px #0000000a}.licenca-card:hover{box-shadow:0 1px 3px #00000014,0 12px 32px #0000000f}.col-empresa{flex-direction:column;gap:.25rem;display:flex}.col-serial{color:#92400e;letter-spacing:.05em;font-family:Courier New,monospace;font-weight:600}.col-validade{font-weight:500}.col-terminais{text-align:center;font-weight:600}.col-status{text-align:center}.status-active:before{content:"● ";color:#22c55e;font-size:.9rem}.status-danger{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;box-shadow:0 2px 8px #ef44441f}.status-danger:before{content:"● ";color:#ef4444;font-size:.9rem}.status-inactive:before{content:"○ ";color:#94a3b8;font-size:.9rem}.btn-table{color:#1e293b;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:8px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .3s}.btn-table:hover{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}.btn-table:active{transform:translateY(0)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:1.5rem;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:520px;max-height:90vh;animation:.3s ease-out modalSlideUp;overflow-y:auto;box-shadow:0 25px 60px #00000040}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.modal-header h2{color:#0f172a;margin:0;font-size:1.3rem;font-weight:700}.modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.25rem .5rem;font-size:1.5rem;line-height:1;transition:all .2s}.modal-close:hover{color:#475569;background:#f1f5f9}.modal-body{padding:2rem}.modal-body p{color:#475569;margin:0 0 1.5rem;font-size:.95rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#1e293b;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.form-group input{color:#1e293b;box-sizing:border-box;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .3s}.form-group input:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61a}.form-group input[type=number]{-moz-appearance:textfield}.form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.codigo-gerado{text-align:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.codigo-gerado p{color:#15803d;margin:0 0 1rem;font-weight:600}.codigo-destaque{background:#fff;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:1rem;padding:1rem 1.5rem}.codigo-destaque span{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.25rem;font-size:.75rem;display:block}.codigo-destaque strong{color:#0f172a;letter-spacing:.05em;word-break:break-all;font-family:Courier New,monospace;font-size:1.4rem;font-weight:700;display:block}.codigo-gerado .btn-table{margin-bottom:1rem}.codigo-gerado .btn-table:hover{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#16a34a}.codigo-gerado p:last-child{color:#475569;margin:0;font-size:.9rem}.codigo-gerado p:last-child strong{color:#0f172a}.form-actions{border-top:2px solid #f1f5f9;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;flex:1;padding:.75rem 1.75rem;font-size:.95rem;font-weight:700;transition:all .3s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f64d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary:hover:not(:disabled){color:#1e293b;background:#e2e8f0}@media (width<=1024px){.licenca-page{padding:1.5rem}.table-container tbody td{padding:.75rem 1rem}.table-container thead th{padding:.75rem 1rem;font-size:.7rem}}@media (width<=768px){.licenca-page{padding:1rem}.licenca-header{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem 0}.licenca-header-left h1{font-size:1.5rem}.licenca-header-right{flex-direction:column;align-items:stretch}.licenca-stats{justify-content:center}.table-container{padding:0}.table-container table{font-size:.85rem}.table-container tbody td{padding:.6rem .75rem}.table-container thead th{padding:.6rem .75rem;font-size:.6rem}.btn-table{padding:.4rem .8rem;font-size:.75rem}.status{padding:.25rem .75rem;font-size:.65rem}.search-input{padding:.7rem .4rem;font-size:.9rem}.search-container{padding:0 .75rem}.col-empresa strong{font-size:.9rem}.empresa-razao{font-size:.7rem}.stat-item{padding:.25rem .5rem;font-size:.7rem}.modal-content{border-radius:16px;max-width:100%;margin:1rem}.modal-header{padding:1.25rem 1.5rem}.modal-header h2{font-size:1.1rem}.modal-body{padding:1.5rem}.form-actions{flex-direction:column;padding:1.25rem 1.5rem}.form-actions button{width:100%}.codigo-destaque strong{font-size:1.1rem}}@media (width<=480px){.licenca-page{padding:.75rem}.table-container table{font-size:.75rem}.table-container tbody td{padding:.5rem}.table-container thead th{padding:.5rem;font-size:.55rem}.btn-table{padding:.3rem .6rem;font-size:.65rem}.status{padding:.2rem .5rem;font-size:.6rem}.search-input{padding:.6rem .3rem;font-size:.85rem}.licenca-stats{gap:.4rem}.stat-item{padding:.2rem .4rem;font-size:.65rem}.modal-header{padding:1rem 1.25rem}.modal-header h2{font-size:1rem}.modal-body{padding:1.25rem}.form-actions{padding:1rem 1.25rem}.form-group input{padding:.6rem .75rem;font-size:.9rem}.codigo-destaque{padding:.75rem 1rem}.codigo-destaque strong{font-size:.95rem}.codigo-gerado{padding:1rem}}.ativacao-page{background:#f8fafc;max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem;animation:.4s ease-out fadeIn}.ativacao-header{border-bottom:2px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:2rem 0;display:flex}.ativacao-header-left h1{color:#0f172a;letter-spacing:-.025em;margin:0 0 .5rem;font-size:2.2rem;font-weight:700}.ativacao-header-left p{color:#64748b;margin:0;font-size:1rem}.ativacao-header-right{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.ativacao-stats{flex-wrap:wrap;gap:.75rem;display:flex}.stat-maquinas{color:#92400e;background:#fef3c7}.ativacao-search{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.search-container{background:#fff;border:2px solid #e2e8f0;border-radius:12px;align-items:center;padding:0 1rem;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000000a}.search-container:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a}.search-icon{color:#94a3b8;flex-shrink:0;margin-right:.75rem;font-size:1.2rem}.search-input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.9rem .5rem;font-size:1rem}.search-input::placeholder{color:#94a3b8;font-size:.95rem}.search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:.5rem;font-size:1.1rem;line-height:1;transition:all .2s}.search-clear:hover{color:#475569;background:#f1f5f9}.search-info{color:#64748b;padding:0 .5rem;font-size:.9rem}.search-info span{font-weight:500}.ativacao-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:box-shadow .3s;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 6px 16px #0000000a}.ativacao-card:hover{box-shadow:0 1px 3px #00000014,0 12px 32px #0000000f}.col-empresa{flex-direction:column;gap:.25rem;min-width:150px;display:flex}.col-empresa strong{color:#0f172a;font-weight:600}.empresa-razao{color:#94a3b8;font-size:.8rem}.col-cnpj{color:#0f172a;letter-spacing:.02em;font-family:Courier New,monospace;font-size:.85rem;font-weight:600}.col-serial{color:#6d28d9;letter-spacing:.05em;font-family:Courier New,monospace;font-size:.9rem;font-weight:700}.col-maquina{min-width:120px}.col-identificador{color:#475569;font-family:Courier New,monospace;font-size:.8rem}.col-ip{color:#0f172a;font-family:Courier New,monospace;font-weight:500}.col-versao{min-width:100px}.col-data{color:#475569;white-space:nowrap;font-weight:500}.maquina-tag{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe;border-radius:6px;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.identificador-tag{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:.25rem .75rem;font-family:Courier New,monospace;font-size:.75rem;font-weight:600;display:inline-block}.versao-tag{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.empty-state p{color:#94a3b8;margin:0;font-size:1.1rem}.error-box{color:#991b1b;background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:6px solid #ef4444;border-radius:12px;margin:2rem 0;padding:1.5rem 2rem;font-weight:500;box-shadow:0 4px 12px #ef44441a}@media (width<=1024px){.ativacao-page{padding:1.5rem}.table-container tbody td{padding:.75rem 1rem}.table-container thead th{padding:.75rem 1rem;font-size:.65rem}}@media (width<=768px){.ativacao-page{padding:1rem}.ativacao-header{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem 0}.ativacao-header-left h1{font-size:1.5rem}.ativacao-header-right{flex-direction:column;align-items:stretch}.ativacao-stats{justify-content:center}.table-container{padding:0}.table-container table{font-size:.85rem}.table-container tbody td{padding:.6rem .75rem}.table-container thead th{padding:.6rem .75rem;font-size:.55rem}.search-input{padding:.7rem .4rem;font-size:.9rem}.search-container{padding:0 .75rem}.col-empresa strong{font-size:.9rem}.empresa-razao{font-size:.7rem}.stat-item{padding:.25rem .5rem;font-size:.7rem}.maquina-tag,.identificador-tag,.versao-tag{padding:.15rem .5rem;font-size:.65rem}}@media (width<=480px){.ativacao-page{padding:.75rem}.table-container table{font-size:.75rem}.table-container tbody td{padding:.5rem}.table-container thead th{padding:.5rem;font-size:.5rem}.search-input{padding:.6rem .3rem;font-size:.85rem}.ativacao-stats{gap:.4rem}.stat-item{padding:.2rem .4rem;font-size:.65rem}.col-identificador{font-size:.65rem}}.empty-state-text{color:#94a3b8;margin:0;font-size:1rem;line-height:1.6}.empty-state-hint{color:#64748b;background:#f1f5f9;border-radius:6px;margin-top:.5rem;padding:.25rem .75rem;font-size:.85rem;display:inline-block}.search-input:disabled{opacity:.5;cursor:not-allowed}.search-input:disabled::placeholder{color:#cbd5e1}@media (width<=768px){.empty-state-icon{font-size:3rem}.empty-state-title{font-size:1.1rem}.empty-state-text{font-size:.9rem}.empty-state-hint{font-size:.75rem}}.login-page{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.login-background{pointer-events:none;position:absolute;inset:0;overflow:hidden}.bg-circle{opacity:.08;border-radius:50%;animation:20s ease-in-out infinite floatCircle;position:absolute}.bg-circle-1{background:linear-gradient(135deg,#3b82f6,#8b5cf6);width:500px;height:500px;animation-delay:0s;top:-10%;right:-5%}.bg-circle-2{background:linear-gradient(135deg,#8b5cf6,#ec4899);width:400px;height:400px;animation-delay:-5s;bottom:-10%;left:-5%}.bg-circle-3{background:linear-gradient(135deg,#06b6d4,#3b82f6);width:300px;height:300px;animation-delay:-10s;top:50%;left:50%;transform:translate(-50%,-50%)}.bg-circle-4{background:linear-gradient(135deg,#ec4899,#f59e0b);width:200px;height:200px;animation-delay:-15s;top:20%;left:20%}.bg-circle-5{background:linear-gradient(135deg,#10b981,#06b6d4);width:250px;height:250px;animation-delay:-8s;bottom:20%;right:20%}@keyframes floatCircle{0%{transform:translate(0)scale(1)}25%{transform:translate(30px,-30px)scale(1.1)}50%{transform:translate(-20px,20px)scale(.9)}75%{transform:translate(20px,30px)scale(1.05)}to{transform:translate(0)scale(1)}}.login-card{-webkit-backdrop-filter:blur(20px);z-index:10;background:#fffffff2;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:420px;padding:2.5rem;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUp;position:relative;box-shadow:0 25px 50px -12px #00000080,inset 0 1px #fff3}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.login-logo{align-items:center;gap:1rem;margin-bottom:2rem;animation:1s .2s both fadeIn;display:flex}.logo-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.8rem;font-weight:800;transition:transform .3s;display:flex;box-shadow:0 8px 24px #3b82f64d}.logo-icon:hover{transform:scale(1.05)rotate(-3deg)}.logo-text{flex-direction:column;gap:.1rem;display:flex}.logo-title{background:linear-gradient(135deg,#0f172a,#1e293b);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:800}.logo-subtitle{text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;-webkit-text-fill-color:#94a3b8;font-size:.75rem;font-weight:600}.login-header{margin-bottom:1.5rem;animation:1s .4s both fadeIn}.login-header h1{color:#0f172a;letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.8rem;font-weight:700}.login-header p{color:#94a3b8;margin:0;font-size:.95rem}.error-box{color:#991b1b;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid #ef4444;border-radius:12px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;animation:.5s shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.login-form{flex-direction:column;gap:1.25rem;animation:1s .6s both fadeIn;display:flex}.form-label{color:#1e293b;letter-spacing:.02em;font-size:.85rem;font-weight:600}.input-wrapper{position:relative}.input-icon{opacity:.4;pointer-events:none;font-size:1rem;transition:opacity .3s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.form-input{color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:.9rem 1rem .9rem 2.8rem;font-size:1rem;transition:all .3s}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.form-input:focus+.input-icon{opacity:1}.form-input:disabled{opacity:.6;cursor:not-allowed}.btn-login{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.9rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #3b82f64d}.btn-login:before{content:"";opacity:0;background:linear-gradient(135deg,#2563eb,#7c3aed);transition:opacity .3s;position:absolute;inset:0}.btn-login:hover:not(:disabled):before{opacity:1}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #3b82f666}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-login span,.btn-login .spinner-white{z-index:1;position:relative}.spinner-white{z-index:1;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1.2rem;height:1.2rem;animation:.6s linear infinite spin;display:inline-block;position:relative}.login-footer{color:#94a3b8;border-top:1px solid #f1f5f9;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding-top:1.5rem;font-size:.85rem;animation:1s .8s both fadeIn;display:flex}.footer-divider{color:#cbd5e1}.footer-version{color:#64748b;background:#f1f5f9;border-radius:4px;padding:.15rem .6rem;font-size:.7rem;font-weight:600}@media (width<=480px){.login-card{border-radius:20px;margin:.5rem;padding:1.5rem}.login-logo{gap:.75rem;margin-bottom:1.5rem}.logo-icon{border-radius:12px;width:44px;height:44px;font-size:1.4rem}.logo-title{font-size:1.3rem}.login-header h1{font-size:1.5rem}.login-header p{font-size:.85rem}.form-input{padding:.75rem 1rem .75rem 2.4rem;font-size:.95rem}.btn-login{padding:.8rem;font-size:.95rem}.login-footer{margin-top:1.5rem;padding-top:1rem;font-size:.75rem}.bg-circle-1{width:300px;height:300px}.bg-circle-2{width:250px;height:250px}.bg-circle-3{width:200px;height:200px}}@media (width<=380px){.login-card{padding:1.25rem}.logo-icon{width:38px;height:38px;font-size:1.2rem}.logo-title{font-size:1.1rem}.login-header h1{font-size:1.3rem}.form-input{padding:.65rem .8rem .65rem 2rem;font-size:.85rem}.btn-login{padding:.7rem;font-size:.85rem}}.usuarios-page{background:#f8fafc;max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem;animation:.4s ease-out fadeIn}.usuarios-header{border-bottom:2px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:2rem 0;display:flex}.usuarios-header-left h1{color:#0f172a;letter-spacing:-.025em;margin:0 0 .5rem;font-size:2.2rem;font-weight:700}.usuarios-header-left p{color:#64748b;margin:0;font-size:1rem}.usuarios-header-right{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.usuarios-stats{flex-wrap:wrap;gap:.75rem;display:flex}.stat-item{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:20px;padding:.35rem .75rem;font-size:.8rem;font-weight:600}.stat-total{color:#1d4ed8;background:#dbeafe}.stat-ativos{color:#15803d;background:#dcfce7}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.usuarios-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:box-shadow .3s;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 6px 16px #0000000a}.usuarios-card:hover{box-shadow:0 1px 3px #00000014,0 12px 32px #0000000f}.table-container{padding:.5rem;overflow-x:auto}.table-container table{border-collapse:separate;border-spacing:0;width:100%;font-size:.95rem}.table-container thead{background:linear-gradient(135deg,#f1f5f9,#f8fafc);border-bottom:2px solid #e2e8f0}.table-container thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#475569;white-space:nowrap;border-bottom:2px solid #e2e8f0;padding:1rem 1.25rem;font-size:.8rem;font-weight:700}.table-container thead th:first-child{border-radius:12px 0 0}.table-container thead th:last-child{border-radius:0 12px 0 0}.table-container tbody tr{cursor:default;border-bottom:1px solid #f1f5f9;transition:all .2s}.table-container tbody tr:hover{background:#f8fafc;transform:scale(1.002);box-shadow:0 2px 8px #00000005}.table-container tbody tr:last-child{border-bottom:none}.table-container tbody td{color:#1e293b;vertical-align:middle;padding:1rem 1.25rem}.col-nome strong{color:#0f172a;font-weight:600}.col-email{color:#475569}.col-telefone{font-weight:500}.col-tipo,.col-status{text-align:center}.actions-column{text-align:right;white-space:nowrap}.status{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:20px;padding:.35rem 1rem;font-size:.75rem;font-weight:700;transition:all .3s;display:inline-block}.status-active{color:#15803d;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;box-shadow:0 2px 8px #22c55e26}.status-active:before{content:"● ";color:#22c55e}.status-inactive{color:#475569;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border:1px solid #94a3b8;box-shadow:0 2px 8px #64748b14}.status-inactive:before{content:"○ ";color:#94a3b8}.user-type{text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:.3rem .8rem;font-size:.75rem;font-weight:700;display:inline-block}.user-type.admin{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b}.user-type.revendedor{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd}.btn-table{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .3s}.btn-inativar{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5}.btn-inativar:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);transform:translateY(-1px);box-shadow:0 4px 12px #ef444433}.btn-ativar{color:#15803d;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac}.btn-ativar:hover{background:linear-gradient(135deg,#bbf7d0,#86efac);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e33}.user-protected{color:#94a3b8;background:#f1f5f9;border-radius:6px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state-icon{opacity:.6;margin-bottom:1rem;font-size:4rem}.empty-state-title{color:#1e293b;margin:0 0 .5rem;font-size:1.3rem;font-weight:700}.empty-state-text{color:#94a3b8;margin:0;font-size:1rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:1.5rem;animation:.3s fadeInOverlay;display:flex;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal-card{background:#fff;border-radius:20px;width:100%;max-width:560px;max-height:90vh;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUpModal;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.modal-header-left h2{color:#0f172a;margin:0 0 .25rem;font-size:1.4rem;font-weight:700}.modal-header-left p{color:#94a3b8;margin:0;font-size:.9rem}.modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-size:1.3rem;transition:all .3s;display:flex}.modal-close:hover:not(:disabled){color:#dc2626;background:#fee2e2;transform:rotate(90deg)}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-form{flex-direction:column;gap:1rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=480px){.form-row{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{color:#1e293b;font-size:.85rem;font-weight:600}.form-input,.form-select{color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:10px;outline:none;padding:.75rem 1rem;font-size:1rem;transition:all .3s}.form-input:focus,.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.form-input:disabled,.form-select:disabled{opacity:.6;cursor:not-allowed}.form-input::placeholder{color:#94a3b8}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.modal-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:1rem;margin-top:.5rem;padding-top:1.5rem;display:flex}.btn-secondary{color:#475569;cursor:pointer;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:10px;padding:.75rem 1.8rem;font-size:.95rem;font-weight:600;transition:all .3s}.btn-secondary:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.spinner-white{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:.6s linear infinite spin;display:inline-block}.error-box{color:#991b1b;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid #ef4444;border-radius:12px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.5rem;font-weight:500;display:flex;box-shadow:0 4px 12px #ef444414}.error-box-modal{margin-bottom:1rem}.error-icon{font-size:1.1rem}.loading{color:#64748b;justify-content:center;align-items:center;gap:1rem;min-height:400px;font-size:1.2rem;display:flex}.loading:after{content:"";border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite spin}@media (width<=1024px){.usuarios-page{padding:1.5rem}.table-container tbody td{padding:.75rem 1rem}.table-container thead th{padding:.75rem 1rem;font-size:.7rem}}@media (width<=768px){.usuarios-page{padding:1rem}.usuarios-header{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem 0}.usuarios-header-left h1{font-size:1.5rem}.usuarios-header-right{flex-direction:column;align-items:stretch}.usuarios-stats{justify-content:center}.usuarios-header-right .btn-primary{justify-content:center;width:100%}.table-container{padding:0}.table-container table{font-size:.85rem}.table-container tbody td{padding:.6rem .75rem}.table-container thead th{padding:.6rem .75rem;font-size:.6rem}.btn-table{padding:.4rem .8rem;font-size:.75rem}.status{padding:.25rem .75rem;font-size:.65rem}.modal-card{margin:.5rem;padding:1.5rem}.modal-actions{flex-direction:column}.modal-actions button{justify-content:center;width:100%}}@media (width<=480px){.usuarios-page{padding:.75rem}.table-container table{font-size:.75rem}.table-container tbody td{padding:.5rem}.table-container thead th{padding:.5rem;font-size:.55rem}.btn-table{padding:.3rem .6rem;font-size:.65rem}.status{padding:.2rem .5rem;font-size:.6rem}.modal-card{padding:1.25rem}.modal-header-left h2{font-size:1.2rem}.user-type{padding:.2rem .5rem;font-size:.65rem}.stat-item{padding:.25rem .5rem;font-size:.7rem}}