*{box-sizing:border-box}body{color:#0f172a;background:#f4f7fb;margin:0;font-family:Inter,Arial,sans-serif}button,input,textarea,select{font-family:inherit}.appShell{min-height:100vh;display:flex}.sidebar{color:#fff;background:#0f172a;flex-direction:column;gap:24px;width:270px;padding:24px 18px;display:flex}.brandBox{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:4px 6px 18px;display:flex}.brandLogo{color:#111827;background:linear-gradient(135deg,#fbbf24,#d97706);border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:flex}.brandBox h2{margin:0;font-size:21px}.brandBox p{color:#94a3b8;margin:4px 0 0;font-size:12px}.navMenu{flex-direction:column;gap:6px;display:flex}.navItem{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-weight:700;display:flex}.navItem:hover{color:#fff;background:#1e293b}.navItem.active{color:#fff;background:#2563eb}.ownerCard{background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:12px;margin-top:auto;padding:12px;display:flex}.ownerCard p{color:#94a3b8;margin:3px 0 0;font-size:12px}.avatar{color:#0369a1;background:#e0f2fe;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:900;display:flex}.mainArea{flex:1;padding:26px;overflow:auto}.topBar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.topBar h1{margin:0;font-size:30px}.topBar p{color:#64748b;margin:6px 0 0}.topActions{align-items:center;gap:10px;display:flex}.statusPill,.datePill{border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.statusPill{color:#15803d;background:#dcfce7}.datePill{background:#fff;border:1px solid #e2e8f0}.pageStack{flex-direction:column;gap:18px;display:flex}.card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:20px;box-shadow:0 8px 25px #0f172a0a}.cardHeader{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.cardHeader h2{margin:0;font-size:19px}.commandRow{align-items:stretch;gap:12px;display:flex}.commandRow textarea{flex:1;min-height:72px}textarea,input,select{background:#fff;border:1px solid #cbd5e1;border-radius:14px;width:100%;padding:12px 14px;font-size:14px}textarea{resize:vertical}.primaryButton{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:14px;min-height:48px;padding:0 24px;font-weight:900}.primaryButton:hover{background:#1d4ed8}.primaryButton:disabled{opacity:.6;cursor:not-allowed}.alertSuccess,.alertError{border-radius:14px;margin-top:12px;padding:12px 14px;font-weight:700}.alertSuccess{color:#166534;background:#dcfce7}.alertError{color:#991b1b;background:#fee2e2}.kpiGrid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.kpiCard{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px;box-shadow:0 8px 25px #0f172a0a}.kpiCard p{color:#64748b;margin:0;font-size:13px}.kpiCard strong{margin-top:8px;font-size:26px;display:block}.kpiCard span{color:#16a34a;margin-top:9px;font-size:12px;font-weight:700;display:block}.dashboardGrid{grid-template-columns:1.35fr .85fr .85fr;gap:18px;display:grid}.wideCard{min-height:400px}.agentFlow{text-align:center}.flowBox{background:#f8fafc;border:1px solid #cbd5e1;border-radius:14px;max-width:300px;margin:10px auto;padding:13px;font-weight:900}.flowBox.blue{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.flowArrow{color:#94a3b8;font-size:24px}.agentGrid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}.agentColumn{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:14px}.agentColumn h3{margin:0 0 10px;font-size:14px}.agentChip{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-top:7px;padding:8px 10px;font-size:12px}.reportGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.preText{white-space:pre-wrap;word-break:break-word;color:#334155;max-height:420px;margin:0;font-family:inherit;font-size:14px;line-height:1.55;overflow:auto}.miniList{flex-direction:column;gap:10px;display:flex}.miniItem{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px}.miniItem p{color:#64748b;margin:5px 0 0;font-size:13px}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0;padding:13px}th{color:#64748b;font-size:13px}.tableDesc{color:#64748b;max-width:600px;margin:6px 0 0;font-size:13px}.statusBadge{color:#334155;background:#e2e8f0;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-block}.status-pending{color:#92400e;background:#fef3c7}.status-approved{color:#166534;background:#dcfce7}.status-rejected{color:#991b1b;background:#fee2e2}.status-new{color:#1d4ed8;background:#dbeafe}.status-follow_up{color:#92400e;background:#fef3c7}.status-qualified{color:#6d28d9;background:#ede9fe}.status-deal{color:#166534;background:#dcfce7}.status-operational{color:#0369a1;background:#e0f2fe}.actionButtons{gap:8px;display:flex}.smallApprove,.smallReject{cursor:pointer;border:0;border-radius:10px;padding:8px 10px;font-weight:900}.smallApprove{color:#166534;background:#dcfce7}.smallReject{color:#991b1b;background:#fee2e2}.reportList,.knowledgeList{flex-direction:column;gap:14px;display:flex}.reportItem,.knowledgeItem{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:14px}.reportHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.reportHeader span{color:#64748b;font-size:12px}.leadForm{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.knowledgeForm{gap:12px;display:grid}.knowledgeForm textarea{min-height:160px}.timeline{flex-direction:column;gap:14px;display:flex}.timelineItem{border-bottom:1px solid #e2e8f0;gap:12px;padding-bottom:12px;display:flex}.timelineDot{background:#2563eb;border-radius:50%;width:12px;height:12px;margin-top:4px}.timelineItem p{color:#475569;margin:5px 0}.timelineItem span{color:#94a3b8;font-size:12px}.emptyState{text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;padding:24px}.mutedText{color:#64748b;font-size:14px}@media (width<=1200px){.kpiGrid,.dashboardGrid,.reportGrid,.agentGrid,.leadForm{grid-template-columns:1fr}.commandRow{flex-direction:column}.sidebar{width:230px}}@media (width<=800px){.appShell{flex-direction:column}.sidebar{width:100%}.mainArea{padding:16px}.topBar{flex-direction:column;align-items:flex-start;gap:12px}}.whatsappLayout{grid-template-columns:380px 1fr;gap:18px;display:grid}.conversationList{flex-direction:column;gap:10px;display:flex}.conversationItem{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:5px;width:100%;padding:13px;display:flex}.conversationItem:hover{background:#eef2ff}.conversationItem.selected{background:#eff6ff;border-color:#2563eb}.conversationItem strong{color:#0f172a}.conversationItem span,.conversationItem small{color:#64748b;font-size:12px}.chatBox{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:12px;min-height:420px;max-height:560px;padding:16px;display:flex;overflow-y:auto}.chatBubble{border-radius:16px;max-width:75%;padding:12px 14px;font-size:14px;line-height:1.45}.chatBubble small{opacity:.75;margin-top:7px;font-size:11px;display:block}.chatBubble.inbound{background:#fff;border:1px solid #e2e8f0;align-self:flex-start}.chatBubble.outbound{color:#fff;background:#2563eb;align-self:flex-end}.sendMessageForm{grid-template-columns:1fr auto;align-items:stretch;gap:12px;margin-top:14px;display:grid}.sendMessageForm textarea{min-height:70px}@media (width<=1000px){.whatsappLayout,.sendMessageForm{grid-template-columns:1fr}}.loginPage{background:radial-gradient(circle at 0 0,#2563eb2e,#0000 32%),radial-gradient(circle at 100% 100%,#f59e0b24,#0000 30%),linear-gradient(135deg,#eef4ff 0%,#f8fbff 100%)!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:100vh!important;padding:24px!important;display:flex!important}.loginCard{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:28px!important;width:100%!important;max-width:440px!important;margin:0 auto!important;padding:36px 32px!important;box-shadow:0 30px 90px #0f172a29!important}.loginCard .brandLogo,.loginCard .brandLogo.big{color:#111827!important;background:linear-gradient(135deg,#f59e0b,#d97706)!important;border-radius:20px!important;justify-content:center!important;align-items:center!important;width:64px!important;height:64px!important;margin:0 auto 22px!important;font-size:22px!important;font-weight:900!important;display:flex!important;box-shadow:0 14px 28px #f59e0b47!important}.loginCard h1{text-align:center!important;color:#0f172a!important;margin:0!important;font-size:28px!important;font-weight:900!important;line-height:1.2!important}.loginCard p{text-align:center!important;color:#64748b!important;margin:12px 0 28px!important;font-size:15px!important;line-height:1.6!important}.loginCard label{color:#334155!important;margin:16px 0 8px!important;font-size:14px!important;font-weight:800!important;display:block!important}.loginCard input{color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:16px!important;outline:none!important;width:100%!important;height:52px!important;padding:0 16px!important;font-size:15px!important;transition:all .2s!important}.loginCard input:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb1f!important}.loginCard .primaryButton{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border:none!important;border-radius:16px!important;width:100%!important;height:54px!important;margin-top:22px!important;font-size:16px!important;font-weight:900!important;box-shadow:0 16px 30px #2563eb47!important}.loginCard .primaryButton:hover{transform:translateY(-1px)!important;box-shadow:0 20px 34px #2563eb52!important}.loginCard .alertError{color:#b91c1c!important;background:#fef2f2!important;border:1px solid #fecaca!important;border-radius:14px!important;margin-top:14px!important;padding:12px 14px!important;font-size:14px!important;font-weight:700!important}@media (width<=520px){.loginCard{border-radius:22px!important;padding:28px 22px!important}.loginCard h1{font-size:24px!important}}.chatToolbar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px;display:flex}.aiStatus{border-radius:999px;align-items:center;padding:7px 11px;font-size:12px;font-weight:900;display:inline-flex}.aiStatus.on{color:#166534;background:#dcfce7}.aiStatus.off{color:#991b1b;background:#fee2e2}.filterBar{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.filterBar button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900}.filterBar button:hover{background:#eff6ff;border-color:#93c5fd}.filterBar button.filterActive{color:#fff;background:#2563eb;border-color:#2563eb}.statusSelect{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:999px;max-width:140px;height:36px;padding:0 12px;font-size:12px;font-weight:900}