*{box-sizing:border-box}body{color:#111827;background:#f4f6f8;margin:0;font-family:Arial,sans-serif}button,input,select,textarea{font-family:inherit}button{cursor:pointer}.app{min-height:100vh;display:flex}.sidebar{color:#fff;background:#111827;width:260px;min-width:260px;padding:24px}.brand{align-items:center;gap:12px;margin-bottom:36px;display:flex}.brand-icon{background:#2563eb;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:flex}.brand span{color:#9ca3af;margin-top:4px;font-size:13px;display:block}nav{flex-direction:column;gap:8px;display:flex}nav a{color:#d1d5db;border-radius:10px;padding:12px;text-decoration:none;transition:all .2s}nav a:hover{color:#fff;background:#1f2937}.main{flex:1;min-width:0;padding:32px;overflow-x:hidden}.header,.page-topbar{z-index:100;background:#f4f6f8;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:20px 0;display:flex;position:sticky;top:0}.header h1,.page-topbar h1{margin:0;font-size:32px}.header p,.page-topbar p{color:#6b7280;margin:8px 0 0}.header button,.page-topbar button,.primary-button{color:#fff;white-space:nowrap;background:#2563eb;border:0;border-radius:10px;padding:12px 18px;font-weight:700}.header button:hover,.page-topbar button:hover,.primary-button:hover{background:#1d4ed8}.cards{grid-template-columns:repeat(4,minmax(180px,1fr));gap:18px;margin-bottom:24px;display:grid}.card,.panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 25px #0f172a0a}.card{justify-content:space-between;align-items:center;padding:22px;display:flex}.card span{color:#6b7280;font-size:14px}.card strong{margin-top:8px;font-size:24px;display:block}.content-grid{grid-template-columns:1fr 1.5fr;gap:18px;display:grid}.panel{padding:22px}.panel-title{align-items:center;gap:10px;margin-bottom:18px;display:flex}.panel-title h2{margin:0;font-size:18px}.company-list,.funnel{flex-direction:column;gap:10px;display:flex}.company-item,.funnel-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:14px;display:flex}.company-item{justify-content:flex-start;gap:10px}.kanban{grid-template-columns:repeat(7,minmax(260px,1fr));gap:16px;padding-bottom:16px;display:grid;overflow-x:auto}.kanban-column{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;min-height:600px;padding:14px}.kanban-column-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.kanban-column-header strong{font-size:15px}.kanban-column-header span{color:#374151;background:#e5e7eb;border-radius:999px;padding:4px 9px;font-size:13px}.kanban-cards{flex-direction:column;gap:12px;display:flex}.opportunity-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;box-shadow:0 8px 20px #0f172a0d}.opportunity-card h3{margin:0 0 8px;font-size:15px}.opportunity-card p{color:#6b7280;margin:0 0 12px;font-size:13px}.opportunity-card strong{margin-bottom:12px;font-size:18px;display:block}.opportunity-footer{color:#6b7280;justify-content:space-between;gap:8px;font-size:13px;display:flex}.card-button{width:100%;margin-top:14px}.modal-overlay{z-index:1000;background:#0f172a8c;justify-content:center;align-items:flex-start;padding:40px 24px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:18px;width:100%;max-width:560px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 25px 80px #0f172a40}.modal-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-header h2{margin:0}.modal-header button{color:#111827;background:#f3f4f6;border:0;border-radius:999px;width:34px;height:34px;font-size:22px}.form{flex-direction:column;gap:14px;display:flex}.form label{flex-direction:column;gap:6px;font-size:14px;font-weight:700;display:flex}.form input,.form select,.form textarea{border:1px solid #d1d5db;border-radius:10px;outline:none;padding:11px 12px;font-size:15px}.form textarea{resize:vertical;min-height:90px}.form input:focus,.form select:focus,.form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.form-actions button{color:#fff;background:#2563eb;border:0;border-radius:10px;padding:12px 18px;font-weight:700}.secondary-button{color:#111827!important;background:#e5e7eb!important}.checkbox-line{align-items:center;gap:10px;flex-direction:row!important}.checkbox-line input{width:auto}.table-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:auto;box-shadow:0 10px 25px #0f172a0a}.data-table{border-collapse:collapse;width:100%;min-width:900px}.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:16px}.data-table th{color:#374151;text-transform:uppercase;background:#f9fafb;font-size:13px}.data-table td span{color:#6b7280;margin-top:4px;font-size:13px;display:block}@media (width<=1200px){.cards{grid-template-columns:repeat(2,minmax(220px,1fr))}.content-grid{grid-template-columns:1fr}}@media (width<=800px){.app{flex-direction:column}.sidebar{width:100%;min-width:100%}.cards,.content-grid{grid-template-columns:1fr}.header,.page-topbar{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:1fr}}.opportunity-card{cursor:pointer}.danger-button{color:#fff!important;background:#dc2626!important}.pagina{flex-direction:column;gap:20px;display:flex}.topo-pagina{justify-content:space-between;align-items:center;display:flex}.topo-pagina h1{margin:0}.topo-pagina p{color:#6b7280}.btn-primario{color:#fff;background:#2563eb;border:0;border-radius:10px;align-items:center;gap:8px;padding:12px 18px;font-weight:700;display:flex}.btn-secundario{color:#111827;background:#e5e7eb;border:0;border-radius:10px;padding:12px 18px}.btn-icone{background:0 0;border:none}.barra-filtros{margin-bottom:10px;display:flex}.campo-busca{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:10px;width:400px;padding:12px 16px;display:flex}.campo-busca input{border:none;outline:none;flex:1}.kanban-coluna{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;min-height:500px;padding:14px}.kanban-coluna-topo{justify-content:space-between;align-items:center;display:flex}.kanban-coluna-topo h3{margin:0;font-size:15px}.kanban-coluna-topo span{background:#e5e7eb;border-radius:999px;padding:4px 10px;font-size:13px}.kanban-indicadores{color:#6b7280;flex-direction:column;gap:4px;margin:12px 0 16px;font-size:12px;display:flex}.card-kanban{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:12px;padding:14px;box-shadow:0 8px 20px #0f172a0d}.card-topo{justify-content:space-between;margin-bottom:12px;display:flex}.card-topo span{color:#6b7280;font-size:12px}.card-kanban h4{margin:0 0 8px;font-size:15px}.card-kanban p{color:#6b7280;margin:0 0 12px;font-size:13px}.card-info{justify-content:space-between;margin-top:10px;display:flex}.card-acoes{justify-content:space-between;margin-top:16px;display:flex}.card-acoes button{background:#f3f4f6;border:none;border-radius:8px;width:34px;height:34px}.modal-fundo{z-index:9999;background:#0f172a8c;justify-content:center;align-items:flex-start;padding:40px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal.grande{max-width:1000px}.modal-topo{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.grid-form{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.campo{flex-direction:column;gap:6px;display:flex}.campo span{font-size:14px;font-weight:700}.campo.full{grid-column:span 2}.modal-acoes{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.lista-historico{flex-direction:column;gap:14px;display:flex}.item-historico{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}:root{--wpl-primary:#0f172a;--wpl-secondary:#1e293b;--wpl-accent:#f59e0b;--wpl-success:#10b981;--wpl-danger:#ef4444;--wpl-bg:#f8fafc;--wpl-card:#fff}body{font-family:"Exo 2",Arial,sans-serif}.logout-button{cursor:pointer;color:#fff;background:#dc2626;border:none;border-radius:8px;width:100%;margin-top:20px;padding:12px;font-weight:600}.logout-button:hover{background:#b91c1c}.login-page{background:linear-gradient(135deg,#0f172a,#1e293b);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border-radius:18px;width:100%;max-width:420px;padding:36px;box-shadow:0 25px 60px #00000040}.login-card h1{color:#0f172a;margin:0;font-size:28px}.login-card p{color:#64748b;margin:8px 0 28px}.login-card label{color:#334155;flex-direction:column;gap:8px;margin-bottom:18px;font-weight:600;display:flex}.login-card input{border:1px solid #cbd5e1;border-radius:10px;outline:none;height:46px;padding:0 14px;font-size:15px}.login-card input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.login-card button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;height:48px;margin-top:8px;font-size:16px;font-weight:700}.login-card button:hover{background:#1d4ed8}.login-card button:disabled{opacity:.7;cursor:not-allowed}.form-error{color:#dc2626;margin-bottom:14px;font-size:14px;font-weight:600;display:block}.loading-page{color:#0f172a;justify-content:center;align-items:center;min-height:100vh;font-weight:700;display:flex}