@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=DM+Sans:wght@400;500;600;700&display=swap");:root{--navy:#0d1f35;--navy-mid:#162d4a;--gold:#c8922a;--gold-light:#e6b04a;--gold-pale:#fdf3e0;--cream:#f8f5f0;--white:#fff;--g100:#f5f5f5;--g200:#e8e8e8;--g300:#d0d0d0;--g400:#9a9a9a;--g600:#5a5a5a;--g800:#1a1a1a;--green:#16a34a;--green-pale:#f0fdf4;--red:#dc2626;--red-pale:#fff5f5;--blue:#2563eb;--blue-pale:#eff6ff;--sidebar-w:240px;--r:8px;--rl:14px;--tr:all 0.15s ease}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:DM Sans,sans-serif;background:var(--cream);color:var(--g800);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Playfair Display,serif}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:DM Sans,sans-serif}input,select,textarea{outline:none}.btn-primary{background:var(--navy);color:var(--white);border:none;padding:12px 24px;border-radius:var(--r);font-size:14px;font-weight:700;cursor:pointer;transition:var(--tr);display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{background:var(--gold)}.btn-secondary{background:transparent;color:var(--navy);border:1.5px solid var(--g200);padding:10px 20px;border-radius:var(--r);font-size:13px;font-weight:600;cursor:pointer;transition:var(--tr)}.btn-secondary:hover{border-color:var(--navy)}.btn-approve{background:var(--green);color:var(--white);border:none;padding:8px 16px;border-radius:var(--r);font-size:13px;font-weight:700;cursor:pointer;transition:var(--tr)}.btn-approve:hover{background:#15803d}.btn-reject{background:transparent;color:var(--g400);border:1.5px solid var(--g200);padding:8px 16px;border-radius:var(--r);font-size:13px;font-weight:600;cursor:pointer;transition:var(--tr)}.btn-reject:hover{color:var(--red);border-color:var(--red)}.btn-edit{background:var(--g100);color:var(--navy);border:1.5px solid var(--g200);padding:8px 14px;border-radius:var(--r);font-size:12px;font-weight:600;cursor:pointer;transition:var(--tr)}.btn-edit:hover{border-color:var(--navy)}.btn-edit:hover,.input{background:var(--white)}.input{width:100%;padding:12px 14px;border:1.5px solid var(--g200);border-radius:var(--r);font-size:14px;color:var(--navy);transition:var(--tr)}.input:focus{border-color:var(--navy)}.input::placeholder{color:var(--g400)}.label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--g600);margin-bottom:6px}.card{background:var(--white);border:1px solid var(--g200);border-radius:var(--rl);overflow:hidden}.card-header{padding:18px 22px 14px;border-bottom:1px solid var(--g200);justify-content:space-between}.card-header,.card-title{display:flex;align-items:center}.card-title{font-size:15px;font-weight:700;color:var(--navy);gap:10px}.card-body{padding:18px 22px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:100px;font-size:11px;font-weight:700;background:var(--gold-pale);color:var(--gold)}.badge-red{background:var(--red);color:var(--white)}.badge-green{background:var(--green);color:var(--white)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 20px;border-radius:var(--r);font-size:13px;font-weight:600;color:var(--white);animation:slideUp .3s ease;box-shadow:0 4px 16px rgba(0,0,0,.15)}.toast-success{background:var(--green)}.toast-info{background:var(--navy)}.toast-error{background:var(--red)}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.agent-avatar{width:64px;height:64px;border-radius:14px;background:var(--navy);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.agent-avatar svg{width:48px;height:48px}.agent-avatar-md{width:52px;height:52px;border-radius:12px;background:var(--navy);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.agent-avatar-md svg{width:38px;height:38px}.agent-avatar-sm{width:32px;height:32px;border-radius:8px;background:var(--navy);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.agent-avatar-sm svg{width:24px;height:24px}.av-inbox-bar{transform-origin:bottom center;animation:barSort 2.4s ease-in-out infinite}@keyframes barSort{0%,to{opacity:.35;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.av-content-dot{animation:dotPop 2.8s ease-in-out infinite}@keyframes dotPop{0%,to{opacity:.2}50%{opacity:1}}.av-vis-path{stroke-dasharray:120;stroke-dashoffset:120;animation:drawLine 2.2s ease-in-out infinite}.av-vis-dot{opacity:0;animation:nodePulse 2.2s ease-in-out infinite}@keyframes drawLine{0%{stroke-dashoffset:120}60%,to{stroke-dashoffset:0}}@keyframes nodePulse{0%,50%{opacity:0}70%,90%{opacity:1}to{opacity:0}}.av-pipe-dot{animation:funnelFlow 2.6s ease-in-out infinite}@keyframes funnelFlow{0%{opacity:0;transform:translateY(-3px)}25%{opacity:1;transform:translateY(0)}75%{opacity:1;transform:translateY(2px)}to{opacity:0;transform:translateY(5px)}}.spinner{width:20px;height:20px;border:2px solid var(--g200);border-top-color:var(--navy);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.modal-overlay{position:fixed;inset:0;background:rgba(13,31,53,.75);display:flex;align-items:center;justify-content:center;z-index:500;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--white);border-radius:18px;padding:40px;max-width:520px;width:95vw;box-shadow:0 24px 80px rgba(0,0,0,.2);animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}.typing-dots{display:flex;gap:4px;align-items:center;padding:4px 0}.typing-dots span{width:6px;height:6px;background:var(--g300);border-radius:50%;animation:typingBounce 1.2s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}