:root{--background:#fdfcfa;--foreground:#1c1c1c;--card-bg:#fff;--border:#eaedea;--sidebar:#1d6349;--sidebar-hover:#164f3a;--text-muted:#8b9690;--chart-green:#1d6349;--chart-green-light:#b4d3b6;--chart-orange:#f2623a;--chart-pink:#f7a2ae;--chart-yellow:#f8e5b0}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100%;overflow-x:hidden}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}.dashboard-layout{min-height:100vh;display:flex}.sidebar{background-color:var(--sidebar);color:#fff;flex-direction:column;flex-shrink:0;align-items:center;width:90px;height:100vh;padding:2rem 0;display:flex;position:sticky;top:0}.sidebar-logo{letter-spacing:3px;color:#fff;margin-bottom:2.5rem;font-size:1.25rem;font-weight:800}.nav-links{flex-direction:column;gap:.25rem;width:100%;display:flex}.nav-link{color:#ffffff8c;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.875rem 0;font-size:.7rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:#ffffffd9;background:#ffffff0f}.nav-link.active{color:#fff;background:#0000002e;border-left-color:#fff}.mobile-bottom-nav{display:none}.main-content{flex:1;min-width:0;overflow-y:auto}.dashboard-container{padding:2.5rem 3rem}.top-nav-row{justify-content:space-between;align-items:center;margin-bottom:1.75rem;display:flex}.page-title-section{align-items:center;gap:1rem;display:flex}.page-title{letter-spacing:-1px;color:var(--foreground);font-size:2.25rem;font-weight:800}.nav-arrows{color:var(--text-muted);gap:.75rem;margin-top:4px;display:flex}.search-placeholder{color:#c5cac7;align-items:center;gap:.4rem;margin-left:.5rem;font-size:.875rem;display:flex}.nav-controls{color:var(--text-muted);align-items:center;gap:1.5rem;font-size:.875rem;display:flex}.date-picker{align-items:center;gap:.5rem;display:flex}.user-avatar{background:linear-gradient(135deg,#b4d3b6,#1d6349);border-radius:50%;width:34px;height:34px}.tabs-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.tabs{gap:2rem;display:flex}.tab{color:var(--text-muted);cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-1px;padding-bottom:.875rem;font-size:.875rem;font-weight:500;transition:color .2s}.tab:hover{color:var(--foreground)}.tab.active{color:var(--foreground);border-bottom-color:var(--sidebar)}.tab-icons{color:var(--text-muted);cursor:pointer;gap:1rem;padding-bottom:.875rem;display:flex}.kpi-row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:3rem;padding-bottom:2.5rem;display:flex}.kpi-item{align-items:flex-start;gap:.75rem;display:flex}.kpi-icon{flex-shrink:0;margin-top:.25rem}.kpi-value{color:var(--foreground);font-size:1.875rem;font-weight:800;line-height:1.1}.kpi-label{color:var(--text-muted);margin-top:2px;font-size:.8rem;font-weight:500}.donuts-row{flex-wrap:wrap;align-items:flex-start;gap:0;margin-bottom:.5rem;display:flex}.donut-container{flex:1;min-width:260px;padding-right:2rem}.chart-title{color:var(--foreground);margin-bottom:1.25rem;font-size:1.0625rem;font-weight:700}.donut-legend{flex-direction:column;gap:.6rem;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.charts-grid{grid-template-columns:3fr 2fr;align-items:start;gap:0;display:grid}.chart-section,.audience-section{min-width:0}.region-selector{align-items:center;gap:1rem;display:flex}.region-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.region-pills{flex-wrap:wrap;gap:.375rem;display:flex}.region-pill{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;text-transform:capitalize;background:#fff;border-radius:6px;padding:.3rem .75rem;font-size:.8rem;font-weight:500;transition:all .15s}.region-pill:hover{color:var(--foreground);background:#f5f5f3}.region-pill.active{background:var(--sidebar);color:#fff;border-color:var(--sidebar)}.chat-split-view{border:1px solid var(--border);background:#fff;border-radius:12px;height:calc(100vh - 200px);min-height:400px;display:flex;overflow:hidden;box-shadow:0 4px 24px #0000000d}.chat-sidebar{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:300px;display:flex;overflow:hidden}.user-list-item{border-bottom:1px solid var(--border);cursor:pointer;border-left:3px solid #0000;padding:.875rem 1.25rem;transition:background .15s}.user-name{color:var(--foreground);margin-bottom:.2rem;font-size:.875rem;font-weight:500}.chat-split-view{background:var(--card);border:1px solid var(--border);height:calc(100vh - 180px);min-height:500px;box-shadow:var(--shadow-sm);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.chat-sidebar{border-right:1px solid var(--border);background:#fcfcfb;flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow:hidden}.chat-sidebar .scroll-container-wrapper{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.sidebar-header{color:var(--text-muted);border-bottom:1px solid var(--border);letter-spacing:.05em;text-transform:uppercase;background:#fafaf9;padding:1.25rem 1.5rem;font-size:.8rem;font-weight:700}.user-list{flex:1;list-style:none;overflow-y:auto}.user-list-item{border-bottom:1px solid var(--border);cursor:pointer;border-left:4px solid #0000;flex-direction:column;gap:.25rem;padding:1rem 1.5rem;transition:all .2s;display:flex}.user-list-item:hover{background:#f5f5f3}.user-list-item.active{border-left-color:var(--sidebar);background:#1d63490f}.user-name{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.user-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.user-last-active{color:#8b9690;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.chat-main{background:#fff;flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-history{flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-history-header{border-bottom:1px solid var(--border);background:#fcfcfb;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.chat-history-header h3{color:var(--foreground);font-size:1rem;font-weight:700}.chat-history-header span{color:var(--text-muted);background:#f3f3f0;border-radius:6px;padding:.25rem .6rem;font-size:.8rem}.chat-messages{background:#fafaf9;flex-direction:column;flex:1;gap:1.5rem;padding:2rem;display:flex;overflow-y:auto}.chat-bubble-container{flex-direction:column;gap:.35rem;width:100%;display:flex}.chat-timestamp{color:var(--text-muted);background:#f3f3f0;border-radius:4px;align-self:center;margin:.5rem 0;padding:.2rem .5rem;font-size:.7rem}.chat-qa-pair{flex-direction:column;gap:1rem;width:100%;display:flex}.chat-bubble{border-radius:12px;max-width:75%;padding:1rem 1.25rem;font-size:.875rem;line-height:1.55;box-shadow:0 1px 3px #0000000d}.user-bubble{border:1px solid var(--border);background:#fff;border-top-right-radius:2px;align-self:flex-end}.ai-bubble{background:#1d63490d;border:1px solid #1d63491a;border-top-left-radius:2px;align-self:flex-start}.bubble-role{color:var(--sidebar);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem;font-size:.65rem;font-weight:800}.bubble-text{color:#2b2b28;white-space:pre-wrap}@media (max-width:1024px){.chat-split-view{height:calc(100vh - 240px)}.chat-sidebar{width:250px}}@media (max-width:768px){.sidebar{display:none}.mobile-bottom-nav{z-index:1000;background:var(--sidebar);border-top:1px solid #ffffff1a;height:64px;padding:0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0000002e}.mobile-tab{letter-spacing:.02em;color:#ffffff80;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;padding:0;font-size:.65rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex;position:relative}.mobile-tab:before{content:"";opacity:0;background:#fff;border-radius:0 0 2px 2px;height:2px;transition:opacity .2s,transform .2s;position:absolute;top:0;left:20%;right:20%;transform:scaleX(0)}.mobile-tab.active{color:#fff}.mobile-tab.active:before{opacity:1;transform:scaleX(1)}.mobile-tab-logout{color:#ffffff73}.mobile-tab-logout:hover{color:#ffffffbf}.main-content{padding-bottom:64px}.dashboard-layout{flex-direction:column}.dashboard-container{padding:1.25rem 1rem}.top-nav-row{flex-direction:column;align-items:flex-start;gap:.875rem}.page-title{font-size:1.5rem}.nav-controls{flex-direction:column;align-items:flex-start;gap:.625rem;width:100%}.date-picker{flex-wrap:wrap;gap:.5rem;width:100%}.date-picker input[type=date]{flex:1;min-width:120px}.region-selector{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.region-pills{flex-wrap:wrap;width:100%}.region-pill{text-align:center;flex:1;min-width:60px;font-size:.75rem}.kpi-row{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:grid}.kpi-value{font-size:1.4rem}.chat-split-view{border-radius:10px;flex-direction:column;height:calc(100vh - 144px);min-height:400px}.chat-sidebar{border-right:none;border-bottom:1px solid var(--border);flex-shrink:0;width:100%;height:160px}.user-list{-webkit-overflow-scrolling:touch;flex-direction:row;display:flex;overflow:auto hidden}.user-list-item{border-bottom:none;border-right:1px solid var(--border);border-bottom:3px solid #0000;border-left:none;min-width:220px;padding:.75rem 1rem}.user-list-item.active{border-left-color:#0000;border-bottom-color:var(--sidebar);background:#1d63490f}.chat-main{flex:1;overflow:hidden}.chat-messages{padding:1rem}.chat-bubble{max-width:88%}.chat-history-header{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.875rem 1rem}}.scroll-container-wrapper{width:100%;position:relative}.scroll-arrow-btn{background:var(--sidebar);color:#fff;cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;font-weight:700;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:50%;right:-4px;transform:translateY(-50%);box-shadow:0 2px 8px #00000040}.scroll-arrow-btn:hover{background:var(--sidebar-hover);transform:translateY(-50%)scale(1.05)}.scroll-arrow-btn:active{transform:translateY(-50%)scale(.95)}@media (min-width:769px){.scroll-arrow-btn{display:none!important}}