.sidebar{overflow-y:auto}.sidebar .nav-section{margin-bottom:22px}.sidebar .nav-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .sidebar-bottom{padding-top:25px}.sidebar-note{font-size:0.75rem;line-height:1.8;color:#747b85;margin:10px 14px}.draft-nav{display:block;font-size:0.75rem;color:#707781;margin:-3px 0 8px 44px}.bookmark-nav{display:flex;align-items:center;gap:3px}.bookmark-nav .nav-item{min-width:0;flex:1}.bookmark-nav>.tiny-button{margin-right:6px}.builder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;background:#ededef;border:1px dashed #8b919b;border-radius:8px;margin-bottom:18px;font-size:0.75rem;color:#4c535d}.builder-toolbar>div{display:flex;gap:7px}.builder-toolbar .button{font-size:0.75rem;padding:9px}.builder-canvas{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(var(--canvas-rows),60px);gap:16px;position:relative}.editing .builder-canvas{background-image:radial-gradient(#cdd3dd 1px,transparent 1px);background-size:16px 16px;border-radius:10px}.canvas-card{background:#fff;border:1px solid #e0e7f1;border-radius:9px;min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:box-shadow .15s}.editing .canvas-card{border-style:dashed;border-color:#858c96}.canvas-card.moving{z-index:10;box-shadow:0 12px 30px #373d4822;opacity:.85}.canvas-card-header{display:flex;align-items:center;gap:6px;padding:15px 17px 10px;min-height:42px;flex-shrink:0}.card-drag{display:flex;gap:5px;align-items:center;min-width:0;flex:1;font-size:0.8125rem;font-weight:600}.card-drag strong{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editing .card-drag{cursor:grab;touch-action:none}.drag-grip{color:#737a84;font-size:1.0625rem}.card-scope{font-size:0.75rem;letter-spacing:.5px;color:#7d838d}.canvas-card-header .icon{width:12px;height:12px}.canvas-card-body{flex:1;min-height:0;overflow:auto;padding:0 16px 13px;display:flex;flex-direction:column}.canvas-card:has(table) .canvas-card-body{padding:0}.canvas-kpi{font-family:Manrope,sans-serif;font-size:clamp(21px,2.3vw,35px);letter-spacing:-1px;line-height:1.4;font-weight:750;margin-top:auto;margin-bottom:auto;color:#3d434e}.canvas-kpi small{display:block;font-family:'DM Sans',sans-serif;font-weight:400;letter-spacing:0;font-size:0.75rem;color:#777e88;margin-top:5px;overflow-wrap:anywhere}.canvas-kpi-card .canvas-card-header{padding-bottom:3px}.canvas-kpi-card:first-child{background:#2f3640;color:#fff;border-color:#2f3640}.canvas-kpi-card:first-child .canvas-kpi{color:white}.canvas-kpi-card:first-child .canvas-kpi small,.canvas-kpi-card:first-child .card-scope{color:#8b919c}.canvas-chart{display:block;width:100%;flex:1;min-height:125px}.builder-legend{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 3px;font-size:0.75rem;color:#6e747f}.builder-legend span{display:flex;align-items:center;gap:5px;max-width:100%;overflow-wrap:anywhere}.builder-legend i{height:6px;width:6px;display:block;border-radius:2px;flex-shrink:0}.card-note{font-size:0.75rem;color:#6c737d;line-height:1.8;margin:7px 0}.canvas-donut{display:flex;flex-direction:column;justify-content:center;flex:1}.canvas-donut .donut-wrap{width:145px;height:145px;margin:6px auto 16px}.canvas-donut .brand-list{padding:0 2px 8px;gap:9px}.canvas-donut .donut-center strong{font-size:1.375rem}.canvas-table-scroll{overflow:auto;flex:1;min-height:0}.canvas-table-scroll th,.canvas-table-scroll td{padding:10px 15px}.canvas-table-scroll th{position:sticky;top:0;z-index:1}.canvas-table-scroll .number{font-size:0.75rem}.canvas-pagination{display:flex;gap:10px;align-items:center;padding:9px 14px;border-top:1px solid #edeef0;color:#787f89;font-size:0.75rem;flex-shrink:0}.canvas-pagination span{margin-right:auto}.canvas-pagination button{font-size:1.0625rem}.canvas-pagination button:disabled{opacity:.25;cursor:default}.card-resize{position:absolute;bottom:1px;right:2px;padding:0 4px;background:white;border:0;color:#606771;cursor:nwse-resize;touch-action:none;font-size:1.25rem;z-index:3}.canvas-text{font-size:0.9375rem;line-height:1.9;white-space:pre-wrap;color:#505761;padding:9px 0}.canvas-filter-label{font-size:0.75rem;color:#6e747e;display:grid;gap:9px;margin:8px 0}.canvas-filter-label select{width:100%;border:1px solid #dfe6f0;border-radius:6px;background:white;padding:10px;color:#525862;font-size:0.875rem}.empty-canvas{border:1px dashed #c1c8d2;padding:75px 25px;display:grid;justify-items:center;background:#f7f8fa;border-radius:10px;text-align:center}.empty-canvas h2{font-family:Manrope,sans-serif;font-size:1.375rem;font-weight:600}.empty-canvas p{font-size:0.875rem;color:#727983}.modal:has(#card-form){width:640px;max-height:90dvh;overflow:auto}.card-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-palette{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.field-palette span{background:#eff0f2;border:1px solid #dde3ed;border-radius:5px;padding:7px 10px;font-size:0.75rem;color:#565c67;cursor:grab;user-select:none}.modal .metric-input{margin-bottom:7px;font-family:ui-monospace,monospace;font-size:0.8125rem}.metric-help{font-size:0.75rem!important;line-height:1.8!important;margin:7px 0}.modal textarea{width:100%;padding:10px;border:1px solid #dee4ef;border-radius:6px;font:inherit;font-size:0.875rem;resize:vertical;color:#4a505b}.size-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px}.button.danger{border-color:#d4dae4;color:#535963;background:#f9fafc}.region-checklist{max-height:260px;overflow:auto;border:1px solid #e0e7f1;padding:0 15px 15px;border-radius:7px}.card-time-toggle{display:flex;gap:2px}.card-time-toggle button{background:#f3f4f6;border:0;border-radius:3px;padding:3px 5px;font-size:0.75rem;color:#6e747e}.card-time-toggle button.active{background:#dde4ee;color:#525963}@media(max-width:1100px){.builder-toolbar{flex-wrap:wrap}.content{padding-left:20px;padding-right:20px}.canvas-card-header{padding:12px 11px 8px}.canvas-card-body{padding-left:11px;padding-right:11px}.card-drag{font-size:0.75rem}.canvas-kpi{font-size:1.625rem}.canvas-card-header .card-scope{display:none}}
@media(max-width:700px){.builder-canvas{display:flex;flex-direction:column;gap:14px}.canvas-card{min-height:270px}.canvas-card.canvas-kpi-card{min-height:135px}.canvas-card:has(.canvas-table-scroll){min-height:340px;max-height:430px}.canvas-card:has(.canvas-text){min-height:140px}.canvas-card-body{padding:0 16px 15px}.canvas-kpi{font-size:2.0625rem}.canvas-donut{flex-direction:row;align-items:center;gap:15px}.canvas-donut .donut-wrap{flex-shrink:0}.canvas-donut .brand-list{flex:1}.card-resize{display:none}.builder-toolbar>div{flex-wrap:wrap}.card-form-grid{grid-template-columns:1fr;gap:0}.builder-toolbar{font-size:0.75rem}.canvas-chart{max-height:250px}.canvas-card-header{padding:16px}.editing .card-drag{cursor:default}.canvas-card-header .card-scope{display:block}}