:root{--color-bg:#f6f8fa;--color-surface:#fff;--color-surface-2:#f1f4f8;--color-sidebar:#fff;--color-text:#0f172a;--color-muted:#55657a;--color-faint:#8a98aa;--color-border:#e3e8ef;--color-border-strong:#c9d3de;--color-primary:#0b5fa5;--color-on-primary:#fff;--color-primary-soft:color-mix(in srgb, var(--color-primary) 12%, transparent);--color-danger:#b42318;--color-danger-soft:#fdecea;--color-success:#067647;--color-success-soft:#e7f6ee;--color-warning:#b54708;--color-warning-soft:#fef3e6;--chart-1:#2563eb;--chart-2:#0d9488;--chart-3:#d97706;--chart-4:#db2777;--chart-5:#7c3aed;--chart-6:#059669;--chart-7:#dc2626;--chart-8:#0891b2;--chart-grid:#e8edf3;--shadow-sm:0 1px 2px #1018280d, 0 1px 3px #1018280f;--shadow-md:0 4px 12px #10182814, 0 2px 4px #1018280d;--shadow-lg:0 18px 40px #10182824;--radius:12px;--radius-sm:8px;--space:1rem;--sidebar-w:248px;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#0f1720;--color-surface:#17212c;--color-surface-2:#1e2a37;--color-sidebar:#131c26;--color-text:#e8eef4;--color-muted:#a3b2c2;--color-faint:#73859a;--color-border:#263342;--color-border-strong:#364657;--color-primary:#6cb4f0;--color-on-primary:#0b1620;--color-danger:#ff8a80;--color-danger-soft:#3a1d1d;--color-success:#5fd39a;--color-success-soft:#14301f;--color-warning:#f5b26b;--color-warning-soft:#33240f;--chart-1:#60a5fa;--chart-2:#2dd4bf;--chart-3:#fbbf24;--chart-4:#f472b6;--chart-5:#a78bfa;--chart-6:#34d399;--chart-7:#f87171;--chart-8:#22d3ee;--chart-grid:#233140;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 6px 16px #00000059;--shadow-lg:0 20px 44px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--color-bg:#0f1720;--color-surface:#17212c;--color-surface-2:#1e2a37;--color-sidebar:#131c26;--color-text:#e8eef4;--color-muted:#a3b2c2;--color-faint:#73859a;--color-border:#263342;--color-border-strong:#364657;--color-primary:#6cb4f0;--color-on-primary:#0b1620;--color-danger:#ff8a80;--color-danger-soft:#3a1d1d;--color-success:#5fd39a;--color-success-soft:#14301f;--color-warning:#f5b26b;--color-warning-soft:#33240f;--chart-1:#60a5fa;--chart-2:#2dd4bf;--chart-3:#fbbf24;--chart-4:#f472b6;--chart-5:#a78bfa;--chart-6:#34d399;--chart-7:#f87171;--chart-8:#22d3ee;--chart-grid:#233140;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 6px 16px #00000059;--shadow-lg:0 20px 44px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14px;line-height:1.5}h1,h2,h3,h4{letter-spacing:-.01em;margin:0 0 .5rem;line-height:1.25}h1{font-size:1.5rem;font-weight:650}h2{font-size:1.125rem;font-weight:600}h3{font-size:.95rem;font-weight:600}p{margin:0 0 .75rem}a{color:var(--color-primary);text-underline-offset:2px}small{color:var(--color-muted)}code{background:var(--color-surface-2);overflow-wrap:anywhere;border-radius:6px;padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.num,.kpi,.tile-value,td.num{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.panel,.tile,.card,.button,.btn,.nav-scroll,.tile-scroll,.dash-card,.tabs{position:relative}.skip-link{background:var(--color-primary);color:var(--color-on-primary);z-index:50;border-radius:0 0 8px;padding:.5rem 1rem;position:absolute;top:0;left:-999px}.skip-link:focus{left:0}.app-shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100dvh;display:grid}.sidebar{background:var(--color-sidebar);border-right:1px solid var(--color-border);flex-direction:column;gap:.25rem;height:100dvh;padding:1rem .75rem;display:flex;position:sticky;top:0}.sidebar-top{justify-content:space-between;align-items:center;gap:.5rem;padding:0 .5rem .75rem;display:flex}.brand{color:var(--color-text);align-items:center;gap:.625rem;min-width:0;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.brand span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-mark{background:var(--color-primary);width:28px;height:28px;color:var(--color-on-primary);border-radius:8px;flex:none;place-items:center;display:grid}.brand-logo{object-fit:contain;width:auto;max-width:7rem;height:28px}.area-label{color:var(--color-faint);padding:0 .75rem .5rem;font-size:.75rem;display:block}.nav-scroll{flex:1;margin:0 -.25rem;padding:0 .25rem;overflow-y:auto}.nav-group{margin-bottom:1rem}.nav-group-title{letter-spacing:.06em;text-transform:uppercase;color:var(--color-faint);margin:0 0 .25rem;padding:0 .75rem;font-size:.6875rem;font-weight:600}.nav{gap:2px;margin:0;padding:0;list-style:none;display:grid}.nav a{border-radius:var(--radius-sm);color:var(--color-muted);align-items:center;gap:.625rem;padding:.5rem .75rem;font-weight:500;text-decoration:none;display:flex}.nav a:hover{background:var(--color-surface-2);color:var(--color-text)}.nav a[aria-current=page]{background:var(--color-primary-soft);color:var(--color-text);font-weight:600}.nav a[aria-current=page] .icon{color:var(--color-primary)}.icon{flex:none;width:18px;height:18px}.nav-toggle{display:none}.user-box{border-top:1px solid var(--color-border);align-items:center;gap:.625rem;padding:.75rem .25rem 0;display:flex}.avatar{background:var(--color-surface-2);width:32px;height:32px;color:var(--color-text);border-radius:999px;flex:none;place-items:center;font-size:.8rem;font-weight:600;display:grid}.user-meta{flex:1;min-width:0}.user-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;display:block;overflow:hidden}.user-meta span{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;display:block;overflow:hidden}.app-main{min-width:0;padding:1.5rem 2rem 2rem}.app-main:focus{outline:none}.shell-footer{color:var(--color-faint);padding:1rem 2rem;font-size:.75rem}@media (max-width:900px){.app-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{z-index:20;border-right:0;border-bottom:1px solid var(--color-border);flex-direction:column;height:auto;padding:.625rem .75rem;position:sticky}.sidebar-top{padding:0}.nav-toggle{display:inline-flex}.sidebar:not(.open) .nav-scroll,.sidebar:not(.open) .user-box,.sidebar:not(.open) .area-label{display:none}.sidebar.open .nav-scroll{max-height:70dvh;margin-top:.75rem}.app-main{padding:1rem}}.public-shell{grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.public-header{align-items:center;gap:1rem;padding:1rem 2rem;display:flex}.public-header nav{margin-left:auto}.public-header .nav{gap:.25rem;display:flex}.public-header .nav a{padding:.5rem .875rem}.public-main{width:100%;max-width:72rem;margin:0 auto;padding:1rem 2rem 3rem}@media (max-width:640px){.public-header,.public-main{padding-inline:1rem}.public-header .nav a{padding:.4rem .5rem}}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:3rem;padding-block:3rem;display:grid}.hero h1{letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:750}.hero p.lead{color:var(--color-muted);max-width:34rem;font-size:1.125rem}.hero-art{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);border-radius:20px;padding:1rem}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}@media (max-width:860px){.hero,.feature-grid{grid-template-columns:1fr}}.auth-wrap{place-items:center;padding-block:2rem 4rem;display:grid}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);width:100%;max-width:26rem;box-shadow:var(--shadow-md);border-radius:16px;padding:2rem}.auth-card h1{font-size:1.375rem}.auth-card .form{max-width:none}.auth-card .button{justify-content:center;width:100%}.auth-foot{text-align:center;color:var(--color-muted);margin-top:1rem}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.page-head h1{margin:0}.page-head p{color:var(--color-muted);margin:.25rem 0 0}.page-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.eyebrow{color:var(--color-muted);align-items:center;gap:.375rem;margin-bottom:.25rem;font-size:.75rem;font-weight:500;display:flex}.eyebrow a{color:var(--color-muted);text-decoration:none}.eyebrow a:hover{color:var(--color-text)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.25rem}.card+.card{margin-top:1rem}.card>h1:first-child,.card>h2:first-child,.card>h3:first-child{margin-top:0}.stack{gap:1rem;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}@media (max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}}@media (max-width:760px){.admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-overview-grid{grid-template-columns:1fr}.admin-bars li{grid-template-columns:7rem 1fr 1.5rem}}.notice{color:var(--color-muted)}.notice-box{border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:var(--radius-sm);margin-block:.75rem;padding:.75rem 1rem}.notice-box.success{background:var(--color-success-soft);color:var(--color-success);border-color:#0000}.admin-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.admin-kpi{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius);gap:.15rem;min-width:0;padding:1rem;display:grid}.admin-kpi span{color:var(--color-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:650}.admin-kpi strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(1.35rem,3vw,2rem);line-height:1.15}.admin-kpi small{color:var(--color-muted)}.admin-kpi.warning{border-color:color-mix(in srgb, var(--color-warning) 45%, var(--color-border))}.admin-kpi.danger{border-color:color-mix(in srgb, var(--color-danger) 45%, var(--color-border))}.admin-overview-grid{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:1rem;display:grid}.admin-block{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:1rem}.admin-block h2{margin-top:0}.admin-bars{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.admin-bars li{grid-template-columns:8.5rem 1fr 2rem;align-items:center;gap:.6rem;font-size:.82rem;display:grid}.admin-bars li>div{background:var(--color-surface-2);border-radius:999px;height:.55rem;overflow:hidden}.admin-bars i{border-radius:inherit;background:var(--color-primary);height:100%;display:block}.admin-bars b{text-align:right;font-variant-numeric:tabular-nums}.table-scroll{overflow-x:auto}.badge{background:var(--color-surface-2);color:var(--color-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge.primary{background:var(--color-primary-soft);color:var(--color-text)}.badge.success{background:var(--color-success-soft);color:var(--color-success)}.badge.warning{background:var(--color-warning-soft);color:var(--color-warning)}.empty{text-align:center;color:var(--color-muted);padding:2.5rem 1rem}.empty .icon{width:32px;height:32px;color:var(--color-faint);margin-bottom:.5rem}.divider{background:var(--color-border);border:0;height:1px;margin:1rem 0}.button,.btn{border-radius:var(--radius-sm);background:var(--color-primary);height:36px;color:var(--color-on-primary);font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:0 .875rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,box-shadow .15s,filter .15s;display:inline-flex}.button:hover:not(:disabled){filter:brightness(1.06);box-shadow:var(--shadow-sm)}.button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}.button.secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.button.secondary:hover:not(:disabled){background:var(--color-surface-2);filter:none}.button.ghost{color:var(--color-muted);background:0 0;border-color:#0000}.button.ghost:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text);filter:none;box-shadow:none}.button.danger{background:var(--color-surface);color:var(--color-danger);border-color:var(--color-border-strong)}.button.small{height:30px;padding:0 .625rem;font-size:.8125rem}.button.icon-only{width:32px;height:32px;padding:0}.button.icon-only.small{width:28px;height:28px}.actions,.toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-block:.75rem;display:flex}.link,.chip button{font:inherit;color:var(--color-primary);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}button:not([class]){font:inherit;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--color-border-strong);background:var(--color-surface);height:30px;color:var(--color-text);padding:0 .625rem;font-size:.8125rem}button:not([class]):hover:not(:disabled){background:var(--color-surface-2)}button:not([class]):disabled{opacity:.5;cursor:not-allowed}fieldset:not(.plain){border:1px solid var(--color-border);border-radius:var(--radius-sm);margin:.75rem 0;padding:.75rem 1rem}legend{color:var(--color-muted);padding:0 .375rem;font-size:.8125rem;font-weight:600}.card h2{margin-top:1.25rem}.card>h2:first-child,.card h1+h2{margin-top:.25rem}.form{gap:.375rem;max-width:26rem;display:grid}.form label{margin-top:.5rem;font-size:.8125rem;font-weight:500}.form label:first-child{margin-top:0}.form .button{margin-top:.75rem}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea{font:inherit;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);height:36px;color:var(--color-text);min-width:0;padding:0 .75rem}textarea{height:auto;padding:.5rem .75rem}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:0;border-color:var(--color-primary)}input[type=checkbox],input[type=radio]{accent-color:var(--color-primary);vertical-align:-3px;width:16px;height:16px}.form-error{color:var(--color-danger);font-weight:500}.form-error[role=alert]{background:var(--color-danger-soft);border-radius:var(--radius-sm);padding:.625rem .875rem}.form.row{grid-template-columns:auto 1fr;align-items:center;max-width:none}.check{align-items:center;gap:.5rem;display:flex;font-weight:400!important}.plain{border:0;min-width:0;margin:0;padding:0}.field-inline{align-items:center;gap:.5rem;display:inline-flex}.field-inline label{color:var(--color-muted);font-size:.8125rem;font-weight:500}.select-sm{font-size:.8125rem;height:32px!important}.plain-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}table{border-collapse:collapse;width:100%;margin-block:.5rem;font-size:.8125rem}caption{text-align:left;color:var(--color-muted);padding-bottom:.5rem}th{text-align:left;color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}th,td{border-bottom:1px solid var(--color-border);overflow-wrap:anywhere;padding:.5rem .625rem}tbody tr:hover{background:var(--color-surface-2)}td.num,th.num{text-align:right}.swatch{border:1px solid var(--color-border);vertical-align:middle;border-radius:6px;width:1.25rem;height:1.25rem;display:inline-block}.chip{border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:999px;align-items:center;gap:.375rem;padding:.1875rem .375rem .1875rem .625rem;font-size:.8125rem;display:inline-flex}.chip button{color:var(--color-muted);border-radius:999px;place-items:center;width:20px;height:20px;text-decoration:none;display:inline-grid}.chip button:hover{background:var(--color-surface-2);color:var(--color-text)}.crumbs{flex-wrap:wrap;gap:.375rem;margin:0 0 .25rem;padding:0;font-size:.75rem;list-style:none;display:flex}.crumbs li+li:before{content:"›";color:var(--color-faint);margin-right:.375rem}.tabs{border-bottom:1px solid var(--color-border);gap:.25rem;margin-bottom:1rem;display:flex;overflow-x:auto}.tab{appearance:none;font:inherit;color:var(--color-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.625rem .875rem;font-weight:500;text-decoration:none}.tab:hover{color:var(--color-text)}.tab[aria-selected=true],.tab[aria-current=page]{color:var(--color-text);border-bottom-color:var(--color-primary);font-weight:600}.segmented{background:var(--color-surface-2);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.segmented button{appearance:none;font:inherit;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.8125rem;display:inline-flex}.segmented button[aria-pressed=true]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm);font-weight:600}.dash{flex-direction:column;height:calc(100dvh - 3.5rem);min-height:560px;display:flex}.dash-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.dash-head h1{margin:0;font-size:1.25rem}.dash-sub{color:var(--color-muted);margin:.125rem 0 0;font-size:.8125rem}.dash-bar{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.875rem;display:flex}.dash-bar .tabs{border-bottom:0;margin-bottom:0}.dash-filters{flex-wrap:wrap;align-items:center;gap:.75rem;padding-bottom:.5rem;display:flex}.board{flex:1;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(12,minmax(0,1fr));gap:.75rem;min-height:0;display:grid}.board.overflow{grid-template-rows:repeat(8,minmax(64px,1fr));grid-auto-rows:minmax(64px,1fr);overflow:auto}.tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);min-width:0;min-height:0;box-shadow:var(--shadow-sm);flex-direction:column;padding:.875rem 1rem;display:flex;overflow:hidden;container-type:inline-size}.tile-head{justify-content:space-between;align-items:center;gap:.5rem;min-height:24px;margin-bottom:.375rem;display:flex}.tile-head h2,.tile-head h3{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.8125rem;font-weight:600;overflow:hidden}.tile-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.tile-value{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.02em;margin:0;font-size:clamp(1.05rem,11cqi,1.875rem);font-weight:700;line-height:1.1;overflow:hidden}.tile-sub{color:var(--color-muted);margin-top:.25rem;font-size:.75rem}.tile-na{color:var(--color-muted);margin:0;font-size:1rem;font-weight:600}.tile.kpi-tile{justify-content:center}.tile.kpi-tile .tile-head{margin-bottom:.25rem}.tile-scroll{flex:1;min-height:0;overflow:auto}.tile-scroll table{margin:0}.tile-scroll thead th{background:var(--color-surface);z-index:1;position:sticky;top:0}@media (max-width:900px){.dash{height:auto;min-height:0}.board,.board.overflow{grid-template-rows:none;grid-template-columns:1fr;grid-auto-rows:auto;overflow:visible}.board>*{min-height:calc(var(--h,3) * 56px);grid-area:auto!important}}.chart{flex:1;width:100%;min-height:0;position:relative}.chart svg{width:100%;height:100%;display:block;overflow:visible}.chart text{fill:var(--color-muted);font-size:11px;font-family:var(--font-sans)}.chart .grid-line{stroke:var(--chart-grid);stroke-width:1px}.chart .axis-line{stroke:var(--color-border-strong)}.chart-tip{pointer-events:none;z-index:5;background:var(--color-text);color:var(--color-bg);box-shadow:var(--shadow-md);white-space:nowrap;border-radius:6px;padding:.375rem .5rem;font-size:.75rem;position:absolute;transform:translate(-50%,-110%)}.legend{color:var(--color-muted);flex-wrap:wrap;gap:.25rem .875rem;margin-top:.375rem;padding:0;font-size:.75rem;list-style:none;display:flex}.legend li{align-items:center;gap:.375rem;display:inline-flex}.legend i{border-radius:3px;width:10px;height:10px;display:inline-block}.hbars{flex:1;align-content:start;gap:.375rem;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.hbars li{grid-template-columns:minmax(4.5rem,32%) 1fr auto;align-items:center;gap:.625rem;min-height:22px;font-size:.8125rem;display:grid}.hbars .label{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);text-align:left;overflow:hidden}.hbars button.label{font:inherit;cursor:pointer;color:var(--color-primary);text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.hbars .track{background:var(--color-surface-2);border-radius:999px;height:10px;overflow:hidden}.hbars .fill{background:var(--chart-1);border-radius:999px;height:100%;display:block}.hbars .value{font-variant-numeric:tabular-nums;color:var(--color-muted);text-align:right;font-size:.75rem}.more{color:var(--color-faint);margin-top:.375rem;font-size:.75rem}.donut-wrap{flex:1;align-items:center;gap:1rem;min-height:0;display:flex}.donut-wrap .chart{aspect-ratio:1;flex:none;width:auto;max-width:55%;height:100%;max-height:100%}.donut-wrap .legend{flex-flow:column;gap:.375rem;min-width:0;margin:0}.donut-wrap .legend li{grid-template-columns:10px 1fr auto;gap:.5rem;display:grid}.donut-wrap .legend b{color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:600}.gauge{align-items:center;gap:1rem;display:flex}.progress{background:var(--color-surface-2);border-radius:999px;height:8px;margin-top:.5rem;overflow:hidden}.progress>span{background:var(--color-success);border-radius:999px;height:100%;display:block}.dash-gallery{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1rem;display:grid}.dash-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:.75rem;padding:1rem;transition:box-shadow .15s,border-color .15s;display:flex}.dash-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.dash-thumb{background:var(--color-surface-2);border-radius:8px;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(6,1fr);gap:4px;height:96px;padding:8px;display:grid}.dash-thumb span{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px}.dash-thumb span.accent{background:var(--color-primary-soft)}.dash-card h2{margin:0;font-size:1rem}.dash-card .meta{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.375rem;font-size:.75rem;display:flex}.dash-card .actions{margin:auto 0 0}.editor{grid-template-columns:15rem minmax(0,1fr) 18rem;gap:.875rem;height:calc(100dvh - 12rem);min-height:560px;display:grid}.editor>*{min-height:0}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:.875rem;overflow:auto}.panel h2{text-transform:uppercase;letter-spacing:.06em;color:var(--color-faint);margin:.75rem 0 .5rem;font-size:.75rem}.panel h2:first-child{margin-top:0}.palette{gap:2px;margin:0 0 .5rem;padding:0;list-style:none;display:grid}.palette li{align-items:center;gap:.25rem;display:flex}.field{cursor:grab;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;flex:1;align-items:center;gap:.5rem;min-width:0;padding:.375rem .5rem;font-size:.8125rem;display:flex;overflow:hidden}.field:hover{background:var(--color-surface-2)}.field .dot{border-radius:2px;flex:none;width:8px;height:8px}.field.measure .dot{background:var(--chart-1)}.field.dimension .dot{background:var(--chart-2);border-radius:999px}.type-grid{grid-template-columns:repeat(3,1fr);gap:.375rem;display:grid}.type-grid button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);font:inherit;cursor:pointer;border-radius:8px;justify-items:center;gap:.25rem;padding:.5rem .25rem;font-size:.75rem;display:grid}.type-grid button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-text)}.type-grid button[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-text)}.canvas{flex-direction:column;min-height:0;display:flex}.canvas .board{background-image:linear-gradient(var(--color-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-border) 1px, transparent 1px);border-radius:var(--radius);background-position:-1px -1px;background-size:calc(8.33333% + .0625rem) calc(12.5% + .09375rem)}.widget{cursor:pointer;transition:box-shadow .12s,border-color .12s}.widget:hover{border-color:var(--color-border-strong)}.widget.selected{outline:2px solid var(--color-primary);outline-offset:1px}.widget-tools{opacity:0;background:var(--color-surface);box-shadow:var(--shadow-sm);z-index:2;border-radius:8px;gap:2px;transition:opacity .12s;display:flex;position:absolute;top:.5rem;right:.5rem}.widget:hover .widget-tools,.widget.selected .widget-tools,.widget:focus-within .widget-tools{opacity:1}.drop{border:1.5px dashed var(--color-border-strong);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.375rem;min-height:2.5rem;padding:.5rem;font-size:.8125rem;display:flex}.drop.over{border-color:var(--color-primary);background:var(--color-primary-soft)}.drop strong{width:100%;color:var(--color-muted);font-size:.75rem;font-weight:600}.inspector .form{max-width:none}.size-row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.capacity{color:var(--color-muted);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.capacity .progress{flex:1;margin:0}.page-tabs{flex-wrap:wrap;align-items:center;gap:.25rem;margin-bottom:.625rem;display:flex}.page-tabs .tabs{border-bottom:0;margin-bottom:0}.page-tabs .tab{border-radius:8px 8px 0 0;padding:.375rem .75rem}.popover{z-index:30;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:20rem;box-shadow:var(--shadow-lg);padding:.75rem;position:absolute;top:calc(100% + 6px);right:0}.rel{position:relative}@media (max-width:1100px){.editor{grid-template-columns:13rem minmax(0,1fr)}.editor .inspector{grid-column:1/-1}}@media (max-width:900px){.editor{grid-template-columns:1fr;height:auto}}.hello{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.steps{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.steps li{border-radius:var(--radius-sm);background:var(--color-surface-2);align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.steps li[aria-current=step]{background:var(--color-primary-soft);font-weight:600}.step-dot{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:999px;flex:none;place-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:grid}.steps li.done .step-dot{background:var(--color-success);color:#fff;border-color:#0000}.quick{color:inherit;align-items:flex-start;gap:.875rem;text-decoration:none;display:flex}.quick .icon-box{background:var(--color-primary-soft);width:40px;height:40px;color:var(--color-primary);border-radius:10px;flex:none;place-items:center;display:grid}.quick h3{margin:0 0 .125rem}.quick p{color:var(--color-muted);margin:0;font-size:.8125rem}.skeleton{background:linear-gradient(90deg, var(--color-surface-2), var(--color-border), var(--color-surface-2));background-size:200% 100%;border-radius:8px;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}*{transition:none!important}}@container (max-width:300px){.donut-wrap{flex-direction:column;align-items:stretch;gap:.5rem}.donut-wrap .chart{flex:1;max-width:100%;height:auto;min-height:0;margin:0 auto}.donut-wrap .legend{flex-flow:wrap}.donut-wrap .legend li{display:inline-flex}}.source-list{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.source-list li{border:1px solid var(--color-border,#d9dde3);border-radius:.75rem;padding:.75rem 1rem;font-size:.9rem}.dash>.board>*{animation:.55s cubic-bezier(.2,.7,.2,1) backwards rise}.dash>.board>:nth-child(2){animation-delay:50ms}.dash>.board>:nth-child(3){animation-delay:.1s}.dash>.board>:nth-child(4){animation-delay:.15s}.dash>.board>:nth-child(5){animation-delay:.2s}.dash>.board>:nth-child(6){animation-delay:.25s}.dash>.board>:nth-child(7){animation-delay:.3s}.dash>.board>:nth-child(n+8){animation-delay:.35s}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.985)}}.dash .tile{transition:box-shadow .2s,transform .2s,border-color .2s}.dash .tile:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-2px)}.kpi-tile .tile-head h2{letter-spacing:.07em;text-transform:uppercase;font-size:.6875rem}.kpi-tile{justify-content:flex-start}.kpi-tile .tile-body{justify-content:center;gap:.125rem}.kpi-icon{background:var(--color-primary-soft);width:26px;height:26px;color:var(--color-primary);border-radius:8px;flex:none;place-items:center;display:grid}.kpi-icon .icon{width:15px;height:15px}.tile-value{letter-spacing:-.035em;flex:none;font-size:clamp(1.3rem,15cqi,2.125rem);font-weight:720}.v-cur{color:var(--color-muted);vertical-align:.62em;letter-spacing:0;margin-right:.1em;font-size:.5em;font-weight:600}.v-dec,.v-unit{color:var(--color-muted);letter-spacing:-.01em;font-size:.58em;font-weight:600}.tile-sub{text-overflow:ellipsis;white-space:nowrap;flex:none;overflow:hidden}.tile-na+.tile-sub{white-space:normal}.spark{flex:1 1 0;min-height:0;max-height:56px;margin-top:.375rem}.tile.spotlight{color:var(--color-on-primary);background:var(--color-primary);box-shadow:0 14px 32px -12px color-mix(in srgb, var(--color-primary) 60%, transparent), var(--shadow-sm);border-color:#0000;padding:1.125rem 1.25rem}@supports (color:rgb(from red calc(255 - r) g b)){.tile.spotlight{--spot-shade:rgb(from var(--color-on-primary) calc(255 - r) calc(255 - g) calc(255 - b));background:radial-gradient(color-mix(in srgb, var(--spot-shade) 16%, transparent) 1px, transparent 1.5px) 0 0 / 14px 14px, linear-gradient(205deg, transparent 28%, color-mix(in srgb, var(--spot-shade) 30%, transparent)), var(--color-primary)}.spotlight .kpi-icon{background:color-mix(in srgb, var(--spot-shade) 26%, transparent);box-shadow:none}}.dash .tile.spotlight:hover{box-shadow:0 20px 40px -14px color-mix(in srgb, var(--color-primary) 70%, transparent), var(--shadow-sm);border-color:#0000}.spotlight .tile-head h2,.spotlight .tile-sub,.spotlight .tile-na,.spotlight .v-cur,.spotlight .v-dec,.spotlight .v-unit{color:inherit}.spotlight .kpi-icon{box-shadow:inset 0 0 0 1px var(--color-on-primary);color:inherit;background:0 0}.spotlight .tile-body{justify-content:flex-start}.spotlight .tile-value{margin-top:.25rem;font-size:clamp(1.2rem,13.5cqi,3.25rem)}.spotlight .spark{max-height:none;margin-block:.5rem}.split{flex:none;gap:3px;height:8px;display:flex}.split span{background:var(--color-on-primary);border-radius:999px;min-width:4px}.split span+span{box-shadow:inset 0 0 0 2px var(--color-on-primary);background:0 0}.split-legend{flex-wrap:wrap;flex:none;justify-content:space-between;gap:.75rem;margin:.5rem 0 0;font-size:.75rem;display:flex}.split-legend b{font-variant-numeric:tabular-nums}.gauge-tile .tile-body{grid-template-rows:minmax(0,1fr) auto;place-items:end center;gap:0;display:grid}.gauge-tile .tile-value{z-index:1;grid-area:1/1;font-size:clamp(1.05rem,10cqi,1.75rem);line-height:1}.gauge-arc{grid-area:1/1;width:100%;height:100%;min-height:0;padding-bottom:.125rem;overflow:visible}.gauge-fill{animation:1.1s cubic-bezier(.2,.7,.2,1) backwards gauge}@keyframes gauge{0%{stroke-dasharray:0 100}}.gauge-tile .tile-sub{text-align:center;max-width:100%}.gauge-tile .tile-na{grid-area:1/1;align-self:center}.insights{flex:1;align-content:space-evenly;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.insights li{grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:.625rem;padding:.25rem 0;font-size:.8125rem;display:grid}.insights li+li{border-top:1px dashed var(--color-border)}.insights .icon{width:16px;height:16px;color:var(--color-primary)}.insights span{text-overflow:ellipsis;white-space:nowrap;color:var(--color-muted);overflow:hidden}.insights b{font-variant-numeric:tabular-nums;font-weight:650}.chart .grow{transform-box:fill-box;transform-origin:50% 100%;animation:.6s cubic-bezier(.2,.7,.2,1) backwards grow-y}@keyframes grow-y{0%{transform:scaleY(0)}}.chart .band{fill:#0000}.chart .band.on{fill:color-mix(in srgb, var(--color-text) 5%, transparent)}.chart g.dim .grow,.chart .arc.dim{opacity:.4}.chart .grow,.chart .arc{transition:opacity .15s}.chart .bar-label{fill:var(--color-text);font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:600}.chart .crosshair{stroke:var(--color-border-strong);stroke-dasharray:3 3}.chart .draw{stroke-dasharray:1;animation:1s cubic-bezier(.3,.6,.2,1) backwards draw}@keyframes draw{0%{stroke-dashoffset:1px}}.chart .fade{animation:.7s .25s backwards fade}@keyframes fade{0%{opacity:0}}.chart .spin{transform-origin:60px 60px;animation:.7s cubic-bezier(.2,.7,.2,1) backwards spin-in}@keyframes spin-in{0%{opacity:0;transform:rotate(-70deg)scale(.86)}}.chart .donut-cap{fill:var(--color-muted);font-size:8.5px}.chart .donut-total{fill:var(--color-text);font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:700}.donut-wrap .legend li{border-radius:6px;margin-inline:-.375rem;padding:.125rem .375rem}.donut-wrap .legend li.on{background:var(--color-surface-2);color:var(--color-text)}.chart-tip{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);border-radius:10px;gap:.1875rem;min-width:9.5rem;padding:.5rem .625rem;display:grid;top:2px;transform:none}.chart-tip strong{letter-spacing:.05em;text-transform:uppercase;color:var(--color-muted);font-size:.6875rem}.tip-row{grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;display:grid}.tip-row i{border-radius:2px;width:8px;height:8px}.tip-row b{font-variant-numeric:tabular-nums}.tip-row.total{border-top:1px solid var(--color-border);grid-template-columns:1fr auto;margin-top:.125rem;padding-top:.25rem}.hbars li{border-radius:6px;grid-template-columns:1.125rem minmax(4.5rem,30%) 1fr auto;min-height:24px}.hbars .rank{color:var(--color-faint);text-align:right;font-variant-numeric:tabular-nums;font-size:.6875rem;font-weight:600}.hbars{grid-auto-rows:minmax(24px,2.75rem)}.hbars .track{height:10px}.hbars .fill{transform-origin:0;animation:.7s cubic-bezier(.2,.7,.2,1) backwards grow-x}@keyframes grow-x{0%{transform:scaleX(0)}}.hbars .value{color:var(--color-text);font-weight:600}@media (prefers-reduced-motion:reduce){.dash>.board>*,.chart .grow,.chart .draw,.chart .fade,.chart .spin,.hbars .fill,.gauge-fill{animation:none}.dash .tile:hover{transform:none}}@media (max-width:900px){.gauge-arc{max-height:110px}.spotlight .spark{min-height:64px}.spark{min-height:36px}}.chart .col-hit{cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0;position:absolute;top:0;bottom:0}.chart .col-hit:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.donut-wrap .legend-btn{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;grid-column:1/-1;grid-template-columns:10px 1fr auto;align-items:center;gap:.5rem;min-width:0;padding:0;display:grid}.donut-wrap .legend-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@container (max-width:170px){.kpi-icon,.gauge-arc{display:none}.gauge-tile .tile-body{display:flex}.gauge-tile .tile-sub{text-align:left}}