.dashboard-page{min-height:100vh;background-color:var(--color-cream, #FDF5E8);padding-top:6rem;padding-bottom:4rem}.dashboard-tabs-container{background-color:var(--color-text, #411F14);margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000001a}.dash-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:stretch}.bento-box{background-color:#ffffffe6;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 15px #00000008;border:1px solid rgba(65,31,20,.05);display:flex;flex-direction:column}.block-traffic{grid-column:span 2}.block-wiki{grid-column:span 1}.block-b2b{grid-column:span 3}@media(max-width:900px){.bento-grid{grid-template-columns:1fr}.block-traffic,.block-wiki,.block-b2b{grid-column:span 1}}.bento-header{margin-bottom:1.5rem}.bento-header.flex-between{display:flex;justify-content:space-between;align-items:flex-end}.bento-header h2{margin:0;font-size:1.15rem;color:var(--color-text, #411F14);font-weight:700}.kpi-group{display:flex;gap:2rem;margin-top:.75rem}.kpi-mini{display:flex;flex-direction:column}.kpi-label{font-size:.8rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}.kpi-value{font-size:1.75rem;color:var(--color-text, #411F14);font-weight:800}.text-accent{color:var(--color-accent, #EFA916)!important}.chart-wrapper{position:relative;width:100%;flex-grow:1}.line-chart-wrapper{min-height:300px}.polar-chart-wrapper{min-height:250px;display:flex;align-items:center;justify-content:center}.table-responsive{overflow-x:auto;width:100%}table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{padding:.8rem 1rem;text-align:left;border-bottom:1px solid rgba(65,31,20,.08)}th{color:var(--color-text, #411F14);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.02em}td{color:#4b5563}.small-table th,.small-table td{padding:.5rem .25rem;font-size:.9rem}.text-center{text-align:center}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-gold{background-color:var(--color-accent, #EFA916);color:#fff}.badge-green{background-color:#20ab5d;color:#fff}.badge-outline{background-color:transparent;border:1px solid var(--color-text, #411F14);color:var(--color-text, #411F14)}.dash-tabs{display:flex;gap:1rem;margin-top:1rem;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:0}.tab-btn{background:transparent;border:none;color:#fff9;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.tab-btn:hover{color:#fff}.tab-btn.active{color:var(--color-accent, #EFA916);border-bottom:3px solid var(--color-accent, #EFA916)}.tab-content{display:none}.tab-content.active{display:grid}#tab-traffic.active{display:block}.traffic-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:1.5rem}.kpi-box{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:1.5rem}.chart-tabs{display:flex;gap:.25rem;background:#ffffff80;padding:.25rem;border-radius:9999px;border:1px solid rgba(65,31,20,.1)}.chart-tab{padding:.3rem .8rem;border-radius:9999px;font-size:.75rem;font-weight:600;color:var(--color-text, #411F14);background:transparent;border:none;cursor:pointer;transition:all .2s ease}.chart-tab:hover{color:var(--color-accent, #EFA916)}.chart-tab.active{background-color:var(--color-accent, #EFA916);color:#fdf5e8;box-shadow:0 2px 4px #efa91633}.text-green{color:#20ab5d!important}.text-brown{color:var(--color-text, #411F14)!important}.traffic-charts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.chart-box-wide{grid-column:span 2;min-height:300px}.chart-box-square{grid-column:span 1;min-height:300px}@media(max-width:900px){.traffic-kpi-grid{grid-template-columns:repeat(2,1fr)}.traffic-charts-grid{grid-template-columns:1fr}.chart-box-wide,.chart-box-square{grid-column:span 1}}