@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--primary-color:#114e38;--primary-hover:#064e3b;--bg-color:#f3f4f6;--card-bg:#fff;--text-main:#111827;--text-muted:#6b7280;--border-color:#f3f4f6;--sidebar-w:260px;--right-sidebar-w:320px}*{box-sizing:border-box;scrollbar-width:none;margin:0;padding:0;font-family:Inter,sans-serif}::-webkit-scrollbar{display:none}body{background-color:var(--bg-color);color:var(--text-main);width:100%;min-height:100vh}.dashboard-container{background-color:var(--bg-color);width:100%;max-width:1600px;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background-color:var(--card-bg);flex-shrink:0;height:100vh;padding:24px 0 24px 20px;overflow-y:auto}.main-content{background-color:var(--bg-color);max-width:calc(100vw - var(--sidebar-w) - var(--right-sidebar-w));flex:1;height:100vh;padding:12px 16px;overflow-y:auto}.right-sidebar{width:var(--right-sidebar-w);flex-direction:column;flex-shrink:0;gap:16px;height:100vh;padding:16px;display:flex;overflow-y:auto}.card{background:var(--card-bg);border-radius:12px;box-shadow:0 4px 12px #00000008}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{color:var(--text-main);background:0 0;border:1px solid #d1d5db}.btn-outline:hover{background:#f9fafb}input{font-family:Inter,sans-serif}@keyframes msg-highlight-pulse{0%{background-color:var(--card-bg);transform:translateY(0)scale(1);box-shadow:0 4px 12px #00000008}20%{background-color:#fef3c7;transform:translateY(-6px)scale(1.03);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}80%{background-color:#fef3c7;transform:translateY(-6px)scale(1.03);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}to{background-color:var(--card-bg);transform:translateY(0)scale(1);box-shadow:0 4px 12px #00000008}}.msg-highlight{z-index:50;animation:2s cubic-bezier(.4,0,.2,1) forwards msg-highlight-pulse!important}.msg-bubble-selectable{cursor:pointer;transition:transform .2s,box-shadow .2s}.msg-bubble-selectable:hover{transform:translateY(-1px)}.msg-bubble-selected{border:1px solid var(--primary-color)!important;background:#114e381a!important}@keyframes dashboardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes sidebarSlideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:none}}@keyframes sidebarSlideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes headerSlideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.animate-dashboard{opacity:1;animation:.6s cubic-bezier(.16,1,.3,1) dashboardFadeIn;transform:none}.animate-sidebar-left{opacity:1;animation:.6s cubic-bezier(.16,1,.3,1) sidebarSlideInLeft;transform:none}.animate-sidebar-right{opacity:1;animation:.6s cubic-bezier(.16,1,.3,1) sidebarSlideInRight;transform:none}.animate-header{opacity:1;animation:.6s cubic-bezier(.16,1,.3,1) headerSlideInDown;transform:none}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}@keyframes pageEntrance{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.page-entrance{opacity:1;animation:.6s cubic-bezier(.16,1,.3,1) pageEntrance;transform:none}
