:root{--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: .9375rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--bg-main: #f8fafc;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-subtle: #f1f5f9;--bg-input: #ffffff;--bg-header: rgba(255, 255, 255, .85);--border-color: #e2e8f0;--border-subtle: #f1f5f9;--border-hover: #cbd5e1;--border-focus: rgba(37, 99, 235, .35);--focus-outline-color: #2563eb;--focus-outline-width: 2px;--focus-outline-offset: 2px;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-light: #64748b;--accent-blue: #2563eb;--accent-blue-hover: #1d4ed8;--accent-blue-subtle: #eff6ff;--accent-blue-border: #bfdbfe;--accent-blue-glow: rgba(37, 99, 235, .15);--status-pending: #475569;--status-pending-bg: #f1f5f9;--status-pending-border: #e2e8f0;--status-ongoing: #d97706;--status-ongoing-bg: #fffbeb;--status-ongoing-border: #fde68a;--status-completed: #059669;--status-completed-bg: #ecfdf5;--status-completed-border: #a7f3d0;--status-blocked: #dc2626;--status-blocked-bg: #fef2f2;--status-blocked-border: #fecaca;--gradient-ongoing: linear-gradient(90deg, #d97706, #fbbf24);--gradient-completed: linear-gradient(90deg, #059669, #34d399);--gradient-pending: linear-gradient(90deg, #0284c7, #38bdf8);--gradient-blocked: linear-gradient(90deg, #dc2626, #f87171);--sidebar-width: 260px;--sidebar-collapsed-width: 68px;--header-height: 60px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .03), 0 1px 2px -1px rgba(0, 0, 0, .03);--shadow-hover: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .03);--shadow-modal: 0 12px 24px -4px rgba(15, 23, 42, .08), 0 4px 6px -2px rgba(15, 23, 42, .03);--transition-speed: .15s;--transition-drawer: .18s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);font-size:16px;background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}button,input,optgroup,select,textarea{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100vh;width:100vw;display:flex;overflow:hidden}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset)}.app-layout{display:flex;width:100vw;height:100vh;max-height:100vh;background-color:var(--bg-main);overflow:hidden}.main-area{display:flex;flex-direction:column;flex:1;height:100vh;max-height:100vh;min-width:0;overflow:hidden;transition:margin-left var(--transition-drawer)}.content-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.25rem 1.75rem;max-width:100%;width:100%;margin:0 auto}.nav-drawer{width:var(--sidebar-width);height:100vh;max-height:100vh;position:relative;flex-shrink:0;background-color:var(--bg-surface);border-right:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between;z-index:100;transition:width var(--transition-drawer);overflow-y:auto;overflow-x:hidden}.nav-drawer.collapsed{width:var(--sidebar-collapsed-width)}.drawer-header{height:var(--header-height);padding:0 1rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--border-subtle);overflow:hidden}.brand-logo{width:32px;height:32px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#2563eb,#3b82f6);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 2px 4px #2563eb40}.brand-text{display:flex;flex-direction:column;white-space:nowrap;opacity:1;transition:opacity var(--transition-speed)}.nav-drawer.collapsed .brand-text{opacity:0;pointer-events:none;width:0;overflow:hidden}.brand-title{font-size:.875rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);line-height:1.2}.brand-sub{font-size:.6875rem;color:var(--text-muted);font-weight:500;letter-spacing:.02em;text-transform:uppercase}.drawer-nav{flex:1;overflow-y:auto;padding:1rem .75rem;display:flex;flex-direction:column;gap:1.25rem}.drawer-section{display:flex;flex-direction:column;gap:.25rem}.drawer-section-header{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.375rem .625rem;display:flex;align-items:center;justify-content:space-between}.drawer-section-header-btn{width:100%;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.375rem .625rem;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-speed),color var(--transition-speed);text-align:left}.drawer-section-header-btn:hover{background-color:var(--bg-subtle);color:var(--text-primary)}.drawer-section-header-left{display:flex;align-items:center;gap:.375rem}.drawer-section-chevron{color:var(--text-muted);transition:transform var(--transition-speed);flex-shrink:0}.drawer-section-badge{font-size:11px;color:var(--text-muted);font-weight:600}.drawer-section-list{display:flex;flex-direction:column;gap:.25rem;animation:fadeIn .15s ease-in-out}.nav-drawer.collapsed .drawer-section-header{justify-content:center}.nav-drawer.collapsed .drawer-section-header span{display:none}.nav-drawer.collapsed .drawer-section-header-btn{justify-content:center;padding:.375rem 0}.nav-drawer.collapsed .drawer-section-header-btn span,.nav-drawer.collapsed .drawer-section-badge{display:none}.drawer-view-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;text-decoration:none;transition:background-color var(--transition-speed),color var(--transition-speed),border-color var(--transition-speed);border:1px solid transparent}.drawer-view-item:hover{background-color:var(--bg-subtle);color:var(--text-primary)}.drawer-view-item.active{background-color:var(--accent-blue-subtle);border:1px solid var(--accent-blue-border);color:var(--accent-blue-hover);font-weight:600}.drawer-view-item-content{display:flex;align-items:center;gap:.625rem;min-width:0}.drawer-view-item-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-drawer.collapsed .drawer-view-item-text{display:none}.nav-drawer.collapsed .drawer-view-item{justify-content:center;padding:.5rem 0}.nav-drawer.collapsed .btn-pin{display:none}.btn-pin{background:transparent;border:none;cursor:pointer;font-size:var(--font-size-xs);opacity:.4;padding:.2rem;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-speed),color var(--transition-speed);color:var(--text-secondary)}.btn-pin:hover,.btn-pin.active{opacity:1;color:var(--accent-blue)}.drawer-footer{padding:.75rem;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.5rem}.env-pill{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.25rem .5rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;font-family:var(--font-mono);background:var(--bg-subtle);color:var(--text-light);border:1px solid var(--border-color);overflow:hidden}.nav-drawer.collapsed .env-pill span.env-label{display:none}.drawer-toggle-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.5rem;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-speed)}.drawer-toggle-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.nav-drawer.collapsed .drawer-toggle-btn span{display:none}.top-header{height:var(--header-height);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-header);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;transition:padding var(--transition-speed)}.header-left{display:flex;align-items:center;gap:.875rem;min-width:0;flex:1}.header-breadcrumbs{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);color:var(--text-secondary);min-width:0;overflow:hidden}.drawer-hamburger-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-speed);flex-shrink:0}.drawer-hamburger-btn:hover{background:var(--bg-subtle);color:var(--text-primary);border-color:var(--border-hover)}.header-fullscreen-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .65rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-speed)}.header-fullscreen-btn:hover{background:var(--bg-subtle);color:var(--text-primary);border-color:var(--border-hover)}.header-fullscreen-btn.active{background:var(--accent-blue-subtle);border-color:var(--accent-blue-border);color:var(--accent-blue-hover)}@media(max-width:640px){.fullscreen-btn-text{display:none}}.breadcrumb-root{font-weight:500;color:var(--text-muted)}.breadcrumb-sep{color:var(--border-hover)}.breadcrumb-current{font-weight:600;color:var(--text-primary)}.header-actions{display:flex;align-items:center;gap:1rem}.sync-status{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--text-secondary);font-family:var(--font-mono);white-space:nowrap;flex-shrink:0}.sync-text{white-space:nowrap}.sync-dot{width:7px;height:7px;border-radius:50%;background-color:var(--status-completed);box-shadow:0 0 #05966966;animation:pulse-green 1.5s infinite;flex-shrink:0}@keyframes pulse-green{0%{box-shadow:0 0 #05966966}70%{box-shadow:0 0 0 6px #05966900}to{box-shadow:0 0 #05966900}}.sync-refresh-btn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;color:var(--text-muted);padding:2px;border-radius:4px;flex-shrink:0}.sync-refresh-btn:hover{color:var(--accent-blue)}.user-menu-container{position:relative;flex-shrink:0}.user-badge{display:flex;align-items:center;gap:.625rem;padding:.25rem .5rem;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-surface);cursor:pointer;transition:border-color var(--transition-speed);white-space:nowrap;flex-shrink:0}.user-badge:hover{border-color:var(--border-hover)}.user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#475569,#0f172a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:700;flex-shrink:0}.user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.role-pill{font-size:.6875rem;font-weight:700;padding:.125rem .5rem;border-radius:var(--radius-full);background:var(--accent-blue-subtle);color:var(--accent-blue);border:1px solid var(--accent-blue-border);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;max-width:min(320px,calc(100vw - 1.5rem));background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);padding:.375rem;z-index:200;display:flex;flex-direction:column}.user-dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-xs);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.user-dropdown-item:hover{background-color:var(--bg-subtle);color:var(--text-primary)}.view-header{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.625rem;width:100%;transition:all var(--transition-speed)}.view-header-top-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;width:100%}.view-title-main{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;min-width:fit-content}.view-title-main h1{font-size:var(--font-size-xl);font-weight:800;letter-spacing:-.02em;color:var(--text-primary);margin:0;line-height:1.25;white-space:nowrap}.view-actions{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.view-actions .btn-secondary,.view-actions .btn-action-view{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.35rem .75rem;font-size:var(--font-size-xs);font-family:var(--font-sans);font-weight:500;letter-spacing:-.01em;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;line-height:1.4;box-shadow:0 1px 2px #00000008;transition:all var(--transition-speed)}.view-actions .btn-secondary:hover,.view-actions .btn-action-view:hover{background:var(--bg-subtle);color:var(--text-primary);border-color:var(--border-hover);box-shadow:0 1px 3px #0000000f}.view-actions .btn-secondary.active,.view-actions .btn-action-view.active{background:var(--accent-blue-subtle, #eff6ff);border-color:var(--accent-blue-border, #bfdbfe);color:var(--accent-blue, #2563eb);font-weight:550}.view-actions .btn-primary,.view-actions .btn-action-primary{background:var(--accent-blue);color:#fff;border:1px solid var(--accent-blue);border-radius:var(--radius-sm);padding:.35rem .875rem;font-size:var(--font-size-xs);font-family:var(--font-sans);font-weight:550;letter-spacing:-.01em;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;line-height:1.4;box-shadow:0 1px 2px #2563eb33;transition:all var(--transition-speed)}.view-actions .btn-primary:hover,.view-actions .btn-action-primary:hover{background:var(--accent-blue-hover);border-color:var(--accent-blue-hover);box-shadow:0 2px 4px #2563eb4d}.view-actions .btn-primary:disabled,.view-actions .btn-action-primary:disabled{opacity:.65;cursor:not-allowed}.view-header-meta-bar{display:flex;flex-direction:column;gap:.35rem;width:100%}.view-meta-badges{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.view-header-desc{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.5;max-width:900px;margin:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.75rem}.kpi-metric-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;position:relative;overflow:hidden;box-shadow:var(--shadow-card);transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.kpi-metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.kpi-metric-indicator{position:absolute;top:0;left:0;right:0;height:3px}.indicator-ongoing{background:var(--gradient-ongoing)}.indicator-completed{background:var(--gradient-completed)}.indicator-pending{background:var(--gradient-pending)}.indicator-blocked{background:var(--gradient-blocked)}.kpi-metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.kpi-metric-label{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light)}.kpi-metric-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.kpi-metric-value-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.375rem}.kpi-metric-value{font-size:var(--font-size-2xl);font-weight:800;letter-spacing:-.025em;color:var(--text-primary);font-family:var(--font-sans)}.kpi-metric-subtext{font-size:var(--font-size-xs);color:var(--text-muted)}.analytics-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-card);position:relative;overflow:hidden;font-family:var(--font-sans);transition:transform var(--transition-speed),border-color var(--transition-speed),box-shadow var(--transition-speed)}.analytics-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.card-stage-indicator{position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-blue)}.chart-ongoing .card-stage-indicator{background:var(--gradient-ongoing)}.chart-completed .card-stage-indicator{background:var(--gradient-completed)}.chart-blocked .card-stage-indicator{background:var(--gradient-blocked)}.chart-pending .card-stage-indicator{background:var(--gradient-pending)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.card-title-group{display:flex;flex-direction:column;gap:.125rem}.card-title{font-size:var(--font-size-md);font-weight:700;color:var(--text-primary);margin:0}.card-subtitle{font-size:var(--font-size-xs);color:var(--text-muted);margin:0}.card-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.card-remove-btn{background:transparent;border:1px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-xs);color:var(--text-muted);transition:all var(--transition-speed)}.card-remove-btn:hover{background:var(--status-blocked-bg);color:var(--status-blocked);border-color:var(--status-blocked-border)}.card-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;background:var(--accent-blue-subtle);color:var(--accent-blue);border:1px solid var(--accent-blue-border);flex-shrink:0}.pulse-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--status-ongoing);box-shadow:0 0 #d9770666;animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%{box-shadow:0 0 #d9770666}70%{box-shadow:0 0 0 6px #d9770600}to{box-shadow:0 0 #d9770600}}.card-body{flex:1;display:flex;flex-direction:column;min-height:260px}.chart-canvas-container{width:100%;height:100%;flex:1;position:relative}.view-builder-bar{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.875rem 1.25rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;box-shadow:var(--shadow-sm)}.builder-controls-left{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.builder-control-group{display:flex;align-items:center;gap:.5rem}.control-label{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light)}.filter-select{font-family:var(--font-sans);font-size:var(--font-size-sm);padding:.4rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-weight:500;cursor:pointer}.builder-divider{height:20px;width:1px;background:var(--border-color)}.widget-catalog-trigger-btn{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;padding:.4rem .875rem;border-radius:var(--radius-sm);border:1px solid var(--accent-blue-border);background:var(--accent-blue-subtle);color:var(--accent-blue-hover);cursor:pointer;transition:all var(--transition-speed);display:inline-flex;align-items:center;gap:.5rem}.widget-catalog-trigger-btn:hover{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.widget-count-badge{font-size:.6875rem;font-weight:700;padding:.125rem .45rem;border-radius:var(--radius-full);background:var(--accent-blue);color:#fff}.active-widgets-chip-strip{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.active-widget-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:500}.active-chip-label{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-chip-remove{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);padding:1px;border-radius:2px;transition:color var(--transition-speed),background-color var(--transition-speed)}.active-chip-remove:hover{color:var(--status-blocked);background-color:var(--status-blocked-bg)}.active-chip-overflow{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;color:var(--accent-blue);background:var(--accent-blue-subtle);border:1px dashed var(--accent-blue-border);padding:.25rem .5rem;border-radius:var(--radius-sm);cursor:pointer}.active-chip-overflow:hover{background:#dbeafe}.catalog-modal-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:92vw;max-width:920px;max-height:85vh;box-shadow:var(--shadow-modal);display:flex;flex-direction:column;overflow:hidden;animation:modal-pop .18s cubic-bezier(.4,0,.2,1)}@keyframes modal-pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.catalog-modal-header{padding:1.25rem 1.75rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:1rem}.catalog-header-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--accent-blue-subtle);color:var(--accent-blue);border:1px solid var(--accent-blue-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.catalog-title{font-size:var(--font-size-lg);font-weight:800;letter-spacing:-.015em;color:var(--text-primary);margin:0}.catalog-subtitle{font-size:var(--font-size-xs);color:var(--text-muted);margin:0}.catalog-selection-pill{font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border-color);padding:.3rem .625rem;border-radius:var(--radius-full)}.catalog-close-btn{background:transparent;border:none;cursor:pointer;color:var(--text-muted);padding:.35rem;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed)}.catalog-close-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.catalog-toolbar{padding:.875rem 1.75rem;background:var(--bg-main);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:1rem}.catalog-search-wrapper{position:relative;flex:1;display:flex;align-items:center}.catalog-search-icon{position:absolute;left:.75rem;color:var(--text-muted);pointer-events:none}.catalog-search-input{width:100%;padding:.55rem 2rem .55rem 2.25rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-primary);outline:none;transition:border-color var(--transition-speed),box-shadow var(--transition-speed)}.catalog-search-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-glow)}.catalog-search-clear{position:absolute;right:.625rem;background:transparent;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;padding:2px}.catalog-quick-actions{display:flex;align-items:center;gap:.5rem}.catalog-filter-btn{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:.375rem;transition:all var(--transition-speed)}.catalog-filter-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.catalog-filter-btn.active{background:var(--accent-blue-subtle);border-color:var(--accent-blue-border);color:var(--accent-blue-hover)}.catalog-category-tabs{display:flex;padding:.5rem 1.75rem;gap:.5rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);overflow-x:auto}.catalog-tab{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;padding:.4rem .75rem;border-radius:var(--radius-full);border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap;transition:all var(--transition-speed)}.catalog-tab:hover{background:var(--bg-subtle);color:var(--text-primary)}.catalog-tab.active{background:var(--accent-blue-subtle);border-color:var(--accent-blue-border);color:var(--accent-blue-hover)}.catalog-tab-badge{font-size:.6875rem;padding:.05rem .35rem;border-radius:var(--radius-full);background:#0000000f}.catalog-tab.active .catalog-tab-badge{background:var(--accent-blue);color:#fff}.catalog-grid-container{flex:1;overflow-y:auto;padding:1.5rem 1.75rem;background:var(--bg-main);min-height:280px}.catalog-widgets-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.catalog-widget-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.125rem;cursor:pointer;display:flex;flex-direction:column;gap:.625rem;transition:transform var(--transition-speed),border-color var(--transition-speed),box-shadow var(--transition-speed);position:relative}.catalog-widget-card:hover{border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--shadow-hover)}.catalog-widget-card.selected{border-color:var(--accent-blue-border);background:#fafcff;box-shadow:0 0 0 1px var(--accent-blue)}.catalog-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.catalog-card-icon-title{display:flex;align-items:center;gap:.625rem;min-width:0}.catalog-icon-wrapper{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-speed)}.catalog-icon-wrapper.active{background:var(--accent-blue-subtle);border-color:var(--accent-blue-border);color:var(--accent-blue)}.catalog-card-title{font-size:var(--font-size-sm);font-weight:700;color:var(--text-primary);line-height:1.25}.catalog-card-category{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.catalog-toggle-btn{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;padding:.25rem .625rem;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-subtle);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0;transition:all var(--transition-speed)}.catalog-toggle-btn:hover{background:var(--border-subtle);color:var(--text-primary)}.catalog-toggle-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.catalog-card-desc{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.45;margin:0}.catalog-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.catalog-empty-state h4{font-size:var(--font-size-md);font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.catalog-empty-state p{font-size:var(--font-size-sm);color:var(--text-muted)}.catalog-modal-footer{padding:1rem 1.75rem;border-top:1px solid var(--border-color);background:var(--bg-surface);display:flex;align-items:center;justify-content:space-between;gap:1rem}.catalog-footer-left{display:flex;align-items:center;gap:.625rem}.catalog-footer-right{display:flex;align-items:center;gap:1rem}.catalog-footer-meta{font-size:var(--font-size-xs);color:var(--text-muted)}.btn-primary{background:var(--accent-blue);color:#fff;border:1px solid var(--accent-blue);border-radius:var(--radius-sm);padding:.45rem 1rem;font-size:var(--font-size-sm);font-family:var(--font-sans);font-weight:550;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:background-color var(--transition-speed)}.btn-primary:hover{background:var(--accent-blue-hover)}.btn-secondary{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.45rem 1rem;font-size:var(--font-size-sm);font-family:var(--font-sans);font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--transition-speed)}.btn-secondary:hover{background:var(--bg-subtle);color:var(--text-primary)}.btn-danger{background:#dc2626;color:#fff;border:1px solid #b91c1c;border-radius:var(--radius-sm);padding:.45rem 1rem;font-size:var(--font-size-sm);font-family:var(--font-sans);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:all var(--transition-speed)}.btn-danger:hover{background:#b91c1c;border-color:#991b1b;transform:translateY(-1px)}.btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none}.workspace-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.workspace-grid.grid-1{grid-template-columns:1fr}.workspace-grid.grid-3{grid-template-columns:repeat(3,1fr)}.activity-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);margin-top:1.75rem}.activity-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);text-align:left}.data-table th{padding:.75rem 1.5rem;background:var(--bg-subtle);color:var(--text-secondary);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.data-table td{padding:.875rem 1.5rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.data-table tr:hover td{background:var(--bg-card-hover)}.status-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.2rem .625rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.status-chip.ongoing{background:var(--status-ongoing-bg);color:var(--status-ongoing);border:1px solid var(--status-ongoing-border)}.status-chip.completed{background:var(--status-completed-bg);color:var(--status-completed);border:1px solid var(--status-completed-border)}.status-chip.pending{background:var(--status-pending-bg);color:var(--status-pending);border:1px solid var(--status-pending-border)}.status-chip.blocked{background:var(--status-blocked-bg);color:var(--status-blocked);border:1px solid var(--status-blocked-border)}.code-cell{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a66;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999}.modal-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-modal);padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.form-group{display:flex;flex-direction:column;gap:.375rem;width:100%}.form-label{display:block;width:100%;font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.125rem}.form-input{display:block;width:100%;box-sizing:border-box;padding:.625rem .875rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-surface);transition:border-color var(--transition-speed),box-shadow var(--transition-speed)}.form-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #2563eb26}.form-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.bottleneck-list{display:flex;flex-direction:column;gap:.75rem}.bottleneck-item{padding:.875rem 1rem;border-radius:var(--radius-sm);background:var(--status-blocked-bg);border:1px solid var(--status-blocked-border);display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.bottleneck-info{display:flex;flex-direction:column;gap:.25rem}.bottleneck-task{font-weight:700;font-size:var(--font-size-sm);color:var(--status-blocked)}.bottleneck-reason{font-size:var(--font-size-xs);color:var(--text-secondary)}.bottleneck-badge{font-size:var(--font-size-xs);font-weight:700;font-family:var(--font-mono);color:var(--status-blocked);padding:.2rem .5rem;border-radius:var(--radius-xs);background:#fff;border:1px solid var(--status-blocked-border);white-space:nowrap}.spin-icon{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.toast-container{position:fixed;top:1.5rem;right:1.5rem;z-index:10000;display:flex;flex-direction:column;gap:.75rem}.toast-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-modal);font-size:var(--font-size-sm);font-weight:600;animation:slide-in .2s cubic-bezier(0,0,.2,1)}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background:var(--status-completed-bg);border:1px solid var(--status-completed-border);color:var(--status-completed)}.toast-error{background:var(--status-blocked-bg);border:1px solid var(--status-blocked-border);color:var(--status-blocked)}.toast-info{background:var(--accent-blue-subtle);border:1px solid var(--accent-blue-border);color:var(--accent-blue)}.app-layout.fullscreen-mode .nav-drawer{display:none!important}.app-layout.fullscreen-mode .main-area{margin-left:0!important}.app-layout.fullscreen-mode .content-container{max-width:100%;padding:1.5rem 2.5rem}.drawer-mobile-backdrop,.drawer-mobile-close-btn{display:none}@media(max-width:1360px){.kpi-grid,.workspace-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:769px)and (max-width:960px){.nav-drawer{width:var(--sidebar-collapsed-width)}.nav-drawer .brand-text,.nav-drawer .drawer-view-item-text,.nav-drawer .btn-pin,.nav-drawer .drawer-section-header span,.nav-drawer .drawer-section-header-btn span,.nav-drawer .drawer-section-badge,.nav-drawer .env-pill span.env-label,.nav-drawer .drawer-toggle-btn span{display:none}.nav-drawer .drawer-view-item{justify-content:center;padding:.5rem 0}.content-container{padding:1rem 1.25rem}}@media(max-width:768px){.drawer-mobile-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:999;opacity:0;pointer-events:none;transition:opacity .25s ease-in-out}.drawer-mobile-backdrop.visible{opacity:1;pointer-events:auto}.nav-drawer.collapsed{width:0!important;min-width:0!important;max-width:0!important;transform:translate(-100%);position:fixed;left:0;top:0;bottom:0;border-right:none;overflow:hidden;pointer-events:none;visibility:hidden;z-index:1000;transition:transform .25s cubic-bezier(.4,0,.2,1),visibility .25s}.nav-drawer:not(.collapsed){width:280px!important;min-width:280px!important;max-width:85vw!important;position:fixed;left:0;top:0;bottom:0;z-index:1000;transform:translate(0);visibility:visible;pointer-events:auto;box-shadow:0 0 35px #0006;transition:transform .25s cubic-bezier(.4,0,.2,1),visibility .25s}.nav-drawer:not(.collapsed) .brand-text{display:flex!important;flex-direction:column!important;align-items:flex-start!important;opacity:1!important;pointer-events:auto!important;width:auto!important;overflow:hidden!important}.nav-drawer:not(.collapsed) .brand-title{display:block!important;font-size:.875rem!important;font-weight:700!important;color:var(--text-primary)!important;line-height:1.25!important;white-space:nowrap!important}.nav-drawer:not(.collapsed) .brand-sub{display:block!important;font-size:.625rem!important;color:var(--text-muted)!important;font-weight:500!important;letter-spacing:.02em!important;text-transform:uppercase!important;white-space:nowrap!important;line-height:1.2!important}.nav-drawer:not(.collapsed) .drawer-view-item-text,.nav-drawer:not(.collapsed) .btn-pin,.nav-drawer:not(.collapsed) .drawer-section-header span,.nav-drawer:not(.collapsed) .drawer-section-header-btn span,.nav-drawer:not(.collapsed) .drawer-section-badge,.nav-drawer:not(.collapsed) .env-pill span.env-label,.nav-drawer:not(.collapsed) .drawer-toggle-btn span{display:inline!important}.nav-drawer:not(.collapsed) .drawer-view-item{justify-content:space-between!important;padding:.5rem .75rem!important}.nav-drawer:not(.collapsed) .drawer-section-header-btn{justify-content:space-between!important;padding:.375rem .625rem!important}.drawer-mobile-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:all var(--transition-speed)}.drawer-mobile-close-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.main-area{width:100vw;max-width:100vw;min-width:0;margin-left:0!important}.content-container{padding:.875rem .75rem}.top-header{padding:0 .875rem;height:56px}.header-breadcrumbs{font-size:var(--font-size-xs);gap:.35rem}.header-actions{gap:.5rem}.user-badge .user-name{display:none}.user-badge{padding:.25rem .5rem;gap:.35rem}.sync-status{padding:.2rem .55rem;gap:.375rem;font-size:.6875rem}.view-header{gap:.625rem;margin-bottom:1rem}.view-header-top-bar{flex-direction:column;align-items:stretch;gap:.625rem}.view-title-main{width:100%;justify-content:flex-start}.view-title-main h1{font-size:1.25rem;line-height:1.3;white-space:normal;word-break:break-word}.view-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;justify-content:flex-start}.view-actions .btn-secondary,.view-actions .btn-primary{font-size:var(--font-size-xs);padding:.4rem .75rem;white-space:nowrap}.view-header-meta-bar{gap:.35rem}.view-meta-badges{gap:.375rem}.view-header-desc{font-size:var(--font-size-xs);line-height:1.45}.home-view-badge,.view-cat-badge,.view-edit-mode-badge{font-size:.65rem;padding:.15rem .45rem}.workspace-grid{grid-template-columns:1fr!important}.kpi-grid{grid-template-columns:1fr}.view-builder-bar,.builder-controls-left{flex-direction:column;align-items:stretch}.catalog-widgets-grid{grid-template-columns:1fr}.catalog-modal-header,.catalog-toolbar,.catalog-category-tabs,.catalog-grid-container,.catalog-modal-footer{padding-left:1rem;padding-right:1rem}.catalog-modal-card{width:96vw;max-height:92vh}.catalog-toolbar{flex-direction:column;align-items:stretch}.views-hub-toolbar{flex-direction:column;align-items:stretch;gap:.75rem}.views-hub-toolbar .catalog-search-wrapper{max-width:100%!important;width:100%}.views-filter-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding:.25rem}.views-filter-tab{white-space:nowrap;flex-shrink:0;font-size:.72rem}.views-gallery-grid{grid-template-columns:1fr;gap:1rem}.card-library-toolbar{flex-direction:column;align-items:stretch;gap:.75rem}.card-library-toolbar .catalog-search-wrapper{max-width:100%!important;width:100%}.card-library-grid{grid-template-columns:1fr;gap:.875rem}.adjustable-canvas-grid{gap:.875rem}.widget-span-3,.widget-span-6,.widget-span-12{grid-column:span 12!important}.draggable-widget-container,.card-container,.card-chart-content{max-width:100%;overflow-x:auto}}@media(max-width:640px){.header-breadcrumbs .breadcrumb-root,.header-breadcrumbs .breadcrumb-sep{display:none}.header-breadcrumbs .breadcrumb-current{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-size-xs);font-weight:700;color:var(--text-primary)}.sync-polled-prefix{display:none}.sync-status{padding:.2rem .5rem;gap:.35rem;font-size:.6875rem}.user-badge .role-pill{display:none}.header-fullscreen-btn{padding:.3rem .45rem}.fullscreen-btn-text{display:none}.user-dropdown{right:0;left:auto;max-width:calc(100vw - 1.5rem)}}@media(max-width:480px){.top-header{padding:0 .5rem;gap:.375rem}.header-breadcrumbs,.header-fullscreen-btn{display:none}.sync-status{padding:.2rem .4rem;font-size:.65rem}.user-badge{padding:2px;border:none;background:transparent}.user-badge .user-badge-chevron{display:none}.user-avatar{width:32px;height:32px;box-shadow:0 0 0 2px var(--border-color)}.view-actions button{flex-grow:1;text-align:center;justify-content:center}.view-title-main h1{font-size:1.15rem}}.home-view-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-secondary)}.home-view-badge.badge-default,.home-view-badge.badge-public{background:var(--accent-blue-subtle);border-color:var(--accent-blue-border);color:var(--accent-blue-hover)}.view-cat-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;border-radius:var(--radius-xs);font-size:.6875rem;font-weight:700;font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase}.view-cat-badge.frequency{background:#f3e8ff;border:1px solid #e9d5ff;color:#7e22ce}.view-cat-badge.general{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.view-cat-badge.team{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.view-cat-badge.theme{background:#fdf4ff;border:1px solid #f5d0fe;color:#a21caf}.view-cat-badge.generated-at{background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-secondary);text-transform:none;font-weight:600;letter-spacing:normal}.view-cat-badge.last-fetched{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;text-transform:none}.views-hub-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.views-filter-tabs{display:flex;align-items:center;gap:.375rem;background:var(--bg-surface);padding:.25rem;border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap}.views-filter-tab{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;padding:.375rem .75rem;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;gap:.375rem;transition:all var(--transition-speed)}.views-filter-tab:hover{color:var(--text-primary);background:var(--bg-subtle)}.views-filter-tab.active{background:var(--bg-body);color:var(--accent-blue);box-shadow:var(--shadow-sm)}.views-empty-state{background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:var(--radius-lg);padding:3.5rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:520px;margin:2rem auto}.views-empty-icon{width:64px;height:64px;border-radius:50%;background:var(--accent-blue-subtle);color:var(--accent-blue);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.views-empty-state h3{font-size:var(--font-size-base);font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.views-empty-state p{font-size:var(--font-size-sm);color:var(--text-muted);max-width:420px;line-height:1.5;margin-bottom:1.25rem}.views-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1rem}.view-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:all var(--transition-speed);position:relative}.view-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-ongoing);opacity:.85}.view-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-hover)}.view-card-header{padding:.625rem .875rem .375rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.view-card-badges{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.view-card-quick-actions{display:flex;align-items:center;gap:.2rem}.view-card-body{padding:0 .875rem .5rem;flex:1;display:flex;flex-direction:column;gap:.35rem}.view-card-title{font-size:.9375rem;font-weight:700;color:var(--text-primary);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.view-card-desc{font-size:.72rem;color:var(--text-secondary);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.view-card-meta-compact{display:flex;align-items:center;gap:.35rem;font-size:.6875rem;color:var(--text-muted);margin-top:.1rem}.view-card-meta-item{display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}.view-card-meta-item strong{color:var(--text-primary);font-weight:600}.view-card-meta-dot{opacity:.45;font-size:.6rem}.view-card-modules-strip{display:flex;align-items:center;gap:.25rem;flex-wrap:nowrap;overflow:hidden;margin-top:.15rem}.view-module-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .45rem;background:var(--bg-subtle, #f8fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:var(--radius-sm);font-size:.6875rem;font-weight:500;color:var(--text-primary);box-shadow:0 1px 2px #00000008;white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis;transition:all var(--transition-speed)}.view-module-pill svg{color:var(--accent-blue);flex-shrink:0}.view-module-pill:hover{border-color:var(--accent-blue);background:var(--accent-blue-subtle);color:var(--accent-blue-hover)}.view-module-pill-more{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .35rem;background:var(--bg-subtle, #f1f5f9);border:1px solid var(--border-subtle, #e2e8f0);border-radius:var(--radius-sm);font-size:.65rem;font-weight:600;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.view-card-footer{padding:.45rem .875rem;background:var(--bg-subtle);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:.5rem}.view-card-footer-actions{display:flex;align-items:center;gap:.35rem;flex-wrap:nowrap}.view-card-icon-action-btn{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0;transition:all .15s ease}.view-card-icon-action-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-blue);transform:translateY(-1px)}.view-card-icon-action-btn.active{background:#2563eb14;border-color:var(--accent-blue);color:var(--accent-blue)}.view-card-open-btn{height:28px;padding:.25rem .65rem!important;font-size:.72rem!important;font-weight:600!important;display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap;flex-shrink:0}.content-container.card-library-mode,.content-container:has(.card-library-page){overflow:hidden!important;display:flex!important;flex-direction:column!important;height:calc(100vh - var(--header-height, 60px))!important;max-height:calc(100vh - var(--header-height, 60px))!important;padding:1rem 1.5rem .5rem!important;box-sizing:border-box!important}.card-library-page{width:100%;height:100%;max-height:100%;flex:1 1 0%;min-height:0;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.card-library-page .view-header{flex-shrink:0;margin-bottom:.65rem;padding-bottom:.4rem}.card-library-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;width:100%}.card-library-header-left{display:flex;flex-direction:column;gap:.25rem;flex:1 1 auto;min-width:0}.card-library-filter-box{display:flex;flex-direction:column;gap:.35rem;flex:0 0 auto;min-width:250px;max-width:320px;background:var(--bg-surface);border:1px solid var(--border-color);padding:.5rem .75rem;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000a;transition:all var(--transition-speed)}.card-library-filter-box:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-subtle)}.card-library-filter-label-group{display:flex;align-items:center;gap:.375rem;font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary)}.card-library-filter-label{cursor:pointer;margin:0;-webkit-user-select:none;user-select:none}.card-library-filter-select{width:100%;padding:.45rem .625rem;font-size:var(--font-size-xs);font-family:var(--font-sans);background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;cursor:pointer;transition:all var(--transition-speed)}.card-library-filter-select:focus{border-color:var(--accent-blue);background:#fff}.card-library-filter-select optgroup{font-weight:700;color:var(--text-muted);font-size:.6875rem;background:var(--bg-subtle)}.card-library-filter-select option{font-weight:500;color:var(--text-primary);background:#fff;padding:.35rem}.card-library-custom-dates-row{display:grid;grid-template-columns:1fr 1fr;gap:.375rem;margin-top:.25rem}.card-library-custom-dates-row .custom-date-item{display:flex;flex-direction:column;gap:2px}.card-library-custom-dates-row .custom-date-item label{font-size:.625rem;font-weight:600;color:var(--text-light)}.card-library-custom-dates-row .custom-date-input{font-size:.6875rem;padding:.25rem .375rem;width:100%;box-sizing:border-box}.badge-clear-btn{background:transparent;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:1px;margin-left:4px;color:inherit;opacity:.7;border-radius:50%;transition:all .15s ease}.badge-clear-btn:hover{opacity:1;background:#0000001a}.card-library-layout{display:flex;align-items:stretch;gap:1.25rem;width:100%;flex:1 1 0%;min-height:0;overflow:hidden;box-sizing:border-box}.card-library-sidebar{width:250px;min-width:250px;flex-shrink:0;height:100%;max-height:100%;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.875rem .75rem .75rem;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:.625rem;overflow:hidden;box-sizing:border-box;z-index:10}.card-library-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:.15rem .25rem .5rem;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.sidebar-header-title{display:flex;align-items:center;gap:.45rem;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.sidebar-header-actions{display:flex;align-items:center;gap:.5rem}.card-library-total-pill{font-size:.6875rem;font-weight:700;background:var(--bg-subtle);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:.1rem .5rem;border-radius:var(--radius-full);font-family:var(--font-mono)}.mobile-category-toggle-btn{display:none;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:var(--radius-xs);border:1px solid var(--border-color);background:var(--bg-subtle);color:var(--accent-blue);cursor:pointer;transition:all var(--transition-speed)}.mobile-category-toggle-btn:hover{background:var(--accent-blue-subtle);border-color:var(--accent-blue-border)}.card-library-cat-search{position:relative;display:flex;align-items:center;width:100%;flex-shrink:0;padding:0 .1rem}.cat-search-icon{position:absolute;left:.6rem;color:var(--text-muted);pointer-events:none}.cat-search-input{width:100%;padding:.35rem 1.6rem .35rem 1.75rem;font-size:var(--font-size-xs);border:1px solid var(--border-color);border-radius:var(--radius-xs);background:var(--bg-subtle);color:var(--text-primary);outline:none;transition:border-color .15s ease,background .15s ease;font-family:var(--font-sans)}.cat-search-input:focus{border-color:var(--accent-blue);background:var(--bg-surface)}.cat-search-clear{position:absolute;right:.4rem;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.15rem;display:flex;align-items:center;border-radius:50%}.cat-search-clear:hover{color:var(--text-primary)}.card-library-nav-list{display:flex;flex-direction:column;gap:.25rem;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-right:.25rem;scrollbar-width:thin;scrollbar-color:var(--border-hover) transparent}.card-library-nav-list::-webkit-scrollbar{width:5px}.card-library-nav-list::-webkit-scrollbar-track{background:transparent}.card-library-nav-list::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}.card-library-nav-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.card-library-nav-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.55rem .75rem;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-speed);text-align:left;flex-shrink:0}.card-library-nav-item:hover{background:var(--bg-subtle);color:var(--text-primary)}.card-library-nav-item.active{background:var(--accent-blue-subtle);color:var(--accent-blue);border-color:var(--accent-blue-border);font-weight:600}.nav-item-content{display:flex;align-items:center;gap:.55rem;min-width:0}.nav-item-icon{flex-shrink:0}.nav-item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item-badge{font-size:.6875rem;font-weight:600;font-family:var(--font-mono);padding:.1rem .45rem;border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-muted);transition:all var(--transition-speed);flex-shrink:0}.card-library-nav-item.active .nav-item-badge{background:var(--accent-blue);color:#fff}.card-library-nav-item.is-disabled{opacity:.38;cursor:not-allowed}.card-library-nav-item.is-disabled:hover{background:transparent;color:var(--text-secondary)}.card-library-nav-item.is-disabled .nav-item-badge{opacity:.5}.cat-search-no-results{padding:1.5rem .5rem;text-align:center;font-size:var(--font-size-xs);color:var(--text-muted);display:flex;flex-direction:column;gap:.5rem;align-items:center}.cat-reset-btn{background:none;border:none;color:var(--accent-blue);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;text-decoration:underline}.card-library-main{flex:1 1 0%;min-width:0;height:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden;gap:.75rem;box-sizing:border-box}.card-library-main-toolbar{flex-shrink:0;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.625rem .875rem;display:flex;align-items:center;gap:.875rem;box-shadow:var(--shadow-xs);z-index:5;width:100%;box-sizing:border-box}.card-library-main-toolbar .library-search-wrapper{flex:1 1 0%;min-width:0;width:50%;margin:0}.library-toolbar-controls-right{flex:1 1 0%;min-width:0;width:50%;display:flex;align-items:center;gap:.75rem}.library-toolbar-scope-select-wrap{position:relative;display:flex;align-items:center;flex:1 1 0%;min-width:0}.toolbar-scope-icon{position:absolute;left:.75rem;color:var(--accent-blue);pointer-events:none;z-index:2}.library-toolbar-scope-select{width:100%;height:38px;padding:.45rem 2rem .45rem 2.25rem;font-size:var(--font-size-sm);font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:11px;transition:all var(--transition-speed)}.library-toolbar-scope-select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-subtle);background-color:var(--bg-surface)}.card-library-main-toolbar .library-count-container{flex-shrink:0;margin-left:0}.library-count-indicator{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:600;background:var(--bg-subtle);border:1px solid var(--border-subtle);padding:.25rem .65rem;border-radius:var(--radius-full);white-space:nowrap}.card-library-custom-dates-bar{display:flex;align-items:center;gap:1rem;padding:.625rem 1rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);margin-top:-.25rem;flex-shrink:0;box-sizing:border-box}.card-library-scroll-canvas{flex:1 1 0%;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;display:flex;flex-direction:column;gap:1.25rem;padding-right:.5rem;padding-bottom:2.5rem;scrollbar-width:thin;scrollbar-color:var(--border-hover) transparent;box-sizing:border-box}.card-library-scroll-canvas::-webkit-scrollbar{width:6px}.card-library-scroll-canvas::-webkit-scrollbar-track{background:transparent}.card-library-scroll-canvas::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}.card-library-scroll-canvas::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.card-library-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-top:.15rem;flex-shrink:0}.card-library-section-title{font-size:var(--font-size-md);font-weight:700;color:var(--text-primary);margin:0}.card-library-section-sub{font-size:var(--font-size-xs);color:var(--text-muted);margin:.2rem 0 0}.card-library-cards-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem;grid-auto-flow:dense;align-items:start;width:100%}.library-widget-wrapper{position:relative;width:100%;max-width:100%;border-radius:var(--radius-md);transition:transform .18s ease,box-shadow .18s ease;box-sizing:border-box}.library-widget-wrapper:hover{transform:translateY(-2px)}.library-widget-wrapper .vt-widget-shell{width:100%;max-width:100%}.library-widget-wrapper .vt-card,.adjustable-canvas-grid .vt-card{width:100%;max-width:100%;box-sizing:border-box}.library-widget-wrapper .vt-table-wrap,.adjustable-canvas-grid .vt-table-wrap{max-height:440px!important;overflow-y:auto!important;overflow-x:auto!important;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.library-widget-wrapper .vt-table__head th,.adjustable-canvas-grid .vt-table__head th{position:sticky!important;top:0!important;z-index:2!important;background:var(--vt-track, #f1f5f9)}.card-library-empty-state{text-align:center;padding:3rem 1.5rem;background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:var(--radius-md);margin-top:1rem}@media(max-width:1200px){.card-library-sidebar{width:230px;min-width:230px;padding:.75rem .65rem}.card-library-layout{gap:1.15rem}.card-library-cards-grid{gap:1rem}.card-library-cards-grid .widget-span-3{grid-column:span 4}}@media(max-width:992px){.content-container.card-library-mode,.content-container:has(.card-library-page){padding:.75rem 1rem .5rem!important}.card-library-layout{flex-direction:column;gap:.75rem;overflow:hidden}.card-library-sidebar{width:100%;min-width:100%;height:auto;max-height:none;flex-shrink:0;padding:.5rem .75rem;background:var(--bg-surface);box-shadow:var(--shadow-sm)}.mobile-category-toggle-btn{display:inline-flex}.card-library-nav-list{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:.45rem;padding:.25rem .1rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.card-library-nav-list::-webkit-scrollbar{display:none}.card-library-nav-item{width:auto;flex-shrink:0;scroll-snap-align:start;padding:.45rem .7rem;font-size:var(--font-size-xs)}.card-library-cat-search{display:none}.card-library-cat-search.visible-mobile{display:flex;margin-top:.25rem}.card-library-nav-list.expanded-mobile{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.4rem;max-height:240px;overflow-y:auto;overflow-x:hidden;padding:.5rem .2rem;scrollbar-width:thin;margin-top:.25rem}.card-library-nav-list.expanded-mobile .card-library-nav-item{width:100%}.card-library-cards-grid .widget-span-3{grid-column:span 6}}@media(max-width:768px){.content-container.card-library-mode,.content-container:has(.card-library-page){padding:.5rem .65rem .4rem!important}.card-library-page .view-header{margin-bottom:.35rem;padding-bottom:.2rem}.card-library-page .view-title-main h1{font-size:1.15rem}.card-library-page .view-header-desc{display:none}.card-library-header-row{flex-direction:column;align-items:stretch;gap:.5rem}.card-library-filter-box{width:100%;max-width:none;min-width:0;padding:.375rem .5rem}.card-library-main-toolbar{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important;padding:.5rem .6rem!important;flex:0 0 auto!important;flex-shrink:0!important;height:auto!important;min-height:auto!important}.card-library-main-toolbar .library-search-wrapper,.card-library-main-toolbar .catalog-search-wrapper,.library-toolbar-controls-right{width:100%!important;flex:1 1 auto!important}.card-library-main-toolbar .catalog-search-input{padding:.38rem 1.8rem .38rem 2rem;font-size:.8125rem;height:36px;border-radius:var(--radius-xs)}.library-toolbar-scope-select{height:36px;font-size:.8125rem}.card-library-main-toolbar .catalog-search-icon{left:.6rem}.library-count-container{margin-left:0;flex-shrink:0}.library-count-indicator{font-size:.6875rem;padding:.2rem .5rem}.card-library-cards-grid{display:flex;flex-direction:column;gap:.75rem}.card-library-cards-grid .widget-span-3,.card-library-cards-grid .widget-span-6,.card-library-cards-grid .widget-span-12{width:100%!important;grid-column:span 12!important}.card-library-section-header{flex-direction:row;align-items:baseline;justify-content:space-between;gap:.5rem;margin-top:0}.card-library-section-title{font-size:var(--font-size-sm)}.card-library-section-sub{font-size:.6875rem}.card-library-nav-list.expanded-mobile{grid-template-columns:1fr;max-height:220px}}@media(max-width:420px){.card-library-sidebar{padding:.35rem .5rem}.card-library-nav-item{padding:.3rem .5rem;font-size:.75rem}.card-library-main-toolbar{padding:.35rem .5rem!important;gap:.35rem!important}.card-library-main-toolbar .catalog-search-input{height:32px;font-size:.75rem}}.create-view-modal-card{max-width:640px!important;max-height:90vh;overflow-y:auto}.category-type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.category-toggle-btn{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;padding:.625rem .875rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all var(--transition-speed)}.category-toggle-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.category-toggle-btn.active{border-color:var(--accent-blue);background:var(--accent-blue-subtle);color:var(--accent-blue-hover);font-weight:700}.modal-widget-chips{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;max-height:100px;overflow-y:auto;padding:.375rem;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.form-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-xs);font-weight:600;color:var(--text-primary);cursor:pointer}.fixed-frequency-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .65rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-xs);box-shadow:0 1px 2px #00000005}.frequency-scope-pill{font-family:var(--font-sans);font-size:.72rem;font-weight:700;color:var(--accent-blue-hover);background:var(--accent-blue-subtle);border:1px solid var(--accent-blue-border);padding:.15rem .5rem;border-radius:var(--radius-full);letter-spacing:.01em}.content-container:has(.view-workspace-layout),.content-container.workspace-mode{overflow:hidden!important;display:flex!important;flex-direction:column!important;height:calc(100vh - var(--header-height, 60px))!important;max-height:calc(100vh - var(--header-height, 60px))!important;padding:1rem 1.5rem .5rem!important;box-sizing:border-box!important}.view-workspace-layout{display:flex;gap:1.25rem;width:100%;height:100%;max-height:100%;flex:1 1 0%;min-height:0;align-items:stretch!important;position:relative;overflow:hidden;box-sizing:border-box}.view-canvas-area{flex:1 1 0%;min-width:0;height:100%;max-height:100%;display:flex;flex-direction:column;width:100%;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:.5rem;box-sizing:border-box}.view-canvas-area::-webkit-scrollbar{width:6px}.view-canvas-area::-webkit-scrollbar-track{background:transparent}.view-canvas-area::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.view-canvas-area::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.blank-view-canvas-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:auto;max-width:520px;width:100%;padding:3.5rem 2rem;background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;transition:all var(--transition-speed)}.blank-canvas-icon-circle{width:56px;height:56px;border-radius:50%;background:var(--accent-blue-subtle, #eff6ff);color:var(--accent-blue, #2563eb);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.blank-canvas-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.blank-canvas-desc{font-size:var(--font-size-sm);color:var(--text-muted);max-width:440px;line-height:1.55;margin-bottom:1.5rem}.blank-view-canvas-state.drop-target-zone{border:2px dashed var(--accent-blue-border, #bfdbfe);background:var(--accent-blue-subtle, rgba(37, 99, 235, .03));cursor:pointer;min-height:320px}.blank-view-canvas-state.drop-target-zone:hover{border-color:var(--accent-blue);background:#2563eb0f}.blank-drop-hint{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--font-size-xs);color:var(--accent-blue);font-weight:500;background:var(--bg-surface);border:1px solid var(--accent-blue-border);padding:.35rem .85rem;border-radius:var(--radius-full)}.widget-docked-panel{width:360px;min-width:340px;flex-shrink:0;height:100%;max-height:100%;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;min-height:0;overflow:hidden;z-index:10;box-sizing:border-box}.docked-panel-header{padding:.875rem 1rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;background:#fff}.docked-panel-title{font-size:var(--font-size-sm);font-weight:700;color:var(--text-primary);line-height:1.2}.docked-panel-subtitle{font-size:.6875rem;color:var(--text-muted);margin-top:1px}.docked-panel-tip{padding:.5rem .875rem;background:var(--accent-blue-subtle);border-bottom:1px solid var(--accent-blue-border);font-size:.6875rem;color:var(--accent-blue-hover);display:flex;align-items:center;gap:.45rem;line-height:1.35}.docked-panel-search-box{position:relative;padding:.625rem .875rem .4rem}.docked-panel-search-icon{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none}.docked-panel-search-input{width:100%;padding:.4rem 1.8rem .4rem 2rem;font-size:var(--font-size-xs);font-family:var(--font-sans);background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;transition:all var(--transition-speed)}.docked-panel-search-input:focus{background:#fff;border-color:var(--accent-blue);box-shadow:0 0 0 3px #2563eb1a}.docked-panel-search-clear{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-light);cursor:pointer;padding:2px}.docked-panel-category-dropdown-box{padding:.5rem .875rem;background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.35rem}.docked-panel-dropdown-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.docked-panel-dropdown-label{display:flex;align-items:center;gap:.35rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.docked-panel-active-badge{font-size:.6875rem;font-weight:700;color:var(--accent-blue);background:var(--accent-blue-subtle);border:1px solid var(--accent-blue-border);border-radius:var(--radius-xs);padding:.1rem .45rem;line-height:1.3}.docked-panel-category-select{width:100%;padding:.45rem .625rem;font-size:var(--font-size-xs);font-family:var(--font-sans);background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;cursor:pointer;transition:all var(--transition-speed)}.docked-panel-category-select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-subtle)}.docked-panel-category-select optgroup{font-weight:700;color:var(--text-muted);font-size:.6875rem;background:var(--bg-subtle);padding:.25rem}.docked-panel-category-select option{font-weight:500;color:var(--text-primary);background:#fff;padding:.35rem}.docked-panel-category-strip{display:flex;flex-wrap:wrap;gap:.35rem;padding:.375rem .875rem .5rem;border-bottom:1px solid var(--border-subtle);overflow:visible;background:#fff}.docked-panel-cat-pill{font-family:var(--font-sans);font-size:.65rem;font-weight:600;padding:.2rem .5rem;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:all var(--transition-speed)}.docked-panel-cat-pill:hover{border-color:var(--border-hover);background:var(--bg-subtle);color:var(--text-primary)}.docked-panel-cat-pill.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.docked-panel-counter{padding:.45rem .875rem;background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle);font-size:.65rem;color:var(--text-muted);display:flex;align-items:center;justify-content:space-between}.docked-panel-scroll-list{flex:1 1 auto;min-height:0;overflow-y:auto!important;overflow-x:hidden;padding:.75rem .875rem 2.5rem;display:flex;flex-direction:column;gap:.75rem}.docked-panel-scroll-list::-webkit-scrollbar{width:6px}.docked-panel-scroll-list::-webkit-scrollbar-track{background:var(--bg-subtle);border-radius:3px}.docked-panel-scroll-list::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}.docked-panel-scroll-list::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.widget-panel-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:var(--font-size-xs)}.mobile-arrow-icon{display:none}.desktop-arrow-icon{display:block}.widget-bottomsheet-backdrop,.bottomsheet-handle-bar{display:none}.widget-collapsed-bar-inner{display:flex;flex-direction:column;align-items:center;width:100%}.widget-docked-panel.collapsed{width:48px;min-width:48px;height:100%;max-height:100%;padding:.75rem .375rem;display:flex;flex-direction:column;align-items:center;cursor:pointer;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000a;transition:width var(--transition-speed),min-width var(--transition-speed);box-sizing:border-box}.widget-docked-panel.collapsed:hover{background:var(--bg-subtle);border-color:var(--accent-blue-border)}.widget-panel-expand-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;margin-bottom:1.25rem;transition:all var(--transition-speed)}.widget-panel-expand-btn:hover{background:var(--accent-blue-subtle);color:var(--accent-blue);border-color:var(--accent-blue-border)}.widget-panel-vertical-label{writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-xs);font-weight:700;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.docked-panel-collapse-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-speed)}.docked-panel-collapse-btn:hover{background:var(--bg-subtle);color:var(--text-primary);border-color:var(--border-color)}.view-edit-mode-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.6875rem;font-weight:700;border-radius:var(--radius-full, 9999px);background:#2563eb1f;color:var(--accent-blue);border:1px solid rgba(37,99,235,.3);text-transform:uppercase;letter-spacing:.05em}.draggable-widget-container.view-mode-static{cursor:default}.draggable-widget-container.view-mode-static:hover{border-color:var(--border-color);box-shadow:0 1px 3px #0000000a}.mini-widget-card{flex-shrink:0!important;min-height:fit-content!important;height:auto!important;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000000a;overflow:hidden;position:relative;cursor:grab;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;transition:transform var(--transition-speed),box-shadow var(--transition-speed),border-color var(--transition-speed)}.mini-widget-card:hover{transform:translateY(-2px);border-color:var(--accent-blue);box-shadow:0 4px 12px #2563eb14}.mini-widget-card:active{cursor:grabbing}.mini-widget-card.placed{border-color:#cbd5e1;opacity:.92}.mini-widget-stage-indicator{height:3px;width:100%}.mini-widget-card.chart-ongoing .mini-widget-stage-indicator{background:var(--gradient-ongoing)}.mini-widget-card.chart-completed .mini-widget-stage-indicator{background:var(--gradient-completed)}.mini-widget-card.chart-pending .mini-widget-stage-indicator{background:var(--gradient-pending)}.mini-widget-card.chart-blocked .mini-widget-stage-indicator{background:var(--gradient-blocked)}.mini-widget-header{padding:.625rem .75rem .4rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.mini-widget-icon-box{width:24px;height:24px;border-radius:var(--radius-xs);background:var(--bg-subtle);color:var(--accent-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mini-widget-title-group{min-width:0}.mini-widget-title{font-size:.75rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.mini-widget-category{font-size:.625rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.04em}.mini-widget-grip{color:var(--text-light);padding:2px;cursor:grab;opacity:.6;transition:opacity var(--transition-speed)}.mini-widget-card:hover .mini-widget-grip{opacity:1;color:var(--accent-blue)}.mini-widget-body{padding:.35rem .75rem .625rem}.mini-kpi-box{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;background:var(--bg-subtle);border-radius:var(--radius-xs)}.mini-kpi-val{font-size:1.15rem;font-weight:800;font-family:var(--font-mono);line-height:1}.mini-kpi-badge{font-size:.625rem;font-weight:700;padding:.1rem .35rem;border-radius:var(--radius-full)}.mini-kpi-sub{font-size:.625rem;color:var(--text-muted);margin-left:auto}.mini-donut-wrapper{display:flex;align-items:center;gap:.75rem;padding:.25rem}.mini-donut-legend{display:flex;flex-direction:column;gap:2px;font-size:.625rem;font-weight:600}.mini-bars-wrapper{display:flex;flex-direction:column;gap:4px;padding:.2rem 0}.mini-bar-row{display:flex;align-items:center;gap:.5rem;font-size:.625rem}.mini-bar-name{width:50px;color:var(--text-secondary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-bar-track{flex:1;height:5px;background:var(--bg-subtle);border-radius:var(--radius-full);overflow:hidden}.mini-bar-fill{height:100%;border-radius:var(--radius-full)}.mini-sparkline-wrapper{padding:.2rem 0}.mini-spark-labels{display:flex;justify-content:space-between;font-size:.5625rem;color:var(--text-light);font-family:var(--font-mono);margin-top:2px}.mini-list-wrapper{display:flex;flex-direction:column;gap:3px}.mini-list-item{display:flex;align-items:center;gap:.35rem;padding:.25rem .4rem;background:var(--bg-subtle);border-radius:var(--radius-xs);font-size:.625rem}.mini-list-tag{font-size:.5625rem;font-weight:800;padding:1px 4px;border-radius:2px}.mini-list-item.critical .mini-list-tag{background:var(--status-blocked-bg);color:var(--status-blocked)}.mini-list-item.high .mini-list-tag{background:var(--status-pending-bg);color:var(--status-pending)}.mini-list-text{color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-metric-banner{display:flex;align-items:center;gap:.625rem;padding:.35rem .5rem;background:var(--bg-subtle);border-radius:var(--radius-xs)}.mini-generic-box{padding:.35rem .5rem;background:var(--bg-subtle);border-radius:var(--radius-xs)}.mini-widget-footer{padding:.4rem .75rem;background:var(--bg-subtle);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.mini-widget-size-pill{font-size:.625rem;font-weight:600;color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-color);padding:1px 5px;border-radius:var(--radius-xs)}.mini-widget-placed-badge{font-size:.65rem;font-weight:700;color:var(--status-completed);display:inline-flex;align-items:center;gap:2px}.mini-widget-add-btn{font-family:var(--font-sans);font-size:.6875rem;font-weight:700;color:var(--accent-blue);background:#fff;border:1px solid var(--accent-blue-border);padding:.2rem .55rem;border-radius:var(--radius-xs);cursor:pointer;display:inline-flex;align-items:center;gap:3px;transition:all var(--transition-speed)}.mini-widget-add-btn:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.canvas-wrapper{display:flex;flex-direction:column;gap:1.25rem;width:100%;flex:1;min-height:100%}.adjustable-canvas-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem;grid-auto-flow:dense;align-items:stretch!important;width:100%}.widget-span-3{grid-column:span 3}.widget-span-6{grid-column:span 6}.widget-span-12{grid-column:span 12}@media(max-width:1200px){.widget-span-3{grid-column:span 6}}@media(max-width:768px){.widget-span-3,.widget-span-6,.widget-span-12{grid-column:span 12}}.draggable-widget-container{display:flex;flex-direction:column;position:relative;height:100%;align-self:stretch;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.draggable-widget-container.is-dragging{opacity:.45;transform:scale(.98)}.draggable-widget-container.is-drop-target{box-shadow:0 0 0 2px var(--accent-blue);border-radius:var(--radius-md)}.drop-indicator-line{position:absolute;background:var(--accent-blue);box-shadow:0 0 12px #2563ebe6;z-index:30;pointer-events:none;display:flex;align-items:center;justify-content:center}.drop-indicator-line.drop-top,.drop-indicator-line.drop-before{top:-6px;left:0;right:0;height:4px;border-radius:2px}.drop-indicator-line.drop-bottom,.drop-indicator-line.drop-after{bottom:-6px;left:0;right:0;height:4px;border-radius:2px}.drop-indicator-line.drop-left{left:-6px;top:0;bottom:0;width:4px;border-radius:2px}.drop-indicator-line.drop-right{right:-6px;top:0;bottom:0;width:4px;border-radius:2px}.drop-indicator-badge{position:absolute;background:var(--accent-blue);color:#fff;font-family:var(--font-sans);font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);box-shadow:0 2px 6px #0003;white-space:nowrap;pointer-events:none;letter-spacing:.02em}.drop-indicator-line.drop-top .drop-indicator-badge,.drop-indicator-line.drop-before .drop-indicator-badge{top:-22px}.drop-indicator-line.drop-bottom .drop-indicator-badge,.drop-indicator-line.drop-after .drop-indicator-badge{bottom:-22px}.drop-indicator-line.drop-left .drop-indicator-badge{left:8px;top:50%;transform:translateY(-50%)}.drop-indicator-line.drop-right .drop-indicator-badge{right:8px;top:50%;transform:translateY(-50%)}.widget-canvas-controls{display:flex;align-items:center;justify-content:space-between;padding:.3rem .625rem;background:#fff;border:1px solid var(--border-color);border-bottom:none;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);box-shadow:0 1px 2px #00000005}.widget-drag-handle{display:flex;align-items:center;gap:.35rem;color:var(--text-light);cursor:grab;padding:.15rem .35rem;border-radius:var(--radius-xs);transition:all var(--transition-speed)}.widget-drag-handle:hover{background:var(--bg-subtle);color:var(--accent-blue)}.widget-drag-handle:active{cursor:grabbing}.drag-handle-tooltip{font-size:.625rem;font-weight:600;color:var(--text-muted)}.widget-order-controls{display:flex;align-items:center;gap:2px;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-xs);padding:1px 2px;margin-left:.25rem}.widget-order-btn{background:transparent;border:none;color:var(--text-muted);width:20px;height:20px;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed);padding:0}.widget-order-btn:hover:not(:disabled){background:var(--bg-surface);color:var(--accent-blue);box-shadow:0 1px 2px #0000000d}.widget-order-btn:disabled{opacity:.25;cursor:not-allowed}.widget-card-freq-pill{font-size:.625rem;font-weight:700;color:var(--accent-blue);background:var(--accent-blue-subtle);border:1px solid var(--accent-blue-border);padding:.1rem .45rem;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:3px}.widget-size-toggle-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);width:22px;height:22px;border-radius:var(--radius-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed)}.widget-size-toggle-btn:hover{background:var(--bg-subtle);color:var(--accent-blue);border-color:var(--accent-blue)}.widget-canvas-remove-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);width:22px;height:22px;border-radius:var(--radius-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed)}.widget-canvas-remove-btn:hover{background:var(--status-blocked-bg);color:var(--status-blocked);border-color:#e11d484d}.widget-wrapped-content{flex:1 1 auto;display:flex;flex-direction:column;height:100%;width:100%}.widget-wrapped-content>.analytics-card,.widget-wrapped-content>.kpi-metric-card{border-top-left-radius:0!important;border-top-right-radius:0!important;height:100%!important;flex:1 1 auto}.view-canvas-area.drag-over-active{background:#2563eb05;border-radius:var(--radius-md)}.canvas-bottom-drop-zone{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;background:var(--bg-surface);border:2px dashed var(--border-hover);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-speed)}.canvas-bottom-drop-zone:hover,.canvas-bottom-drop-zone.drag-over{border-color:var(--accent-blue);color:var(--accent-blue);background:var(--accent-blue-subtle)}.canvas-extended-drop-area{flex:1;min-height:280px;width:100%;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem;transition:all .2s ease;border:2px dashed rgba(148,163,184,.4);background:#f8fafc73;cursor:pointer;margin-top:.25rem}.canvas-extended-drop-area:hover,.canvas-extended-drop-area.drag-over{background:#2563eb0b;border-color:var(--accent-blue);box-shadow:inset 0 0 0 1px var(--accent-blue)}.extended-drop-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;text-align:center;pointer-events:none}.extended-drop-icon-circle{width:38px;height:38px;border-radius:50%;background:var(--accent-blue-subtle);color:var(--accent-blue);display:flex;align-items:center;justify-content:center;margin-bottom:.25rem;border:1px solid var(--accent-blue-border);transition:transform .2s ease}.canvas-extended-drop-area.drag-over .extended-drop-icon-circle{transform:scale(1.1);background:var(--accent-blue);color:#fff}.extended-drop-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);transition:color .2s ease}.canvas-extended-drop-area.drag-over .extended-drop-title{color:var(--accent-blue)}.extended-drop-subtitle{font-size:var(--font-size-xs);color:var(--text-muted)}.drop-target-zone{background:var(--bg-surface);border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:4.5rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:640px;margin:2rem auto;transition:all var(--transition-speed)}.drop-target-zone:hover,.drop-target-zone.drag-hover{border-color:var(--accent-blue);background:var(--accent-blue-subtle)}.blank-canvas-icon-circle{width:64px;height:64px;border-radius:50%;background:var(--accent-blue-subtle);color:var(--accent-blue);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.blank-drop-hint{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;font-size:.72rem;color:var(--text-muted);font-style:italic}@keyframes slideUpBottomSheet{0%{transform:translateY(100%);opacity:.7}to{transform:translateY(0);opacity:1}}@media(max-width:992px){.desktop-arrow-icon{display:none!important}.mobile-arrow-icon{display:block!important}.content-container:has(.view-workspace-layout),.content-container.workspace-mode{padding:.5rem .75rem!important}.view-workspace-layout{flex-direction:column;padding-bottom:0;position:relative}.view-canvas-area{padding-bottom:68px}.widget-docked-panel.collapsed{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;min-width:100%!important;height:52px!important;max-height:52px!important;z-index:950!important;border-radius:14px 14px 0 0!important;border:1px solid var(--border-color)!important;border-bottom:none!important;background:#fffffffa!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;box-shadow:0 -4px 20px #00000014!important;padding:0 1rem!important;margin:0!important;cursor:pointer;display:flex!important;align-items:center!important;justify-content:space-between!important;transition:transform var(--transition-speed),background-color var(--transition-speed)}.widget-docked-panel.collapsed:hover{background:#fff!important;box-shadow:0 -6px 24px #2563eb1f!important}.widget-collapsed-bar-inner{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%!important}.widget-docked-panel.collapsed .widget-panel-vertical-label{order:1!important;writing-mode:horizontal-tb!important;transform:none!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:.5rem!important;font-size:var(--font-size-sm)!important;font-weight:700!important;color:var(--text-primary)!important;letter-spacing:normal!important;text-transform:none!important}.widget-collapsed-title{font-size:var(--font-size-sm);font-weight:700;color:var(--text-primary)}.widget-collapsed-count{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);font-family:var(--font-mono)}.widget-docked-panel.collapsed .widget-panel-expand-btn{order:2!important;width:32px!important;height:32px!important;border-radius:var(--radius-full)!important;background:var(--accent-blue-subtle)!important;border:1px solid var(--accent-blue-border)!important;color:var(--accent-blue)!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:0!important;flex-shrink:0!important;cursor:pointer;transition:all var(--transition-speed)}.widget-docked-panel.collapsed:hover .widget-panel-expand-btn{background:var(--accent-blue)!important;color:#fff!important;transform:translateY(-2px)}.widget-bottomsheet-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:998;animation:fadeIn .25s ease-out}.widget-docked-panel:not(.collapsed){position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:75vh!important;max-height:85vh!important;min-height:380px!important;z-index:999!important;border-radius:16px 16px 0 0!important;border:1px solid var(--border-color)!important;border-bottom:none!important;background:#fff!important;box-shadow:0 -10px 40px #00000040!important;display:flex!important;flex-direction:column!important;margin:0!important;animation:slideUpBottomSheet .35s cubic-bezier(.16,1,.3,1) forwards!important}.bottomsheet-handle-bar{display:flex;align-items:center;justify-content:center;padding:.625rem 0 .25rem;cursor:pointer;width:100%;flex-shrink:0}.bottomsheet-handle-pill{width:40px;height:4px;border-radius:9999px;background:var(--border-hover);transition:background-color var(--transition-speed)}.bottomsheet-handle-bar:hover .bottomsheet-handle-pill{background:var(--accent-blue)}.widget-docked-panel:not(.collapsed) .docked-panel-header{padding:.5rem 1.25rem .75rem;border-bottom:1px solid var(--border-subtle)}.widget-docked-panel:not(.collapsed) .docked-panel-scroll-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.75rem 1.25rem 1.5rem}}@media(min-width:769px)and (max-width:992px){.widget-docked-panel.collapsed,.widget-docked-panel:not(.collapsed){left:var(--sidebar-collapsed-width)!important;width:calc(100vw - var(--sidebar-collapsed-width))!important}}@media(max-width:768px){.widget-docked-panel.collapsed,.widget-docked-panel:not(.collapsed){left:0!important;width:100%!important}}.login-page-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 10% 20%,rgba(37,99,235,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(16,185,129,.04) 0%,transparent 40%),var(--bg-main);padding:1.5rem}.login-card-wrapper{width:100%;max-width:440px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000a;padding:2.25rem 2rem;display:flex;flex-direction:column}.login-card-header{text-align:center;margin-bottom:1.5rem}.login-logo-icon{width:48px;height:48px;margin:0 auto .75rem;background:var(--accent-blue-subtle);border:1px solid var(--accent-blue-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.login-brand-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.login-brand-subtitle{font-size:var(--font-size-xs);color:var(--text-muted)}.login-error-banner{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:var(--status-blocked-bg);border:1px solid var(--status-blocked-border);border-radius:var(--radius-sm);color:var(--status-blocked);font-size:var(--font-size-xs);font-weight:600;margin-bottom:1.25rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form-group{display:flex;flex-direction:column;gap:.35rem}.login-form-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary)}.login-input-wrapper{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:.875rem;color:var(--text-light);pointer-events:none}.login-input{width:100%;padding:.625rem 2.25rem .625rem 2.5rem;font-size:var(--font-size-sm);font-family:var(--font-sans);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition-speed)}.login-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #2563eb1f}.login-pwd-toggle{position:absolute;right:.75rem;background:transparent;border:none;color:var(--text-light);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center}.login-pwd-toggle:hover{color:var(--text-primary)}.login-submit-btn{margin-top:.5rem;padding:.7rem 1.25rem;background:var(--accent-blue);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-sans);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all var(--transition-speed)}.login-submit-btn:hover:not(:disabled){background:var(--accent-blue-hover);box-shadow:0 2px 6px #2563eb40}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-demo-section{margin-top:1.5rem}.login-divider{display:flex;align-items:center;text-align:center;margin-bottom:1rem}.login-divider:before,.login-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-subtle)}.login-divider span{padding:0 .75rem;font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.login-demo-cards{display:flex;flex-direction:column;gap:.625rem}.login-demo-pill{width:100%;padding:.75rem .875rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition-speed);display:flex;flex-direction:column;gap:.4rem}.login-demo-pill:hover{border-color:var(--accent-blue);box-shadow:0 2px 8px #2563eb14;transform:translateY(-1px)}.demo-pill-header{display:flex;align-items:center;gap:.625rem}.demo-pill-avatar{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.demo-pill-avatar.admin{background:var(--status-ongoing-bg);color:var(--status-ongoing);border:1px solid var(--status-ongoing-border)}.demo-pill-avatar.member{background:var(--accent-blue-subtle);color:var(--accent-blue);border:1px solid var(--accent-blue-border)}.demo-pill-text{flex:1;min-width:0}.demo-pill-title{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-xs);font-weight:700;color:var(--text-primary)}.demo-role-tag{font-size:.625rem;font-weight:700;padding:1px 5px;border-radius:var(--radius-xs);letter-spacing:.03em}.demo-role-tag.admin{background:var(--status-ongoing-bg);color:var(--status-ongoing)}.demo-role-tag.member{background:var(--accent-blue-subtle);color:var(--accent-blue)}.demo-pill-email{font-size:.6875rem;color:var(--text-muted)}.demo-pill-privileges{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.65rem;color:var(--text-secondary)}.demo-pill-privileges span{display:inline-flex;align-items:center;gap:.25rem}.forbidden-tag{color:var(--status-blocked)}.login-card-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;gap:.375rem;font-size:.6875rem;color:var(--text-light)}.theme-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;max-height:200px;overflow-y:auto;padding:2px}.theme-swatch-card{display:flex;flex-direction:column;gap:.35rem;padding:.5rem .625rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:all .15s ease;position:relative}.theme-swatch-card:hover{border-color:var(--accent-blue);background:var(--bg-subtle)}.theme-swatch-card.active{border-color:var(--accent-blue);background:var(--accent-blue-subtle);box-shadow:0 0 0 1px var(--accent-blue)}.theme-swatch-header{display:flex;align-items:center;justify-content:space-between}.theme-swatch-name{font-size:var(--font-size-xs);font-weight:600;color:var(--text-primary)}.theme-swatch-dots{display:flex;align-items:center;gap:4px}.theme-swatch-dot{width:11px;height:11px;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex-shrink:0}.theme-mode-pills{display:flex;gap:.375rem;margin-bottom:.625rem}.theme-mode-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .75rem;border-radius:999px;font-size:var(--font-size-xs);font-weight:500;background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.theme-mode-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.theme-mode-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.vt-widget-shell .vt-card,.adjustable-canvas-grid .vt-card{width:100%;height:100%;flex:1 1 auto;box-sizing:border-box;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}.vt-card-actions{position:absolute;top:12px;right:12px;z-index:25;display:flex;align-items:center;gap:6px;opacity:0;transform:translateY(-2px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.vt-action-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;height:26px;border-radius:6px;border:1px solid var(--border-color, #e0e0e0);background:var(--bg-surface, #ffffff);color:var(--text-secondary, #616161);font-size:11px;font-weight:600;cursor:pointer;box-shadow:0 1px 3px #00000014;transition:all .15s ease;-webkit-user-select:none;user-select:none}.vt-action-btn:hover{background:var(--bg-subtle, #f1f5f9);color:var(--accent-blue, #0f6cbd);border-color:var(--accent-blue, #0f6cbd)}.vt-action-btn.copied{background:var(--status-completed-bg, #e7f8ee);border-color:var(--status-completed-border, #107c10);color:var(--status-completed, #107c10)}.vt-widget-shell .vt-remove-btn{position:static;width:26px;height:26px;border-radius:6px;border:1px solid var(--border-color, #e0e0e0);background:var(--bg-surface, #ffffff);color:var(--text-secondary, #616161);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 3px #00000014}.vt-widget-shell .vt-remove-btn:hover{opacity:1;color:var(--status-blocked, #c50f1f);border-color:var(--status-blocked, #c50f1f);background:var(--status-blocked-bg, #fef2f2)}@media(max-width:600px){.modal-overlay{padding:.5rem;align-items:flex-end}.modal-card{max-width:100%!important;max-height:90vh!important;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:1.25rem 1rem;overflow-y:auto}.modal-actions{flex-direction:column-reverse;gap:.5rem;width:100%}.modal-actions button{width:100%;justify-content:center}}.public-preview-page{width:100vw;min-width:100vw;height:100vh;max-height:100vh;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background-color:var(--bg-main);flex:1}.public-preview-page.fullscreen-mode{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:99999}.view-card-thumbnail-wrapper{position:relative;width:100%;height:64px;border-radius:var(--radius-sm);background:#0f141c;border:1px solid var(--border-color);overflow:hidden;margin:.3rem 0 .35rem;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;-webkit-user-select:none;user-select:none}.view-card:hover .view-card-thumbnail-wrapper,.view-card-thumbnail-wrapper:hover{border-color:var(--accent-blue);box-shadow:0 4px 14px #2563eb1f}.view-card-snapshot-wrap{width:100%;height:100%;overflow:hidden}.view-card-snapshot-img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .25s ease}.view-card-thumbnail-wrapper:hover .view-card-snapshot-img{transform:scale(1.03)}.view-card-empty-schematic{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;color:var(--text-muted);font-size:.6875rem;background:#ffffff05}.view-card-schematic-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;padding:6px;height:100%;box-sizing:border-box;align-items:stretch;background:#0b0f17}.mini-widget-cell{background:#161b22;border:1px solid #28303e;border-radius:4px;padding:3px 5px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-sizing:border-box}.mini-widget-header{display:flex;align-items:center;gap:3px;margin-bottom:2px}.mini-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0}.mini-title-line{height:2px;width:50%;background:#3a4454;border-radius:1px}.mini-widget-kpi-body{display:flex;align-items:center;justify-content:space-between;gap:2px;margin-top:auto}.mini-kpi-num{font-size:.625rem;font-weight:700;color:#f1f5f9;letter-spacing:-.02em;line-height:1}.mini-sparkline{width:24px;height:10px;flex-shrink:0}.mini-widget-chart-body{display:flex;align-items:flex-end;justify-content:space-between;gap:2px;height:16px;margin-top:auto;padding:0 2px}.mini-bar{width:4px;border-radius:1px 1px 0 0;min-height:3px;opacity:.85}.mini-widget-wide-body{display:flex;flex-direction:column;gap:2px;margin-top:auto}.mini-table-row{height:3px;width:100%;background:#2d3748;border-radius:1px}.view-card-thumb-hover-pill{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:999px;background:#0f172ae0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:.6875rem;font-weight:600;box-shadow:0 4px 12px #00000059;border:1px solid rgba(255,255,255,.18);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.view-card-thumbnail-wrapper:hover .view-card-thumb-hover-pill{opacity:1;transform:translate(-50%,-50%) scale(1)}.view-card-thumb-count-badge{position:absolute;bottom:5px;right:5px;padding:2px 6px;border-radius:4px;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#94a3b8;font-size:.5625rem;font-weight:600;letter-spacing:.02em;pointer-events:none}.vt-card,.vt-card .vt-table{color:var(--vt-fg)!important}.vt-card .vt-table__cell{color:var(--vt-fg)!important;border-bottom-color:var(--vt-border)!important}.vt-card .vt-table__head th{background:var(--vt-track, #e9eef5)!important;color:var(--vt-fg)!important;border-bottom-color:var(--vt-border)!important}.vt-card .vt-table__row:nth-child(2n) .vt-table__cell{background:var(--vt-soft, rgba(0, 0, 0, .025))!important;color:var(--vt-fg)!important}.vt-card .vt-table__row:nth-child(odd) .vt-table__cell{background:transparent!important;color:var(--vt-fg)!important}.vt-card .vt-table__row:hover .vt-table__cell{background:var(--vt-track, rgba(0, 0, 0, .05))!important;color:var(--vt-fg)!important}.vt-card{--vt-bg: #ffffff;--vt-fg: #0f172a;--vt-muted: #64748b;--vt-border: #e2e8f0;--vt-track: #e9eef5;--vt-soft: #f1f5f9;--vt-accent: #10b981;--vt-accent-2: #3b82f6;--vt-good: #059669;--vt-warn: #b45309;--vt-bad: #dc2626;--vt-info: #475569;--vt-good-bg: color-mix(in srgb, var(--vt-good) 14%, var(--vt-bg));--vt-warn-bg: color-mix(in srgb, var(--vt-warn) 16%, var(--vt-bg));--vt-bad-bg: color-mix(in srgb, var(--vt-bad) 13%, var(--vt-bg));--vt-info-bg: color-mix(in srgb, var(--vt-info) 14%, var(--vt-bg));--vt-radius: 18px;--vt-gap: 16px;--vt-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 8px 24px rgba(15, 23, 42, .06);--vt-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--vt-hero-size: 56px;--vt-series-1: #10b981;--vt-series-2: #3b82f6;--vt-series-3: #f59e0b;--vt-series-4: #8b5cf6;--vt-series-5: #ec4899;--vt-series-6: #06b6d4;--vt-series-7: #ef4444;--vt-series-8: #94a3b8;--vt-heat-0: #f1f5f9;--vt-heat-1: #d1fae5;--vt-heat-2: #8ee5c3;--vt-heat-3: #34c795;--vt-heat-4: #059669;container-type:inline-size;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--vt-gap);padding:20px 24px;min-width:0;background:var(--vt-bg);color:var(--vt-fg);border:1px solid transparent;border-radius:var(--vt-radius);box-shadow:var(--vt-shadow);font-family:var(--vt-font);font-size:14px;line-height:1.4}@media(prefers-color-scheme:dark){.vt-card{--vt-bg: #111827;--vt-fg: #f1f5f9;--vt-muted: #94a3b8;--vt-border: #1f2a3a;--vt-track: #1f2937;--vt-soft: #172033;--vt-accent: #34d399;--vt-accent-2: #60a5fa;--vt-good: #34d399;--vt-warn: #fbbf24;--vt-bad: #f87171;--vt-info: #cbd5e1;--vt-shadow: 0 0 0 1px rgba(255, 255, 255, .04), 0 8px 24px rgba(0, 0, 0, .35);--vt-heat-0: #172033;--vt-heat-1: #134e3a;--vt-heat-2: #166c50;--vt-heat-3: #1f9c72;--vt-heat-4: #34d399}}.vt-card *,.vt-card *:before,.vt-card *:after{box-sizing:inherit}.vt-card p,.vt-card h3,.vt-card h4,.vt-card ul,.vt-card ol,.vt-card dl,.vt-card dd,.vt-card figure{margin:0}.vt-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--vt-muted);font-size:14px}.vt-meta__category{font-weight:500}.vt-meta__title{flex-basis:100%;color:var(--vt-fg);font-size:13px;font-weight:600}.vt-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:var(--vt-soft);color:var(--vt-fg);font-size:12.5px;font-weight:500;white-space:nowrap}.vt-icon{display:inline-block;width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:var(--vt-icon) center / contain no-repeat;mask:var(--vt-icon) center / contain no-repeat;--vt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E")}.vt-icon--overview{--vt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='9' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='5' rx='1.5'/%3E%3Crect x='14' y='12' width='7' height='9' rx='1.5'/%3E%3Crect x='3' y='16' width='7' height='5' rx='1.5'/%3E%3C/svg%3E")}.vt-icon--task_types{--vt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2 2 7l10 5 10-5-10-5Z'/%3E%3Cpath d='m2 17 10 5 10-5'/%3E%3Cpath d='m2 12 10 5 10-5'/%3E%3C/svg%3E")}.vt-icon--tasks{--vt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 2h6v4H9z'/%3E%3Cpath d='m9 13 2 2 4-4'/%3E%3C/svg%3E")}.vt-icon--teams{--vt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20a6.5 6.5 0 0 1 13 0'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M16 14.2a5 5 0 0 1 5.5 4.8'/%3E%3C/svg%3E")}.vt-icon--people{--vt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='4'/%3E%3Cpath d='M2 21a7 7 0 0 1 14 0'/%3E%3Cpath d='M17 4a4 4 0 0 1 0 8'/%3E%3Cpath d='M19 15a6 6 0 0 1 3 6'/%3E%3C/svg%3E")}.vt-icon--clients{--vt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M3 13h18'/%3E%3C/svg%3E")}.vt-icon--trends{--vt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 17 6-6 4 4 8-8'/%3E%3Cpath d='M15 7h6v6'/%3E%3C/svg%3E")}.vt-icon--data_quality{--vt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 6v6c0 4.5 3.4 8.2 8 9 4.6-.8 8-4.5 8-9V6l-8-3Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}.vt-icon--workload{--vt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cline x1='16' x2='16' y1='2' y2='6'/%3E%3Cline x1='8' x2='8' y1='2' y2='6'/%3E%3Cline x1='3' x2='21' y1='10' y2='10'/%3E%3Cpath d='M8 14h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M16 14h.01'/%3E%3Cpath d='M8 18h.01'/%3E%3Cpath d='M12 18h.01'/%3E%3Cpath d='M16 18h.01'/%3E%3C/svg%3E")}.vt-icon--requestors{--vt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpolyline points='16 11 18 13 22 9'/%3E%3C/svg%3E")}.vt-icon--regions{--vt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}.vt-icon--plan_ahead{--vt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M3 10h5'/%3E%3Ccircle cx='16' cy='16' r='6'/%3E%3Cpath d='M16 13v3l2 1'/%3E%3C/svg%3E")}.vt-icon--week_focus{--vt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E")}.vt-icon--week_review{--vt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='8' height='4' x='8' y='2' rx='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='m9 14 2 2 4-4'/%3E%3C/svg%3E")}.vt-icon--month_summary{--vt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M10 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3Cpath d='M14 9H8'/%3E%3C/svg%3E")}.vt-icon--contribution{--vt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M15.477 12.89 17 22l-5-3-5 3 1.523-9.11'/%3E%3C/svg%3E")}.vt-icon--bids{--vt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='14' x='2' y='7' rx='2'/%3E%3Cpath d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3E%3C/svg%3E")}.vt-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:center}.vt-split__main{display:flex;flex-direction:column;gap:6px;min-width:0}.vt-split__aside{display:flex;flex-direction:column;gap:12px;min-width:0;padding-left:24px;border-left:1px solid var(--vt-border)}@container (max-width: 460px){.vt-split{grid-template-columns:minmax(0,1fr);gap:16px}.vt-split__aside{padding-left:0;border-left:0;padding-top:16px;border-top:1px solid var(--vt-border)}}.vt-strip{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 16px}.vt-wide{min-width:0}.vt-hero{display:flex;flex-direction:column;gap:4px;min-width:0}.vt-hero__value{font-size:var(--vt-hero-size);font-weight:800;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.vt-hero__unit{font-size:.55em;font-weight:700;letter-spacing:0;margin-left:2px}.vt-hero__label{font-size:20px;font-weight:700;line-height:1.2}.vt-hero__context{color:var(--vt-muted);font-size:14px}.vt-hero--compact .vt-hero__value{font-size:34px}.vt-hero--compact .vt-hero__label{font-size:15px}.vt-hero__change{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:14px;font-weight:600}.vt-status{align-self:flex-start;display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;font-size:14px;font-weight:600;margin-top:10px;background:var(--vt-info-bg);color:var(--vt-info)}.vt-strip .vt-status{margin-top:0}.vt-status--good,.vt-hero__change--up{background:var(--vt-good-bg);color:var(--vt-good)}.vt-status--warn{background:var(--vt-warn-bg);color:var(--vt-warn)}.vt-status--bad,.vt-hero__change--down{background:var(--vt-bad-bg);color:var(--vt-bad)}.vt-status--info,.vt-hero__change--flat,.vt-hero__change--none{background:var(--vt-info-bg);color:var(--vt-info)}.vt-donut{--vt-pct: 0%;position:relative;width:96px;height:96px;border-radius:50%;align-self:flex-start;flex:none;background:conic-gradient(var(--vt-accent) var(--vt-pct),var(--vt-track) 0)}.vt-donut:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:var(--vt-bg)}.vt-donut__label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.vt-top{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.vt-top__item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"avatar label value" "avatar track track";gap:4px 10px;align-items:center}.vt-top__item:not(:has(.vt-avatar)){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label value" "track track"}.vt-top__item>.vt-avatar{grid-area:avatar}.vt-top__label{grid-area:label;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt-top__value{grid-area:value;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.vt-top__share{color:var(--vt-muted);font-weight:500}.vt-top__track{grid-area:track;display:block;height:8px;border-radius:999px;background:var(--vt-track);overflow:hidden}.vt-top__fill{display:block;height:100%;width:var(--vt-pct, 0%);border-radius:inherit;background:var(--vt-accent-2)}.vt-top__item:first-child .vt-top__fill{background:var(--vt-accent)}.vt-more{color:var(--vt-muted);font-size:13px;font-weight:500}.vt-agenda{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}.vt-agenda__heading{color:var(--vt-muted);font-size:13px;font-weight:600}.vt-agenda__item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;align-items:start}.vt-agenda__check{width:16px;height:16px;margin-top:3px;border:1.5px solid var(--vt-muted);border-radius:4px}.vt-agenda__title{font-size:15px;font-weight:500;line-height:1.3;overflow-wrap:anywhere}.vt-agenda__date{grid-column:2;color:var(--vt-muted);font-size:12px}.vt-agenda__item>.vt-chip{grid-column:2;justify-self:start}.vt-chip{display:inline-flex;align-items:center;justify-content:center;text-align:center;max-width:120px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:500;line-height:1.25;color:var(--vt-tone, var(--vt-series-2));background:color-mix(in srgb,var(--vt-tone, var(--vt-series-2)) 15%,var(--vt-bg))}.vt-histogram{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;align-items:end;height:170px;padding-top:24px}.vt-histogram__col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%;min-width:0}.vt-histogram__bar{position:relative;width:100%;max-width:34px;height:var(--vt-pct, 0%);min-height:3px;border-radius:4px 4px 0 0;background:var(--vt-track)}.vt-histogram__bar--hl{background:var(--vt-accent)}.vt-histogram__value{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);padding:1px 5px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap;color:var(--vt-good);background:var(--vt-good-bg)}.vt-histogram__label{color:var(--vt-muted);font-size:11px;white-space:nowrap}.vt-stackbar{display:flex;height:40px;border-radius:8px;overflow:hidden;background:var(--vt-track)}.vt-stackbar__seg{flex:0 0 var(--vt-pct, 0%);display:grid;place-items:center;min-width:4px;overflow:hidden;color:#fff;font-size:13px;font-weight:600;background:var(--vt-tone, var(--vt-series-1));white-space:nowrap}.vt-legend{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.vt-legend__item{display:flex;align-items:center;gap:10px;font-size:15px}.vt-legend__item:before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--vt-tone, var(--vt-series, var(--vt-accent)))}.vt-legend__label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt-legend__value{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.vt-spark{display:block;width:100%;height:88px;overflow:visible}.vt-spark__area{fill:color-mix(in srgb,var(--vt-accent) 18%,transparent);stroke:none}.vt-spark__line{fill:none;stroke:var(--vt-accent);stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.vt-avatars{display:flex;align-items:center;padding-left:8px}.vt-avatars>.vt-avatar{margin-left:-8px;box-shadow:0 0 0 3px var(--vt-bg)}.vt-avatar{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--vt-tone, var(--vt-series-1));background:color-mix(in srgb,var(--vt-tone, var(--vt-series-1)) 18%,var(--vt-bg))}.vt-avatar--lg{width:64px;height:64px;font-size:22px}.vt-avatar--sm{width:28px;height:28px;font-size:11px}.vt-avatar--more{color:var(--vt-muted);background:var(--vt-soft)}.vt-tone-1{--vt-tone: var(--vt-series-1)}.vt-tone-2{--vt-tone: var(--vt-series-2)}.vt-tone-3{--vt-tone: var(--vt-series-3)}.vt-tone-4{--vt-tone: var(--vt-series-4)}.vt-tone-5{--vt-tone: var(--vt-series-5)}.vt-tone-6{--vt-tone: var(--vt-series-6)}.vt-tone-7{--vt-tone: var(--vt-series-7)}.vt-tone-8{--vt-tone: var(--vt-series-8)}.vt-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.vt-facts__item{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:var(--vt-soft);border-radius:10px}.vt-facts__label{margin:0;font-size:11.5px;color:var(--vt-muted)}.vt-facts__value{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.vt-chart{display:flex;flex-direction:column;gap:8px}.vt-chart__svg{width:100%;height:200px;overflow:visible}.vt-chart__line{fill:none;stroke:var(--vt-series, var(--vt-accent));stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}.vt-chart__grid{stroke:var(--vt-border);stroke-width:1;vector-effect:non-scaling-stroke}.vt-chart__tick{fill:var(--vt-muted);font-size:10px}.vt-chart .vt-legend{flex-direction:row;flex-wrap:wrap;gap:4px 14px}.vt-chart .vt-legend__item{font-size:12px;color:var(--vt-muted)}.vt-series--1{--vt-series: var(--vt-series-1)}.vt-series--2{--vt-series: var(--vt-series-2)}.vt-series--3{--vt-series: var(--vt-series-3)}.vt-series--4{--vt-series: var(--vt-series-4)}.vt-series--5{--vt-series: var(--vt-series-5)}.vt-series--6{--vt-series: var(--vt-series-6)}.vt-series--7{--vt-series: var(--vt-series-7)}.vt-series--8{--vt-series: var(--vt-series-8)}.vt-table-wrap{overflow-x:auto;overflow-y:auto;max-width:100%;max-height:440px;scrollbar-width:thin;scrollbar-color:var(--vt-muted) transparent}.vt-matrix{border-collapse:separate;border-spacing:3px;width:100%;font-size:12px}.vt-matrix th{font-weight:500;color:var(--vt-muted);text-align:left;padding:4px;white-space:nowrap}.vt-matrix__col{text-align:center!important}.vt-matrix__row{max-width:170px;overflow:hidden;text-overflow:ellipsis}.vt-matrix__cell{text-align:center;padding:7px 4px;border-radius:6px;font-variant-numeric:tabular-nums}.vt-matrix__cell--l0{background:var(--vt-heat-0);color:var(--vt-muted)}.vt-matrix__cell--l1{background:var(--vt-heat-1)}.vt-matrix__cell--l2{background:var(--vt-heat-2)}.vt-matrix__cell--l3{background:var(--vt-heat-3);color:#fff}.vt-matrix__cell--l4{background:var(--vt-heat-4);color:#fff}.vt-matrix__total{font-weight:600;text-align:right;padding:4px;font-variant-numeric:tabular-nums}.vt-table{width:100%;border-collapse:collapse;font-size:13px}.vt-table__head th{position:sticky;top:0;z-index:2;background:var(--vt-track);text-align:left;font-weight:600;color:var(--vt-muted);font-size:12px;padding:8px;border-bottom:1px solid var(--vt-border);white-space:nowrap}.vt-table__cell{padding:8px;border-bottom:1px solid var(--vt-border);vertical-align:top}.vt-table__row:last-child .vt-table__cell{border-bottom:0}.vt-table__cell--num,.vt-table__head th.vt-table__cell--num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.vt-list{list-style:none;padding:0;display:flex;flex-direction:column}.vt-list__item{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:8px 0;border-bottom:1px solid var(--vt-border)}.vt-list__item:last-child{border-bottom:0}.vt-list__primary{flex:1 1 auto;min-width:0;font-weight:500}.vt-list__secondary{flex-basis:100%;color:var(--vt-muted);font-size:12px}.vt-list__meta{color:var(--vt-muted);font-size:12px;font-variant-numeric:tabular-nums}.vt-bars{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.vt-bars__item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"label value share" "track track track";gap:2px 8px;align-items:baseline}.vt-bars__label{grid-area:label;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt-bars__value{grid-area:value;font-weight:600;font-variant-numeric:tabular-nums}.vt-bars__share{grid-area:share;color:var(--vt-muted);font-size:12px;min-width:3.5em;text-align:right}.vt-bars__track{grid-area:track;display:block;height:8px;background:var(--vt-track);border-radius:999px;overflow:hidden}.vt-bars__fill{display:block;height:100%;width:var(--vt-pct, 0%);background:var(--vt-accent);border-radius:inherit}.vt-badge{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:600;background:var(--vt-info-bg);color:var(--vt-info);white-space:nowrap}.vt-badge--up,.vt-badge--within,.vt-badge--healthy,.vt-badge--active,.vt-badge--good{background:var(--vt-good-bg);color:var(--vt-good)}.vt-badge--down,.vt-badge--over,.vt-badge--low,.vt-badge--bad{background:var(--vt-bad-bg);color:var(--vt-bad)}.vt-badge--at_risk,.vt-badge--under,.vt-badge--warn{background:var(--vt-warn-bg);color:var(--vt-warn)}.vt-muted{color:var(--vt-muted)}.vt-section-title{font-size:12px;font-weight:600;color:var(--vt-muted);text-transform:uppercase;letter-spacing:.05em}.vt-empty{padding:16px;text-align:center;color:var(--vt-muted);background:var(--vt-soft);border-radius:10px}.vt-card__footer{color:var(--vt-muted);font-size:12px}.vt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--vt-gap)}.vt-hero__unit--word{margin-left:.3em;font-size:.45em;font-weight:700}.vt-agenda__date{grid-column:2}.vt-agenda .vt-chip{max-width:100%;font-size:11.5px}.vt-card{--vt-bg: #ffffff;--vt-fg: #242424;--vt-muted: #616161;--vt-border: #e0e0e0;--vt-track: #f3f3f3;--vt-accent: #0f6cbd;--vt-accent-2: #5b9bd5;--vt-good: #107c10;--vt-bad: #c50f1f;--vt-warn: #bc4b09;--vt-radius: 4px;--vt-gap: 10px;--vt-font: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;--vt-series-1: #4472c4;--vt-series-2: #ed7d31;--vt-series-3: #a5a5a5;--vt-series-4: #ffc000;--vt-series-5: #5b9bd5;--vt-series-6: #70ad47;--vt-series-7: #264478;--vt-series-8: #9e480e;--vt-heat-0: #f5f5f5;--vt-heat-1: #deebf7;--vt-heat-2: #9ecae1;--vt-heat-3: #4292c6;--vt-heat-4: #08519c;box-shadow:0 1.6px 3.6px #00000021,0 .3px .9px #0000001c;border-color:transparent}.vt-meta{padding-bottom:8px;border-bottom:1px solid var(--vt-border)}.vt-card__title{font-size:14px;font-weight:600}.vt-hero__value{font-weight:700;font-size:46px}.vt-hero__change{border-radius:2px}.vt-top__track,.vt-top__fill{border-radius:0}.vt-top__track{height:10px}.vt-facts__item{border-radius:2px;background:transparent;border-left:3px solid var(--vt-accent);padding:4px 8px}.vt-table__head th{background:var(--vt-track);color:var(--vt-fg)}.vt-table__row:nth-child(2n) .vt-table__cell{background:var(--vt-soft, #fafafa);color:var(--vt-fg)}.vt-matrix{border-spacing:1px}.vt-matrix__cell{border-radius:0}.vt-badge{border-radius:2px}@media(prefers-color-scheme:dark){.vt-card{--vt-bg: #292929;--vt-fg: #ffffff;--vt-muted: #adadad;--vt-border: #3d3d3d;--vt-track: #333333;--vt-soft: #2e2e2e;--vt-accent: #479ef5;--vt-good: #54b054;--vt-bad: #dc626d;--vt-warn: #f1883a;--vt-heat-0: #303030;--vt-heat-1: #0c3b5e;--vt-heat-2: #115ea3;--vt-heat-3: #2886de;--vt-heat-4: #62abf5}.vt-table__row:nth-child(2n) .vt-table__cell{background:var(--vt-soft, #2e2e2e);color:var(--vt-fg)}}.vt-timeline{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:3px;align-items:end;height:180px;padding-top:24px}.vt-timeline__col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%;min-width:0}.vt-timeline__stack{position:relative;width:100%;max-width:28px;height:100%;display:flex;flex-direction:column-reverse;background:var(--vt-track);border-radius:4px 4px 0 0;overflow:hidden}.vt-timeline__seg{display:block;width:100%;height:var(--vt-pct, 0%);min-height:0;transition:height .2s ease}.vt-timeline__seg--logged{background:var(--vt-accent, #0f6cbd)}.vt-timeline__seg--missed{background:var(--vt-bad, #c50f1f)}.vt-timeline__seg--planned{background:var(--vt-accent-2, #5b9bd5)}.vt-timeline__seg--forecast{background:var(--vt-series-3, #ed7d31)}.vt-timeline__cap{position:absolute;left:0;right:0;bottom:var(--vt-pct, 100%);height:2px;background:var(--vt-fg, #242424);opacity:.6;z-index:2}.vt-timeline__col--today .vt-timeline__stack{box-shadow:0 0 0 2px var(--vt-accent, #0f6cbd)}.vt-timeline__label{color:var(--vt-muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.vt-legend--timeline{flex-direction:row;flex-wrap:wrap;gap:8px 16px;margin-top:12px}.vt-timeline-key--logged:before{background:var(--vt-accent, #0f6cbd)!important}.vt-timeline-key--missed:before{background:var(--vt-bad, #c50f1f)!important}.vt-timeline-key--planned:before{background:var(--vt-accent-2, #5b9bd5)!important}.vt-timeline-key--capacity:before{background:var(--vt-fg, #242424)!important}.vt-widget-shell{position:relative;width:100%;height:100%;display:flex;flex-direction:column;flex:1 1 auto}.vt-html-wrapper{display:flex;flex-direction:column;flex:1 1 auto;height:100%;width:100%}.vt-widget-shell .vt-card{width:100%;height:100%;flex:1 1 auto;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}.vt-widget-shell:hover .vt-card{box-shadow:0 4px 12px #00000014,0 1px 3px #0000000d}.vt-card-actions,.vt-widget-shell .vt-remove-btn{position:absolute;top:12px;right:12px;z-index:25;display:flex;align-items:center;gap:6px;opacity:0;transform:translateY(-2px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.vt-widget-shell:hover .vt-card-actions,.vt-widget-shell:focus-within .vt-card-actions{opacity:1;transform:translateY(0);pointer-events:auto}.vt-card-actions:has(.vt-action-btn.copied){opacity:1;transform:translateY(0);pointer-events:auto}.vt-action-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;height:26px;border-radius:6px;border:1px solid var(--vt-border, #e0e0e0);background:var(--vt-bg, #ffffff);color:var(--vt-muted, #616161);font-size:11px;font-weight:600;cursor:pointer;box-shadow:0 1px 3px #00000014;transition:all .15s ease;-webkit-user-select:none;user-select:none}.vt-action-btn:hover{background:var(--vt-soft, #f1f5f9);color:var(--vt-accent, #0f6cbd);border-color:var(--vt-accent, #0f6cbd)}.vt-action-btn.copied{background:var(--vt-good-bg, #e7f8ee);border-color:var(--vt-good, #107c10);color:var(--vt-good, #107c10)}.vt-widget-shell .vt-remove-btn{position:static;width:26px;height:26px;border-radius:6px;border:1px solid var(--vt-border, #e0e0e0);background:var(--vt-bg, #ffffff);color:var(--vt-muted, #616161);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 3px #00000014}.vt-widget-shell:hover .vt-remove-btn{opacity:.9}.vt-widget-shell .vt-remove-btn:hover{opacity:1;color:var(--vt-bad, #c50f1f);border-color:var(--vt-bad, #c50f1f);background:var(--vt-bad-bg, #fef2f2)}