@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg: #eef2f7;--ink: #102134;--muted: #5f7288;--line: #d2dbe6;--panel: #ffffff;--panel-soft: #f8fbff;--accent: #2563eb;--accent-strong: #1d4ed8;--teal: #0f766e;--danger: #b42318;--shadow: 0 14px 36px rgba(18, 47, 79, .08)}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 8%,#dbeafe 0%,transparent 40%),radial-gradient(circle at 88% 2%,#ecfeff 0%,transparent 42%),var(--bg)}button,input,select,textarea{font:inherit}.layout-root{min-height:100vh;display:grid;grid-template-columns:290px 1fr}.layout-root.collapsed{grid-template-columns:88px 1fr}.sidebar{background:linear-gradient(180deg,#0e2a47,#12365d);color:#eaf2ff;padding:22px;display:flex;flex-direction:column;gap:24px}.sidebar.collapsed{padding:14px 10px}.brand{display:flex;align-items:center;gap:12px}.sidebar-toggle{margin-left:auto;min-width:28px;min-height:28px;border-radius:8px;background:#1e3a8a;color:#fff;padding:0}.brand-chip{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-family:Manrope,sans-serif;font-weight:800;background:linear-gradient(145deg,#38bdf8,#2563eb)}.brand h1{margin:0;font-family:Manrope,sans-serif;font-size:19px}.brand p{margin:2px 0 0;color:#bcd2eb;font-size:12px}.menu{display:grid;gap:9px}.menu-item{text-align:left;padding:12px;border-radius:12px;border:1px solid rgba(161,189,219,.2);background:#ffffff08;color:#dde9f8;display:flex;flex-direction:column;gap:2px;cursor:pointer}.menu-item strong{font-family:Manrope,sans-serif;font-weight:700;font-size:14px}.sidebar.collapsed .menu-item{justify-content:center;padding:12px 8px}.sidebar-footer.hidden{display:none}.menu-item span{font-size:11px;color:#a9bfd8}.menu-item.active{background:linear-gradient(135deg,#2563eb,#3b82f6);border-color:transparent}.sidebar-page-info{display:none;gap:8px;max-height:52vh;overflow:auto;padding-right:4px}.sidebar-page-info .pane-block{background:#ffffff12;border-color:#bfdbfe4d}.sidebar-page-info .pane-block .collapse-toggle{color:#e6f0ff}.sidebar-page-info .pane-block input,.sidebar-page-info .pane-block select,.sidebar-page-info .pane-block button{width:100%}.sidebar-footer{margin-top:auto;display:grid;gap:8px}.sidebar-footer label{font-size:12px;color:#c3d7ee}.sidebar-footer input,.sidebar-footer button{width:100%}.content{padding:24px;overflow:auto}.auth-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 15%,#dbeafe 0%,transparent 35%),radial-gradient(circle at 85% 0%,#cffafe 0%,transparent 40%),#edf2f7;padding:20px}.auth-card{width:min(460px,100%);background:#fff;border:1px solid #d7e0ed;border-radius:16px;box-shadow:0 20px 44px #0f172a1f;padding:24px;display:grid;gap:12px}.auth-card h2{margin:0;font-family:Manrope,sans-serif}.auth-card p{margin:0;color:#475569}.auth-error{color:#b42318;font-weight:600}.logged-user-wrap{position:relative;display:inline-flex;align-items:center}.logged-user-icon{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#dbeafe;color:#1e3a8a;font-family:Manrope,sans-serif;font-weight:700;padding:0}.logged-user-tooltip{position:absolute;right:0;top:calc(100% + 8px);background:#0f172a;color:#fff;border-radius:8px;padding:6px 9px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-2px);transition:opacity .15s ease,transform .15s ease;z-index:20}.logged-user-wrap:hover .logged-user-tooltip,.logged-user-wrap:focus-within .logged-user-tooltip{opacity:1;transform:translateY(0)}.content-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.content-header h2{margin:0;font-family:Manrope,sans-serif;font-size:28px}.content-header p{margin:6px 0 0;color:var(--muted)}.status-pill{background:#dcfce7;color:#166534;font-size:12px;font-weight:600;border-radius:999px;padding:7px 11px}.screen{display:grid;gap:14px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--shadow)}.kpi-card h3{margin:0;font-size:13px;color:var(--muted)}.kpi-card p{margin:9px 0 6px;font-size:26px;font-family:Manrope,sans-serif;font-weight:800}.kpi-card span{font-size:12px;color:var(--muted)}.kpi-card.alt{background:linear-gradient(140deg,#e0f2fe,#dbeafe)}.viz-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.panel-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--shadow)}.panel-card h3{margin:0 0 10px;font-family:Manrope,sans-serif}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.field-stack{display:grid;gap:8px}.inline-fields{display:flex;gap:8px;flex-wrap:wrap}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 11px;background:var(--panel-soft)}textarea{resize:vertical}button{border:0;border-radius:10px;padding:10px 12px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong));cursor:pointer;font-weight:600}button.danger{background:linear-gradient(135deg,#dc2626,var(--danger))}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:left;padding:9px 7px;font-size:13px}.data-table th{color:var(--muted);font-weight:600}.item-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.item-list li{border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);padding:10px;display:flex;justify-content:space-between;gap:8px}.item-list li span{color:var(--muted);font-size:12px}.muted{color:var(--muted)}.result-block{margin-top:10px;border-radius:10px;background:#0f1e32;color:#dbeafe;padding:12px;max-height:340px;overflow:auto}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px}.canvas-empty-state{grid-column:1 / -1;min-height:340px;border:1px dashed #cbd5e1;border-radius:12px;background:#fff;display:grid;place-items:center;text-align:center;padding:24px 16px}.canvas-empty-state h4{margin:0;color:#1f2937;font-size:32px;font-weight:700}.canvas-empty-state p{margin:10px 0 0;color:#475569;font-size:20px}.canvas-empty-illustration{margin-top:22px;display:flex;align-items:center;gap:18px}.canvas-empty-card{background:#fff;border:1px solid #d8e1ec;border-radius:10px;box-shadow:0 8px 18px #0f172a14}.canvas-empty-card.large{width:120px;height:88px;padding:10px;display:grid}.canvas-empty-dashed{border:2px dashed #0f766e;border-radius:6px}.canvas-empty-card.small{width:74px;height:88px;padding:10px;display:grid;gap:8px;align-content:center}.canvas-empty-card.small span{display:block;height:3px;background:#7aaeb7;border-radius:999px}.dashboard-tile{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--panel-soft);box-shadow:0 10px 22px #0f22360f;position:relative}.dashboard-tile[data-selected=true]{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.dashboard-tile[draggable=true]{cursor:grab}.dashboard-tile-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.focus-chart-btn{width:34px;height:34px;padding:0;border-radius:8px;background:#dbeafe;color:#1e40af;font-size:16px;display:grid;place-items:center}.chart-board-stage{border:1px solid #d2dbe6;border-radius:12px;background:#fff;min-height:420px;overflow:auto;padding:10px}.chart-board-stage .dashboard-grid{min-height:100%;align-content:start}.chart-focus-mode{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr)}.chart-focus-toolbar{display:flex;align-items:center;gap:14px;padding:4px 2px 10px;border-bottom:1px solid #e2e8f0}.chart-focus-back{background:#eff6ff;color:#1e3a8a;border-radius:8px;padding:6px 10px}.chart-focus-canvas{padding-top:12px;min-height:0}.tile-select{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#475569}.resize-handle{position:absolute;background:#2563eb;border:1px solid #ffffff;box-shadow:0 0 0 1px #2563eb59;z-index:3}.resize-handle.right{width:10px;height:54px;right:-6px;top:50%;transform:translateY(-50%);cursor:ew-resize;border-radius:10px}.resize-handle.bottom{width:54px;height:10px;left:50%;transform:translate(-50%);bottom:-6px;cursor:ns-resize;border-radius:10px}.resize-handle.corner{width:14px;height:14px;right:-7px;bottom:-7px;cursor:nwse-resize;border-radius:4px}.studio-shell{padding:0;border:1px solid #c9d6e4;border-radius:14px;overflow:hidden;background:#f5f7fb}.studio-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;background:#fff;border-bottom:1px solid #d2dbe6}.studio-menubar{display:flex;gap:8px;align-items:center}.menu-top{background:transparent;color:#111827;border-radius:6px;padding:6px 10px}.menu-top.active{border-bottom:3px solid #0f766e}.share-btn{background:#0f766e;border-radius:8px;padding:8px 12px}.studio-ribbon-tabs{display:flex;gap:4px;padding:8px 10px;background:#fff;border-bottom:1px solid #d2dbe6}.tab-btn{background:transparent;color:#1f2937;border:1px solid transparent;border-radius:8px;padding:7px 12px}.tab-btn.active{border-color:#b8c7db;background:#eef4ff}.studio-ribbon-content{display:flex;gap:10px;flex-wrap:wrap;padding:10px;background:#fff;border-bottom:1px solid #d2dbe6}.ribbon-group{position:relative;display:flex;gap:8px;align-items:stretch;padding-right:10px;border-right:1px solid #e4eaf2}.ribbon-group.precise{min-height:78px}.ribbon-tile{min-width:92px;height:72px;border:1px solid #cfd9e6;border-radius:8px;background:#f8fbff;color:#1e293b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;font-size:12px;font-weight:600;text-align:center}.ribbon-tile svg{width:24px;height:24px}.ribbon-tile span{line-height:1.1}.ribbon-tile.tall{width:96px}.ribbon-tile.wide{width:132px}.ribbon-tile:hover{background:#eef4ff;border-color:#9fb4d6}.ribbon-group:last-child{border-right:none}.ribbon-wide{flex:1;min-width:380px}.source-menu{position:absolute;top:76px;left:0;z-index:4;width:260px;padding:10px;display:grid;gap:4px;background:#fff;border:1px solid #cfd9e6;border-radius:12px;box-shadow:0 12px 24px #0f172a29}.source-item{width:100%;text-align:left;color:#1f2937;background:#f6f8fd;padding:8px 10px;border:1px solid #e2e8f0;border-radius:8px}.studio-workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;min-height:780px;position:relative;align-items:start}.studio-workspace.right-pane-collapsed{grid-template-columns:minmax(0,1fr)}.studio-canvas{padding:12px;display:grid;gap:12px;min-width:0;overflow:hidden}.kpi-power{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-power .kpi-card h3{margin:4px 0 0}.kpi-power .kpi-card p{margin:0}.studio-main-viz{display:grid;grid-template-columns:1.7fr .9fr;gap:12px}.country-table-pane .data-table{max-height:330px;display:block;overflow:auto}.chip-btn{background:#dbe7ff;color:#1e3a8a}.chip-btn.active{background:#2563eb;color:#fff}.studio-right-panes{display:grid;border-left:1px solid #d2dbe6;background:#f8fbff;padding:10px;gap:10px;align-content:start;min-width:0;max-width:360px;overflow-x:hidden;box-sizing:border-box;z-index:3}.studio-right-panes.collapsed{position:absolute;right:0;top:0;width:48px;padding:8px 6px;align-content:start;border-left:1px solid #d2dbe6;border-radius:0 0 0 10px}.pane-toggle-all{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#e3edff;color:#0f172a;border:1px solid #bfd0ea;border-radius:10px;padding:10px 12px}.pane-toggle-all span{font-weight:700;color:#1e40af;font-size:16px}.studio-right-panes.collapsed .pane-toggle-all{justify-content:center;padding:10px 8px}.studio-right-panes.collapsed .pane-toggle-all strong{display:none}.pane-block{background:#fff;border:1px solid #d2dbe6;border-radius:12px;padding:10px;max-width:100%;overflow:hidden}.pane-block.dragging{opacity:.65;border-color:#7aa2de}.pane-drag-handle{cursor:grab;color:#475569;letter-spacing:1px;font-weight:700;-webkit-user-select:none;user-select:none}.pane-block h3{margin:0 0 8px}.collapse-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:#edf3ff;color:#0f172a;border:1px solid #cbd7ea;border-radius:10px;padding:10px 12px}.collapse-toggle span{font-weight:700;color:#1e40af}.filter-list{display:grid;gap:5px;max-height:180px;overflow:auto}.filter-list.scoped{max-height:120px;border:1px solid #e2e8f0;border-radius:8px;padding:8px;background:#f9fbff}.filter-item{display:flex;align-items:center;gap:8px;font-size:13px}.filter-dropzone{margin-top:6px;border:1px dashed #cbd5e1;border-radius:8px;padding:8px;text-align:center;color:#64748b;font-size:12px}.visual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.viz-pane{border-top:1px solid #e2e8f0;padding-top:8px}.viz-subtitle{margin:0 0 6px;color:#0f172a;font-weight:700}.viz-mini-tools{display:flex;gap:8px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.viz-tool-btn{min-width:44px;min-height:32px;background:#eef2ff;color:#1e3a8a;border-radius:8px}.visual-grid.rich{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:8px}.visual-btn{padding:8px 2px;background:#eef2ff;color:#1e3a8a;min-height:34px;font-weight:700}.visual-btn.active{background:#0f766e;color:#fff}.visual-btn.lower{font-size:13px}.viz-label{margin:10px 0 6px;color:#1f2937;font-weight:700}.advanced-chart-catalog{max-height:220px;overflow:auto;border:1px solid #dbe3ef;border-radius:10px;background:#f8fbff;padding:6px;display:grid;gap:6px}.advanced-chart-row{width:100%;text-align:left;background:#fff;color:#0f172a;border:1px solid #d2dbe6;border-radius:8px;padding:8px;display:grid;gap:2px}.advanced-chart-row strong{font-size:12px}.advanced-chart-row span{font-size:11px;color:#475569;font-weight:600}.advanced-chart-row small{font-size:11px;color:#64748b}.advanced-chart-row.active{border-color:#0f766e;box-shadow:0 0 0 1px #0f766e40}.advanced-viz-fallback{border:1px solid #dbe3ef;border-radius:10px;background:linear-gradient(160deg,#f8fbff,#eef6ff);margin-top:6px;padding:10px;display:grid;gap:8px}.advanced-viz-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.advanced-viz-header span{font-size:11px;color:#0f766e;font-weight:700}.advanced-viz-bars{display:grid;gap:5px}.advanced-viz-bar-row{display:grid;grid-template-columns:minmax(0,110px) 1fr;align-items:center;gap:8px}.advanced-viz-bar-row span{font-size:11px;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.advanced-viz-bar{height:8px;border-radius:999px;background:linear-gradient(90deg,#2563eb,#0ea5a4)}.advanced-viz-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.advanced-viz-metrics span{font-size:11px;color:#334155;background:#fff;border:1px solid #dbe3ef;border-radius:6px;padding:4px 6px;text-align:center}.toggle-row{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:13px}.switch{min-width:52px;border-radius:999px;padding:6px 10px;background:#e2e8f0;color:#334155}.switch.on{background:#0f766e;color:#fff}.dataset-tree{margin-top:8px;display:grid;gap:7px;max-height:260px;overflow:auto}.tree-node{border:1px solid #d2dbe6;border-radius:10px;padding:6px}.tree-header{width:100%;background:#f8faff;color:#1f2937;display:flex;align-items:center;justify-content:flex-start;gap:6px}.tree-fields{margin-top:6px;display:grid;gap:5px}.data-field-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #d6e2f2;border-radius:8px;background:#eef4ff;padding:6px 8px;cursor:grab}.data-field-select{display:inline-flex;align-items:center;gap:8px;color:#1f2937;font-size:12px}.data-field-map{min-width:52px;padding:5px 8px;border-radius:7px;background:#dbeafe;color:#1e3a8a;font-size:12px}.data-field-drag{min-width:54px;padding:5px 8px;border-radius:7px;background:#e2e8f0;color:#334155;font-size:12px;cursor:grab}.chart-board-drop-hint{grid-column:1 / -1;border:1px dashed #9fb4d6;border-radius:10px;padding:8px 10px;text-align:center;color:#334155;background:#f8fbff;font-size:13px}.studio-page-tabs{display:flex;gap:6px;align-items:center;border-top:1px solid #d2dbe6;padding-top:8px;position:sticky;bottom:0;background:#f5f7fb;z-index:4}.board-bottom-controls{position:sticky;bottom:52px;z-index:5;border:1px solid #d2dbe6;border-radius:12px;background:#fff;padding:10px;box-shadow:0 10px 20px #0f172a14}.studio-page-tabs button{min-width:72px}.studio-page-tabs .tab-active{background:#0f766e}.studio-page-tabs .tab-inactive{background:#dbeafe;color:#1e3a8a}.studio-page-tabs .tab-plus{min-width:40px;background:#1d4ed8}@media (max-width: 1200px){.layout-root{grid-template-columns:1fr}.sidebar{border-bottom:1px solid rgba(175,201,227,.4)}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.viz-grid,.three-col,.dashboard-grid,.studio-workspace{grid-template-columns:1fr}.studio-topline,.studio-menubar{flex-wrap:wrap}.studio-right-panes{border:none}.studio-main-viz,.kpi-power{grid-template-columns:1fr}}