northline 0.1.0 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/README.md +29 -1
  2. package/dist/components/BottomNav.d.ts +12 -0
  3. package/dist/components/Canvas.d.ts +8 -0
  4. package/dist/components/Icon.d.ts +1 -1
  5. package/dist/components/Navbar.d.ts +8 -1
  6. package/dist/index.d.ts +2 -0
  7. package/dist/index.js +102 -34
  8. package/dist/index.js.map +1 -1
  9. package/dist/theme.css +1 -1
  10. package/package.json +1 -1
package/dist/theme.css CHANGED
@@ -1,2 +1,2 @@
1
- *{box-sizing:border-box}:root{--neutral-1000:#121212;--neutral-600:#4d4d4d;--neutral-500:#666;--neutral-400:#999;--neutral-300:#ccc;--neutral-200:#e6e6e6;--neutral-100:#f2f2f2;--neutral-75:#fafafa;--neutral-0:#fff;--gutter-4:4px;--gutter-8:8px;--gutter-12:12px;--gutter-16:16px;--gutter-24:24px;--gutter-32:32px;--gutter-40:40px;--radius-4:4px;--radius-8:8px;--radius-16:16px;--shadow-200:0 4px 8px #1212120d, 0 0 8px #1212120d;--shadow-300:0 8px 16px #1212120d, 0 0 8px #1212120d;--ease-inout:cubic-bezier(.4, 0, .2, 1);--duration-standard:.3s;--duration-short:.25s;--chart-blue:#8fb4f5;--chart-teal:#7fd8c9;--chart-purple:#c9a8f0;--chart-orange:#f5c88f;--chart-red:#f19a9a;--chart-green:#8fcb9e;--chart-blue-tint:#eaf1fc;--chart-blue-tint-active:#d9e6f8;--card-border:#e7e9ee;--font-display:"Space Grotesk", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--tone-blue-bg:var(--chart-blue-tint);--tone-blue-fg:#4f76b8;--tone-teal-bg:#e5f8f4;--tone-teal-fg:#3b9284;--tone-purple-bg:#f3ecfc;--tone-purple-fg:#8b63c4;--tone-orange-bg:#fcf0e0;--tone-orange-fg:#b8813a;--tone-red-bg:#fce8e8;--tone-red-fg:#c15f5f;--tone-green-bg:#e9f6ec;--tone-green-fg:#4e9662;--surface-inverse-bg:var(--neutral-1000);--surface-inverse-fg:var(--neutral-0);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--neutral-1000:#f5f5f5;--neutral-600:#c9c9c9;--neutral-500:#a6a6a6;--neutral-400:#8a8e99;--neutral-300:#4a4d57;--neutral-200:#34373f;--neutral-100:#2a2c33;--neutral-75:#24262c;--neutral-0:#1b1d22;--card-border:#33363e;--chart-blue-tint:#1e2a3d;--chart-blue-tint-active:#24334a;--shadow-200:0 4px 8px #00000059, 0 0 8px #00000040;--shadow-300:0 8px 16px #0006, 0 0 8px #0000004d;--tone-blue-bg:#24344f;--tone-blue-fg:#9cc0fa;--tone-teal-bg:#1d3a35;--tone-teal-fg:#8fe0d2;--tone-purple-bg:#35284a;--tone-purple-fg:#d3b3f5;--tone-orange-bg:#402e17;--tone-orange-fg:#f5c88f;--tone-red-bg:#3d2323;--tone-red-fg:#f2a8a8;--tone-green-bg:#223327;--tone-green-fg:#9ad6aa;--surface-inverse-bg:#2a2d35;--surface-inverse-fg:#f5f5f5}}:root[data-theme=dark]{--neutral-1000:#f5f5f5;--neutral-600:#c9c9c9;--neutral-500:#a6a6a6;--neutral-400:#8a8e99;--neutral-300:#4a4d57;--neutral-200:#34373f;--neutral-100:#2a2c33;--neutral-75:#24262c;--neutral-0:#1b1d22;--card-border:#33363e;--chart-blue-tint:#1e2a3d;--chart-blue-tint-active:#24334a;--shadow-200:0 4px 8px #00000059, 0 0 8px #00000040;--shadow-300:0 8px 16px #0006, 0 0 8px #0000004d;--tone-blue-bg:#24344f;--tone-blue-fg:#9cc0fa;--tone-teal-bg:#1d3a35;--tone-teal-fg:#8fe0d2;--tone-purple-bg:#35284a;--tone-purple-fg:#d3b3f5;--tone-orange-bg:#402e17;--tone-orange-fg:#f5c88f;--tone-red-bg:#3d2323;--tone-red-fg:#f2a8a8;--tone-green-bg:#223327;--tone-green-fg:#9ad6aa;--surface-inverse-bg:#2a2d35;--surface-inverse-fg:#f5f5f5}body{font-family:var(--font-display), system-ui, apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;background:var(--neutral-0);color:var(--neutral-1000);letter-spacing:.1px;transition:background var(--duration-standard) var(--ease-inout), color var(--duration-standard) var(--ease-inout);margin:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-4)}::-webkit-scrollbar-track{background:0 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid var(--neutral-200);border-top-color:var(--chart-blue);width:32px;height:32px;transition:all var(--duration-standard) var(--ease-inout);border-radius:50%;animation:.8s linear infinite spin}.app-loading{justify-content:center;align-items:center;gap:var(--gutter-16);height:100vh;color:var(--neutral-500);flex-direction:column;display:flex}.app-loading--inline{height:auto;animation:fadeIn var(--duration-standard) var(--ease-inout);padding:80px 0}.tabs{align-items:center;gap:var(--gutter-8);border-bottom:1px solid var(--card-border);margin-bottom:var(--gutter-24);display:flex}.tab{height:34px;padding:0 var(--gutter-12);font-family:var(--font-display);color:var(--neutral-400);cursor:pointer;transition:color var(--duration-short) var(--ease-inout), border-color var(--duration-short) var(--ease-inout);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;font-size:14px;font-weight:600;display:flex}.tab:hover:not(:disabled){color:var(--neutral-1000)}.tab--active{color:var(--chart-blue);border-bottom-color:var(--chart-blue)}.tab:disabled{color:var(--neutral-300);cursor:not-allowed}.tab__badge{font-family:var(--font-mono);color:var(--neutral-500);background:var(--neutral-100);padding:2px var(--gutter-8);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;font-size:10px;font-weight:500}.select{min-width:150px;position:relative}.select__trigger{justify-content:space-between;align-items:center;gap:var(--gutter-8);background:var(--neutral-0);border:1px solid var(--neutral-300);width:100%;color:var(--neutral-1000);padding:var(--gutter-8) var(--gutter-12);border-radius:var(--radius-4);font-size:14px;font-family:var(--font-display);cursor:pointer;height:34px;transition:border-color var(--duration-short) var(--ease-inout);display:flex}.select__trigger:hover{border-color:var(--neutral-400)}.select__trigger[aria-expanded=true]{border-color:var(--chart-blue)}.select__chevron{width:10px;height:6px;transition:transform var(--duration-short) var(--ease-inout);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%239CA3AF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50% no-repeat;flex:none}.select__trigger[aria-expanded=true] .select__chevron{transform:rotate(180deg)}.select__menu{z-index:20;background:var(--neutral-0);border:1px solid var(--card-border);border-radius:var(--radius-8);width:max-content;min-width:100%;max-width:280px;max-height:260px;animation:fadeIn var(--duration-short) var(--ease-inout);margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 8px 24px #0b0d121f}.select__option{border-radius:var(--radius-4);font-size:14px;font-family:var(--font-display);color:var(--neutral-1000);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:8px 10px;overflow:hidden}.select__option:hover{background:var(--neutral-75)}.select__option--selected{background:var(--chart-blue-tint);color:var(--chart-blue);font-weight:600}.select__option--multi{align-items:center;gap:8px;display:flex}.select__checkbox{border:1.5px solid var(--neutral-300);background:var(--neutral-0);width:14px;height:14px;transition:background var(--duration-short) var(--ease-inout), border-color var(--duration-short) var(--ease-inout);border-radius:4px;flex:none}.select__checkbox--checked{background:var(--chart-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1 4L3.5 6.5L9 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;border-color:var(--chart-blue)}.datepicker{position:relative}.datepicker__icon{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Crect x='1.5' y='2.5' width='11' height='10' rx='1.5' stroke='%239CA3AF' stroke-width='1.2'/%3E%3Cpath d='M1.5 5.5H12.5' stroke='%239CA3AF' stroke-width='1.2'/%3E%3Cpath d='M4 1.5V3.5' stroke='%239CA3AF' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M10 1.5V3.5' stroke='%239CA3AF' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") 50% no-repeat;flex:none;width:14px;height:14px}.datepicker__panel{z-index:20;background:var(--neutral-0);border:1px solid var(--card-border);border-radius:var(--radius-8);width:264px;padding:var(--gutter-12);animation:fadeIn var(--duration-short) var(--ease-inout);position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #0b0d121f}.datepicker__header{margin-bottom:var(--gutter-8);justify-content:space-between;align-items:center;display:flex}.datepicker__title{font-family:var(--font-display);color:var(--neutral-1000);font-size:13px;font-weight:600}.datepicker__nav{border-radius:var(--radius-4);width:24px;height:24px;color:var(--neutral-500);cursor:pointer;transition:background var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout);background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.datepicker__nav:hover{background:var(--neutral-75);color:var(--chart-blue)}.datepicker__weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:2px;display:grid}.datepicker__weekdays span{text-align:center;font-family:var(--font-mono);color:var(--neutral-400);text-transform:uppercase;padding:4px 0;font-size:10px}.datepicker__grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.datepicker__day{aspect-ratio:1;border-radius:var(--radius-4);font-family:var(--font-display);color:var(--neutral-1000);cursor:pointer;transition:background var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout);background:0 0;border:none;justify-content:center;align-items:center;font-size:13px;display:flex}.datepicker__day:hover:not(:disabled){background:var(--neutral-75)}.datepicker__day--today{color:var(--chart-blue);font-weight:600}.datepicker__day--selected,.datepicker__day--selected:hover{background:var(--chart-blue);color:var(--neutral-0);font-weight:600}.datepicker__day:disabled{color:var(--neutral-300);cursor:not-allowed}.datepicker__day--in-range{background:var(--chart-blue-tint);border-radius:0}.datepicker__trigger--range{min-width:220px}.datepicker__hint{font-family:var(--font-mono);color:var(--neutral-400);text-transform:uppercase;letter-spacing:.04em;text-align:center;margin:0 0 6px;font-size:10px}.nl-button{background:var(--neutral-0);border:1px solid var(--neutral-300);color:var(--neutral-600);padding:0 var(--gutter-16);border-radius:var(--radius-4);cursor:pointer;height:34px;font-size:14px;font-weight:600;font-family:var(--font-display);transition:background var(--duration-short) var(--ease-inout), border-color var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout)}.nl-button:hover{background:var(--chart-blue-tint);border-color:var(--chart-blue);color:var(--chart-blue)}.nl-button:active{background:var(--chart-blue-tint-active)}.nl-button:focus-visible{border-color:var(--chart-blue);outline:none;box-shadow:0 0 0 2px #8fb4f559}.scorecards{gap:var(--gutter-16);margin-bottom:var(--gutter-24);grid-template-columns:repeat(4,1fr);display:grid}.score-card{background:var(--neutral-0);border:1px solid var(--card-border);box-shadow:none;animation:fadeInUp var(--duration-standard) var(--ease-inout);border-radius:14px;flex-direction:column;gap:6px;padding:20px 22px;display:flex}.score-card--indigo{--accent:var(--chart-blue)}.score-card--green{--accent:var(--chart-green)}.score-card--rose{--accent:var(--chart-red)}.score-card--cyan{--accent:var(--chart-teal)}.score-card__label{font-family:var(--font-mono);color:var(--neutral-400);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.score-card__value{font-family:var(--font-display);letter-spacing:-.01em;color:var(--neutral-1000);font-size:32px;font-weight:700;line-height:1.15}.score-card__sub{font-family:var(--font-mono);color:var(--accent);align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex}.score-card__sub:before{content:"";border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0}.score-card__sub--up:before{border-bottom:6px solid var(--chart-green)}.score-card__sub--down:before{border-top:6px solid var(--chart-red)}.score-card__sparkline{width:100%;height:36px;margin-top:6px;display:block}.card{background:var(--neutral-0);border:1px solid var(--card-border);box-shadow:none;animation:fadeInUp var(--duration-standard) var(--ease-inout);border-radius:14px;padding:20px 22px 24px}.card h2{font-family:var(--font-display);margin:0 0 var(--gutter-16);color:var(--neutral-1000);font-size:16px;font-weight:600;line-height:1.2}.widgets-grid{gap:var(--gutter-16);margin-bottom:var(--gutter-16);flex-wrap:wrap;display:flex}.chart-card{resize:both;cursor:grab;min-width:320px;max-width:100%;min-height:260px;animation:fadeInUp var(--duration-standard) var(--ease-inout);transition:box-shadow var(--duration-short) var(--ease-inout), border-color var(--duration-short) var(--ease-inout), opacity var(--duration-short) var(--ease-inout), transform var(--duration-short) var(--ease-inout);flex-direction:column;flex:420px;display:flex;overflow:hidden}.chart-card:active{cursor:grabbing}.chart-card--drag-over{border-color:var(--chart-blue);transform:scale(1.015);box-shadow:0 0 0 2px #8fb4f559}.chart-card--dragging{opacity:.4}.chart-card__title{align-items:center;gap:var(--gutter-8);font-family:var(--font-display);margin:0 0 var(--gutter-16);color:var(--neutral-1000);font-size:16px;font-weight:600;line-height:1.2;display:flex}.chart-card__handle{color:var(--neutral-400);transition:color var(--duration-short) var(--ease-inout);font-size:14px;line-height:1}.chart-card:hover .chart-card__handle{color:var(--neutral-600)}.chart-card__body{min-height:0;animation:fadeIn var(--duration-standard) var(--ease-inout);flex:auto}.info-tooltip{background:var(--chart-blue-tint);width:16px;height:16px;color:var(--chart-blue);cursor:help;border-radius:50%;outline:none;justify-content:center;align-items:center;font-size:11px;font-style:normal;font-weight:700;display:inline-flex;position:relative}.info-tooltip:hover,.info-tooltip:focus-visible{background:var(--chart-blue);color:var(--neutral-0)}.info-tooltip__icon{pointer-events:none}.info-tooltip__bubble{top:calc(100% + var(--gutter-8));background:var(--surface-inverse-bg);width:max-content;max-width:260px;color:var(--surface-inverse-fg);padding:var(--gutter-8) var(--gutter-12);border-radius:var(--radius-4);box-shadow:var(--shadow-200);z-index:10;visibility:hidden;opacity:0;transition:opacity var(--duration-short) var(--ease-inout), transform var(--duration-short) var(--ease-inout);cursor:default;font-size:12px;font-weight:400;line-height:1.4;position:absolute;left:50%;transform:translate(-50%)translateY(-4px)}.info-tooltip:hover .info-tooltip__bubble,.info-tooltip:focus-visible .info-tooltip__bubble{visibility:visible;opacity:1;transform:translate(-50%)translateY(0)}.empty-state{background:var(--neutral-0);border:1px solid var(--card-border);box-shadow:none;padding:64px var(--gutter-24);text-align:center;align-items:center;gap:var(--gutter-8);border-radius:14px;flex-direction:column;display:flex}.empty-state__icon{background:var(--chart-blue-tint);width:56px;height:56px;color:var(--chart-blue);margin-bottom:var(--gutter-8);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--neutral-1000);margin:0;font-size:20px;font-weight:700}.empty-state p{font-family:var(--font-mono);color:var(--neutral-500);max-width:480px;margin:0;font-size:13px;font-weight:400}.btn{justify-content:center;align-items:center;gap:var(--gutter-8);height:34px;padding:0 var(--gutter-16);border-radius:var(--radius-4);font-family:var(--font-display);cursor:pointer;transition:background var(--duration-short) var(--ease-inout), border-color var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout), opacity var(--duration-short) var(--ease-inout);border:1px solid #0000;font-size:14px;font-weight:600;display:inline-flex}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px #8fb4f559}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--primary{background:var(--chart-blue);border-color:var(--chart-blue);color:var(--neutral-1000)}.btn--primary:hover:not(:disabled){background:#7ea6ef;border-color:#7ea6ef}.btn--secondary{background:var(--neutral-0);border-color:var(--neutral-300);color:var(--neutral-600)}.btn--secondary:hover:not(:disabled){background:var(--chart-blue-tint);border-color:var(--chart-blue);color:var(--chart-blue)}.btn--ghost{color:var(--neutral-600);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--neutral-75);color:var(--neutral-1000)}.btn--danger{background:var(--chart-red);border-color:var(--chart-red);color:var(--neutral-1000)}.btn--danger:hover:not(:disabled){background:#ec8888;border-color:#ec8888}.btn--sm{height:28px;padding:0 var(--gutter-12);font-size:13px}.badge{height:20px;padding:0 var(--gutter-8);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;background:var(--neutral-100);color:var(--neutral-600);border-radius:999px;align-items:center;gap:4px;font-size:11px;font-weight:500;display:inline-flex}.badge--blue{background:var(--tone-blue-bg);color:var(--tone-blue-fg)}.badge--teal{background:var(--tone-teal-bg);color:var(--tone-teal-fg)}.badge--purple{background:var(--tone-purple-bg);color:var(--tone-purple-fg)}.badge--orange{background:var(--tone-orange-bg);color:var(--tone-orange-fg)}.badge--red{background:var(--tone-red-bg);color:var(--tone-red-fg)}.badge--green{background:var(--tone-green-bg);color:var(--tone-green-fg)}.badge__dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.field{flex-direction:column;gap:6px;display:flex}.field__label{font-family:var(--font-mono);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.field__input{height:34px;padding:0 var(--gutter-12);background:var(--neutral-0);border:1px solid var(--neutral-300);border-radius:var(--radius-4);font-family:var(--font-display);color:var(--neutral-1000);transition:border-color var(--duration-short) var(--ease-inout), box-shadow var(--duration-short) var(--ease-inout);font-size:14px}.field__input::placeholder{color:var(--neutral-400)}.field__input:hover:not(:disabled){border-color:var(--neutral-400)}.field__input:focus{border-color:var(--chart-blue);outline:none;box-shadow:0 0 0 2px #8fb4f559}.field__input:disabled{background:var(--neutral-75);color:var(--neutral-400);cursor:not-allowed}.field--error .field__input{border-color:var(--chart-red)}.field--error .field__input:focus{box-shadow:0 0 0 2px #f19a9a59}.field__hint{font-family:var(--font-mono);color:var(--neutral-400);font-size:11px}.field--error .field__hint{color:var(--chart-red)}.switch{align-items:center;gap:var(--gutter-8);cursor:pointer;display:inline-flex}.switch__control{background:var(--neutral-300);width:34px;height:20px;transition:background var(--duration-short) var(--ease-inout);border-radius:999px;flex:none;position:relative}.switch__control:after{content:"";background:var(--neutral-0);width:16px;height:16px;transition:transform var(--duration-short) var(--ease-inout);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #12121226}.switch--checked .switch__control{background:var(--chart-blue)}.switch--checked .switch__control:after{transform:translate(14px)}.switch--disabled{cursor:not-allowed;opacity:.5}.switch__label{font-family:var(--font-display);color:var(--neutral-1000);font-size:14px}.switch__input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.nl-table-wrap{border:1px solid var(--card-border);border-radius:14px;overflow:hidden}.nl-table{border-collapse:collapse;width:100%;font-family:var(--font-display);font-size:14px}.nl-table thead th{text-align:left;padding:var(--gutter-12) var(--gutter-16);background:var(--neutral-75);font-family:var(--font-mono);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--card-border);white-space:nowrap;font-size:11px;font-weight:500}.nl-table th[data-align=right],.nl-table td[data-align=right]{text-align:right}.nl-table tbody td{padding:var(--gutter-12) var(--gutter-16);color:var(--neutral-1000);border-bottom:1px solid var(--card-border)}.nl-table tbody tr:last-child td{border-bottom:none}.nl-table tbody tr{transition:background var(--duration-short) var(--ease-inout)}.nl-table--hoverable tbody tr:hover{background:var(--neutral-75);cursor:pointer}.nl-table__empty{padding:var(--gutter-32);text-align:center;color:var(--neutral-400);font-family:var(--font-mono);font-size:13px}.modal-backdrop{padding:var(--gutter-24);z-index:100;animation:fadeIn var(--duration-short) var(--ease-inout);background:#12121259;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--neutral-0);box-shadow:var(--shadow-300);width:100%;max-height:calc(100vh - var(--gutter-40));animation:fadeInUp var(--duration-standard) var(--ease-inout);border-radius:14px;overflow-y:auto}.modal--sm{max-width:360px}.modal--md{max-width:480px}.modal--lg{max-width:680px}.modal__header{justify-content:space-between;align-items:center;gap:var(--gutter-16);padding:var(--gutter-16) var(--gutter-16) 0;display:flex}.modal__title{font-family:var(--font-display);color:var(--neutral-1000);margin:0;font-size:16px;font-weight:600}.modal__close{border-radius:var(--radius-4);width:28px;height:28px;color:var(--neutral-400);cursor:pointer;transition:background var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout);background:0 0;border:none;flex:none;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.modal__close:hover{background:var(--neutral-75);color:var(--neutral-1000)}.modal__body{padding:var(--gutter-16);font-family:var(--font-display);color:var(--neutral-600);font-size:14px;line-height:1.5}.modal__footer{justify-content:flex-end;align-items:center;gap:var(--gutter-8);padding:0 var(--gutter-16) var(--gutter-16);display:flex}.toast-stack{bottom:var(--gutter-24);right:var(--gutter-24);gap:var(--gutter-8);z-index:200;flex-direction:column;max-width:360px;display:flex;position:fixed}.toast{align-items:center;gap:var(--gutter-12);background:var(--surface-inverse-bg);color:var(--surface-inverse-fg);padding:var(--gutter-12) var(--gutter-16);border-radius:var(--radius-8);box-shadow:var(--shadow-300);animation:fadeInUp var(--duration-short) var(--ease-inout);display:flex}.toast--blue{background:#4f76b8}.toast--teal{background:#3b9284}.toast--purple{background:#8b63c4}.toast--orange{background:#b8813a}.toast--red{background:#c15f5f}.toast--green{background:#4e9662}.toast__message{font-family:var(--font-display);flex:auto;font-size:13px;line-height:1.4}.toast__close{width:20px;height:20px;color:inherit;opacity:.7;cursor:pointer;transition:opacity var(--duration-short) var(--ease-inout);background:0 0;border:none;flex:none;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.toast__close:hover{opacity:1}.checkbox{align-items:center;gap:var(--gutter-8);cursor:pointer;display:inline-flex}.checkbox--disabled{cursor:not-allowed;opacity:.5}.checkbox__box{border:1.5px solid var(--neutral-300);background:var(--neutral-0);width:16px;height:16px;transition:background var(--duration-short) var(--ease-inout), border-color var(--duration-short) var(--ease-inout);border-radius:4px;flex:none}.checkbox__input:checked+.checkbox__box{background:var(--chart-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1 4L3.5 6.5L9 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;border-color:var(--chart-blue)}.checkbox__input:focus-visible+.checkbox__box{box-shadow:0 0 0 2px #8fb4f559}.checkbox__label{font-family:var(--font-display);color:var(--neutral-1000);font-size:14px}.checkbox__input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.radio-group{gap:var(--gutter-8);flex-direction:column;display:flex}.radio{align-items:center;gap:var(--gutter-8);cursor:pointer;display:inline-flex}.radio--disabled{cursor:not-allowed;opacity:.5}.radio__dot{border:1.5px solid var(--neutral-300);background:var(--neutral-0);width:16px;height:16px;transition:border-color var(--duration-short) var(--ease-inout);border-radius:50%;flex:none;position:relative}.radio__dot:after{content:"";background:var(--chart-blue);width:8px;height:8px;transition:transform var(--duration-short) var(--ease-inout);border-radius:50%;position:absolute;top:3px;left:3px;transform:scale(0)}.radio__input:checked+.radio__dot{border-color:var(--chart-blue)}.radio__input:checked+.radio__dot:after{transform:scale(1)}.radio__input:focus-visible+.radio__dot{box-shadow:0 0 0 2px #8fb4f559}.radio__label{font-family:var(--font-display);color:var(--neutral-1000);font-size:14px}.radio__input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.field__input--textarea{height:auto;padding:var(--gutter-8) var(--gutter-12);resize:vertical;line-height:1.5;font-family:var(--font-display)}.skeleton{background:linear-gradient(90deg, var(--neutral-100) 25%, var(--neutral-200) 37%, var(--neutral-100) 63%);background-size:400% 100%;animation:1.4s infinite skeleton-shimmer;display:inline-block}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}.menu{display:inline-block;position:relative}.menu__kebab{border-radius:var(--radius-4);width:28px;height:28px;color:var(--neutral-500);cursor:pointer;transition:background var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout);background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.menu__kebab:hover{background:var(--neutral-75);color:var(--neutral-1000)}.menu__list{z-index:20;background:var(--neutral-0);border:1px solid var(--card-border);border-radius:var(--radius-8);width:max-content;min-width:160px;animation:fadeIn var(--duration-short) var(--ease-inout);margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0b0d121f}.menu__item{text-align:left;border-radius:var(--radius-4);width:100%;font-family:var(--font-display);color:var(--neutral-1000);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:8px 10px;font-size:14px;display:block}.menu__item:hover:not(:disabled){background:var(--neutral-75)}.menu__item--danger{color:var(--chart-red)}.menu__item--danger:hover:not(:disabled){background:var(--tone-red-bg)}.menu__item:disabled{color:var(--neutral-300);cursor:not-allowed}.pagination{align-items:center;gap:4px;display:flex}.pagination__nav,.pagination__page{border:1px solid var(--card-border);background:var(--neutral-0);border-radius:var(--radius-4);min-width:28px;height:28px;font-family:var(--font-mono);color:var(--neutral-600);cursor:pointer;transition:background var(--duration-short) var(--ease-inout), border-color var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout);justify-content:center;align-items:center;padding:0 6px;font-size:12px;display:flex}.pagination__nav:hover:not(:disabled),.pagination__page:hover:not(.pagination__page--active){border-color:var(--chart-blue);color:var(--chart-blue)}.pagination__nav:disabled{opacity:.4;cursor:not-allowed}.pagination__page--active{background:var(--chart-blue);border-color:var(--chart-blue);color:var(--neutral-1000);font-weight:600}.pagination__ellipsis{width:28px;height:28px;color:var(--neutral-400);justify-content:center;align-items:center;font-size:12px;display:flex}.breadcrumbs{flex-wrap:wrap;align-items:center;display:flex}.breadcrumbs__item{align-items:center;display:inline-flex}.breadcrumbs__link{font-family:var(--font-display);color:var(--neutral-500);cursor:pointer;transition:color var(--duration-short) var(--ease-inout);background:0 0;border:none;padding:0;font-size:13px}.breadcrumbs__link:hover{color:var(--chart-blue)}.breadcrumbs__current{font-family:var(--font-display);color:var(--neutral-1000);font-size:13px;font-weight:600}.breadcrumbs__sep{margin:0 var(--gutter-8);color:var(--neutral-300);font-size:13px}.progress{flex-direction:column;gap:6px;display:flex}.progress__label-row{justify-content:space-between;align-items:center;display:flex}.progress__label{font-family:var(--font-mono);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.progress__value{font-family:var(--font-mono);color:var(--neutral-1000);font-size:12px;font-weight:600}.progress__track{background:var(--neutral-100);border-radius:999px;height:8px;overflow:hidden}.progress__fill{height:100%;transition:width var(--duration-standard) var(--ease-inout);border-radius:999px}.progress__fill--blue{background:var(--chart-blue)}.progress__fill--teal{background:var(--chart-teal)}.progress__fill--purple{background:var(--chart-purple)}.progress__fill--orange{background:var(--chart-orange)}.progress__fill--red{background:var(--chart-red)}.progress__fill--green{background:var(--chart-green)}.gauge{justify-content:center;align-items:center;display:inline-flex;position:relative}.gauge__center{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.gauge__value{font-family:var(--font-display);color:var(--neutral-1000);font-weight:700;line-height:1}.gauge__label{font-family:var(--font-mono);color:var(--neutral-400);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.avatar{font-family:var(--font-display);color:var(--neutral-1000);object-fit:cover;vertical-align:middle;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.avatar--blue{background:var(--tone-blue-bg);color:var(--tone-blue-fg)}.avatar--teal{background:var(--tone-teal-bg);color:var(--tone-teal-fg)}.avatar--purple{background:var(--tone-purple-bg);color:var(--tone-purple-fg)}.avatar--orange{background:var(--tone-orange-bg);color:var(--tone-orange-fg)}.avatar--red{background:var(--tone-red-bg);color:var(--tone-red-fg)}.avatar--green{background:var(--tone-green-bg);color:var(--tone-green-fg)}.score-card__label:before,.field__label:before,.progress__label:before,.modal__title:before,.empty-state h2:before{content:"";background:var(--chart-blue);vertical-align:middle;width:8px;height:2px;margin-right:6px;display:inline-block;transform:translateY(-1px)}.btn,.tab,.menu__item,.pagination__page,.pagination__nav,.select__trigger,.datepicker__trigger--range{position:relative;overflow:hidden}.btn:after,.tab:after,.menu__item:after,.pagination__page:after,.pagination__nav:after,.select__trigger:after,.datepicker__trigger--range:after{content:"";background:var(--chart-blue);width:0;height:2px;transition:width var(--duration-short) var(--ease-inout);pointer-events:none;position:absolute;bottom:0;left:0}.btn--secondary:hover:after,.btn--ghost:hover:after,.tab:hover:not(:disabled):not(.tab--active):after,.menu__item:hover:not(:disabled):after,.pagination__page:hover:not(.pagination__page--active):after,.pagination__nav:hover:not(:disabled):after,.select__trigger[aria-expanded=true]:after,.datepicker__trigger--range[aria-expanded=true]:after{width:100%}.btn:active:not(:disabled),.tab:active:not(:disabled),.menu__item:active:not(:disabled),.pagination__page:active,.pagination__nav:active:not(:disabled),.select__trigger:active,.datepicker__trigger--range:active{transform:scale(.96)}.checkbox:active:not(.checkbox--disabled) .checkbox__box,.radio:active:not(.radio--disabled) .radio__dot,.switch:not(.switch--disabled):active .switch__control{transform:scale(.9)}.checkbox__box,.radio__dot,.switch__control{transition:background var(--duration-short) var(--ease-inout), border-color var(--duration-short) var(--ease-inout), transform var(--duration-short) var(--ease-inout)}.score-card,.card{transition:transform var(--duration-short) var(--ease-inout), box-shadow var(--duration-short) var(--ease-inout)}.score-card:hover,.card:hover{box-shadow:var(--shadow-300);transform:translateY(-2px)}.accordion{border:1px solid var(--card-border);border-radius:var(--radius-8);flex-direction:column;display:flex;overflow:hidden}.accordion__item{border-bottom:1px solid var(--card-border)}.accordion__item:last-child{border-bottom:none}.accordion__header{align-items:center;gap:var(--gutter-8);text-align:left;width:100%;padding:var(--gutter-12) var(--gutter-16);background:var(--neutral-0);font-family:var(--font-display);color:var(--neutral-1000);cursor:pointer;transition:background var(--duration-short) var(--ease-inout);border:none;font-size:14px;font-weight:600;display:flex}.accordion__header:hover:not(:disabled){background:var(--neutral-75)}.accordion__header:disabled{color:var(--neutral-300);cursor:not-allowed}.accordion__chevron{width:10px;height:6px;transition:transform var(--duration-short) var(--ease-inout);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%239CA3AF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50% no-repeat;flex:none}.accordion__item--open .accordion__chevron{transform:rotate(180deg)}.accordion__panel{padding:0 var(--gutter-16) var(--gutter-16) 34px;font-family:var(--font-display);color:var(--neutral-600);animation:fadeIn var(--duration-short) var(--ease-inout);font-size:14px;line-height:1.5}.segmented{background:var(--neutral-100);border-radius:var(--radius-8);align-items:center;gap:2px;padding:3px;display:inline-flex}.segmented__option{height:28px;padding:0 var(--gutter-12);border-radius:var(--radius-4);font-family:var(--font-display);color:var(--neutral-500);cursor:pointer;transition:background var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout), box-shadow var(--duration-short) var(--ease-inout);background:0 0;border:none;font-size:13px;font-weight:600}.segmented__option:hover:not(:disabled):not(.segmented__option--active){color:var(--neutral-1000)}.segmented__option--active{background:var(--neutral-0);color:var(--neutral-1000);box-shadow:var(--shadow-200)}.segmented__option:disabled{color:var(--neutral-300);cursor:not-allowed}.chart-legend{align-items:center;gap:var(--gutter-4) var(--gutter-16);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.chart-legend__item{font-family:var(--font-mono);color:var(--neutral-600);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:2px 0;font-size:11px;display:inline-flex}.chart-legend__item--static{cursor:default}.chart-legend__item--hidden{color:var(--neutral-300);text-decoration:line-through}.chart-legend__swatch{border-radius:2px;flex:none;width:8px;height:8px}.bullet{flex-direction:column;gap:6px;display:flex}.bullet__label-row{justify-content:space-between;align-items:center;display:flex}.bullet__track{border-radius:var(--radius-4);background:var(--neutral-100);height:14px;position:relative;overflow:visible}.bullet__fill{border-radius:var(--radius-4);height:100%;transition:width var(--duration-standard) var(--ease-inout)}.bullet__fill--blue{background:var(--chart-blue)}.bullet__fill--teal{background:var(--chart-teal)}.bullet__fill--purple{background:var(--chart-purple)}.bullet__fill--orange{background:var(--chart-orange)}.bullet__fill--red{background:var(--chart-red)}.bullet__fill--green{background:var(--chart-green)}.bullet__target{background:var(--neutral-1000);width:2px;height:20px;position:absolute;top:-3px;transform:translate(-1px)}.slider{appearance:none;background:linear-gradient(to right, var(--chart-blue) var(--slider-fill,0%), var(--neutral-100) var(--slider-fill,0%));cursor:pointer;border-radius:999px;width:100%;height:6px}.slider:disabled{opacity:.5;cursor:not-allowed}.slider::-webkit-slider-thumb{appearance:none;background:var(--neutral-0);border:2px solid var(--chart-blue);width:16px;height:16px;box-shadow:var(--shadow-200);transition:transform var(--duration-short) var(--ease-inout);border-radius:50%}.slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider::-moz-range-thumb{background:var(--neutral-0);border:2px solid var(--chart-blue);width:16px;height:16px;box-shadow:var(--shadow-200);border-radius:50%}.slider::-moz-range-track{background:0 0;border-radius:999px;height:6px}.stepper{align-items:flex-start;display:flex}.stepper__step{flex-direction:column;flex:1 1 0;align-items:center;gap:6px;min-width:64px;display:flex;position:relative}.stepper__dot{background:var(--neutral-0);border:2px solid var(--neutral-300);width:26px;height:26px;color:var(--neutral-400);font-family:var(--font-mono);z-index:1;transition:background var(--duration-short) var(--ease-inout), border-color var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.stepper__step--active .stepper__dot{border-color:var(--chart-blue);color:var(--chart-blue)}.stepper__step--completed .stepper__dot{background:var(--chart-blue);border-color:var(--chart-blue);color:var(--neutral-1000)}.stepper__label{font-family:var(--font-mono);color:var(--neutral-500);text-align:center;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.stepper__step--active .stepper__label{color:var(--neutral-1000);font-weight:600}.stepper__connector{background:var(--neutral-200);height:2px;position:absolute;top:13px;left:calc(50% + 20px);right:calc(20px - 50%)}.stepper__step--completed .stepper__connector{background:var(--chart-blue)}.drawer-backdrop{z-index:100;animation:fadeIn var(--duration-short) var(--ease-inout);background:#12121259;position:fixed;inset:0}.drawer{height:100%;max-width:calc(100vw - var(--gutter-40));background:var(--neutral-0);box-shadow:var(--shadow-300);animation:fadeIn var(--duration-standard) var(--ease-inout);flex-direction:column;display:flex;position:fixed;top:0;bottom:0}.drawer--right{border-left:1px solid var(--card-border);right:0}.drawer--left{border-right:1px solid var(--card-border);left:0}.drawer__body{min-height:0;padding:var(--gutter-16);font-family:var(--font-display);color:var(--neutral-600);flex:auto;font-size:14px;line-height:1.5;overflow-y:auto}.popover{display:inline-block;position:relative}.popover__panel{z-index:20;min-width:200px;padding:var(--gutter-12);background:var(--neutral-0);border:1px solid var(--card-border);border-radius:var(--radius-8);animation:fadeIn var(--duration-short) var(--ease-inout);position:absolute;top:calc(100% + 4px);box-shadow:0 8px 24px #0b0d121f}.popover__panel--left{left:0}.popover__panel--right{right:0}.tag-input{background:var(--neutral-0);border:1px solid var(--neutral-300);border-radius:var(--radius-4);min-height:34px;transition:border-color var(--duration-short) var(--ease-inout), box-shadow var(--duration-short) var(--ease-inout);flex-wrap:wrap;align-items:center;gap:6px;padding:4px 6px;display:flex}.tag-input:focus-within{border-color:var(--chart-blue);box-shadow:0 0 0 2px #8fb4f559}.tag-input--disabled{background:var(--neutral-75);cursor:not-allowed}.tag-input__tag{background:var(--chart-blue-tint);height:22px;color:var(--tone-blue-fg);border-radius:var(--radius-4);font-family:var(--font-mono);align-items:center;gap:4px;padding:0 6px;font-size:11px;font-weight:500;display:inline-flex}.tag-input__tag button{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;line-height:1}.tag-input__tag button:hover{opacity:1}.tag-input__field{min-width:80px;font-family:var(--font-display);color:var(--neutral-1000);background:0 0;border:none;outline:none;flex:80px;height:24px;font-size:14px}.tag-input__field:disabled{cursor:not-allowed}.search-input{align-items:center;display:flex;position:relative}.search-input__icon{left:var(--gutter-12);pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Ccircle cx='6' cy='6' r='4.5' stroke='%239CA3AF' stroke-width='1.3'/%3E%3Cpath d='M12.5 12.5L9.5 9.5' stroke='%239CA3AF' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") 50% no-repeat;width:14px;height:14px;position:absolute}.search-input__field{width:100%;height:34px;padding:0 var(--gutter-32) 0 34px;background:var(--neutral-0);border:1px solid var(--neutral-300);border-radius:var(--radius-4);font-family:var(--font-display);color:var(--neutral-1000);transition:border-color var(--duration-short) var(--ease-inout), box-shadow var(--duration-short) var(--ease-inout);font-size:14px}.search-input__field::-webkit-search-cancel-button{display:none}.search-input__field:focus{border-color:var(--chart-blue);outline:none;box-shadow:0 0 0 2px #8fb4f559}.search-input__field:disabled{background:var(--neutral-75);color:var(--neutral-400);cursor:not-allowed}.search-input__clear{right:var(--gutter-8);width:20px;height:20px;color:var(--neutral-400);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:15px;line-height:1;display:flex;position:absolute}.search-input__clear:hover{background:var(--neutral-100);color:var(--neutral-1000)}.copy-button{border:1px solid var(--neutral-300);background:var(--neutral-0);border-radius:var(--radius-4);width:26px;height:26px;color:var(--neutral-500);cursor:pointer;transition:background var(--duration-short) var(--ease-inout), border-color var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout);justify-content:center;align-items:center;font-size:13px;display:inline-flex}.copy-button:hover{background:var(--chart-blue-tint);border-color:var(--chart-blue);color:var(--chart-blue)}.status-dot{align-items:center;gap:6px;display:inline-flex}.status-dot__dot{border-radius:50%;flex:none;width:8px;height:8px}.status-dot__dot--blue{background:var(--chart-blue)}.status-dot__dot--teal{background:var(--chart-teal)}.status-dot__dot--purple{background:var(--chart-purple)}.status-dot__dot--orange{background:var(--chart-orange)}.status-dot__dot--red{background:var(--chart-red)}.status-dot__dot--green{background:var(--chart-green)}.status-dot__dot--pulse{animation:1.6s ease-in-out infinite status-dot-pulse}@keyframes status-dot-pulse{0%,to{opacity:1;box-shadow:0 0}50%{opacity:.7;box-shadow:0 0 0 4px #0000}}.status-dot__label{font-family:var(--font-mono);color:var(--neutral-600);font-size:12px}.description-list{gap:var(--gutter-16);margin:0;display:grid}.description-list__item dt{font-family:var(--font-mono);color:var(--neutral-400);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:11px;font-weight:500}.description-list__item dd{font-family:var(--font-display);color:var(--neutral-1000);margin:0;font-size:14px}.nl-text{font-family:var(--font-display);margin:0;line-height:1.5}.nl-text--xs{font-size:12px}.nl-text--sm{font-size:13px}.nl-text--md{font-size:14px}.nl-text--lg{font-size:16px}.nl-text--regular{font-weight:400}.nl-text--medium{font-weight:500}.nl-text--semibold{font-weight:600}.nl-text--bold{font-weight:700}.nl-text--default{color:var(--neutral-1000)}.nl-text--muted{color:var(--neutral-500)}.nl-text--accent{color:var(--chart-blue)}.nl-text--danger{color:var(--chart-red)}.nl-text--mono{font-family:var(--font-mono)}.nl-heading{font-family:var(--font-display);color:var(--neutral-1000);letter-spacing:-.01em;margin:0}.nl-heading--1{font-size:32px;font-weight:700;line-height:1.15}.nl-heading--2{font-size:24px;font-weight:700;line-height:1.2}.nl-heading--3{font-size:18px;font-weight:600;line-height:1.3}.nl-heading--4{font-size:15px;font-weight:600;line-height:1.4}.nl-container{padding:0 var(--gutter-24);box-sizing:border-box;width:100%;margin:0 auto}.nl-container--sm{max-width:640px}.nl-container--md{max-width:860px}.nl-container--lg{max-width:1120px}.nl-container--xl{max-width:1400px}.nl-container--full{max-width:none}hr.nl-divider{border:none;border-top:1px solid var(--card-border);margin:var(--gutter-16) 0}.nl-divider--vertical{background:var(--card-border);align-self:stretch;width:1px;display:inline-block}.nl-divider--labeled{align-items:center;gap:var(--gutter-12);margin:var(--gutter-16) 0;display:flex}.nl-divider--labeled__line{background:var(--card-border);flex:auto;height:1px}.nl-divider--labeled__text{font-family:var(--font-mono);color:var(--neutral-400);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.nl-link{color:var(--chart-blue);font-family:var(--font-display);transition:border-color var(--duration-short) var(--ease-inout);border-bottom:1px solid #0000;text-decoration:none}.nl-link:hover{border-color:var(--chart-blue)}.nl-link:focus-visible{border-radius:2px;outline:none;box-shadow:0 0 0 2px #8fb4f559}.alert{align-items:flex-start;gap:var(--gutter-12);padding:var(--gutter-12) var(--gutter-16);border-radius:var(--radius-8);border:1px solid;display:flex}.alert__icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;line-height:1;display:flex}.alert__body{flex:auto;min-width:0}.alert__title{font-family:var(--font-display);color:var(--neutral-1000);font-size:14px;font-weight:600}.alert__message{font-family:var(--font-display);color:var(--neutral-600);margin-top:2px;font-size:13px;line-height:1.5}.alert__dismiss{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;flex:none;padding:0;font-size:16px;line-height:1}.alert__dismiss:hover{opacity:1}.alert--info{background:var(--tone-blue-bg);border-color:var(--chart-blue);color:var(--tone-blue-fg)}.alert--success{background:var(--tone-green-bg);border-color:var(--chart-green);color:var(--tone-green-fg)}.alert--warning{background:var(--tone-orange-bg);border-color:var(--chart-orange);color:var(--tone-orange-fg)}.alert--danger{background:var(--tone-red-bg);border-color:var(--chart-red);color:var(--tone-red-fg)}.alert--info .alert__icon{background:var(--chart-blue);color:var(--neutral-0)}.alert--success .alert__icon{background:var(--chart-green);color:var(--neutral-0)}.alert--warning .alert__icon{background:var(--chart-orange);color:var(--neutral-0)}.alert--danger .alert__icon{background:var(--chart-red);color:var(--neutral-0)}.icon-button{border-radius:var(--radius-4);cursor:pointer;transition:background var(--duration-short) var(--ease-inout), border-color var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout), opacity var(--duration-short) var(--ease-inout);border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.icon-button:disabled{cursor:not-allowed;opacity:.5}.icon-button--md{width:34px;height:34px;font-size:16px}.icon-button--sm{width:28px;height:28px;font-size:14px}.icon-button--ghost{color:var(--neutral-500);background:0 0}.icon-button--ghost:hover:not(:disabled){background:var(--neutral-75);color:var(--neutral-1000)}.icon-button--secondary{background:var(--neutral-0);border-color:var(--neutral-300);color:var(--neutral-600)}.icon-button--secondary:hover:not(:disabled){background:var(--chart-blue-tint);border-color:var(--chart-blue);color:var(--chart-blue)}.icon-button--primary{background:var(--chart-blue);color:var(--neutral-1000)}.icon-button--primary:hover:not(:disabled){background:#7ea6ef}.icon-button--danger{background:var(--chart-red);color:var(--neutral-1000)}.icon-button--danger:hover:not(:disabled){background:#ec8888}.tooltip-wrapper{display:inline-block;position:relative}.tooltip-wrapper__bubble{background:var(--surface-inverse-bg);width:max-content;max-width:260px;color:var(--surface-inverse-fg);font-family:var(--font-display);padding:var(--gutter-8) var(--gutter-12);border-radius:var(--radius-4);box-shadow:var(--shadow-200);z-index:10;visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--duration-short) var(--ease-inout), transform var(--duration-short) var(--ease-inout);font-size:12px;font-weight:400;line-height:1.4;position:absolute;left:50%;transform:translate(-50%)translateY(-4px)}.tooltip-wrapper__bubble--top{bottom:calc(100% + var(--gutter-8))}.tooltip-wrapper__bubble--bottom{top:calc(100% + var(--gutter-8))}.tooltip-wrapper:hover .tooltip-wrapper__bubble,.tooltip-wrapper:focus-within .tooltip-wrapper__bubble{visibility:visible;opacity:1;transform:translate(-50%)translateY(0)}.combobox__placeholder{color:var(--neutral-400)}.combobox__empty{color:var(--neutral-400);cursor:default}.combobox__empty:hover{background:0 0}.number-stepper{border:1px solid var(--neutral-300);border-radius:var(--radius-4);align-items:stretch;height:34px;display:inline-flex;overflow:hidden}.number-stepper__btn{background:var(--neutral-75);width:30px;color:var(--neutral-600);cursor:pointer;transition:background var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout);border:none;justify-content:center;align-items:center;display:flex}.number-stepper__btn:hover:not(:disabled){background:var(--chart-blue-tint);color:var(--chart-blue)}.number-stepper__btn:disabled{color:var(--neutral-300);cursor:not-allowed}.number-stepper__field{border:none;border-left:1px solid var(--neutral-300);border-right:1px solid var(--neutral-300);text-align:center;width:56px;font-family:var(--font-display);color:var(--neutral-1000);background:var(--neutral-0);-moz-appearance:textfield;font-size:14px}.number-stepper__field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-stepper__field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-stepper__field:disabled{background:var(--neutral-75);color:var(--neutral-400)}.file-upload{padding:var(--gutter-32) var(--gutter-16);border:1.5px dashed var(--neutral-300);border-radius:var(--radius-8);background:var(--neutral-75);cursor:pointer;text-align:center;transition:border-color var(--duration-short) var(--ease-inout), background var(--duration-short) var(--ease-inout);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.file-upload:hover,.file-upload--drag-over{border-color:var(--chart-blue);background:var(--chart-blue-tint)}.file-upload--disabled{opacity:.5;cursor:not-allowed}.file-upload__input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.file-upload__icon{color:var(--chart-blue);display:flex}.file-upload__label{font-family:var(--font-display);color:var(--neutral-1000);font-size:14px;font-weight:600}.file-upload__hint{font-family:var(--font-mono);color:var(--neutral-400);font-size:11px}.rating{gap:2px;display:inline-flex}.rating__star{color:var(--neutral-300);cursor:pointer;transition:color var(--duration-short) var(--ease-inout);display:inline-flex}.rating--readonly .rating__star{cursor:default}.rating__star--filled{color:var(--chart-orange)}.nl-list{margin:0;padding:0;list-style:none}.nl-list--bordered{border:1px solid var(--card-border);border-radius:var(--radius-8);overflow:hidden}.nl-list--bordered .nl-list__item{border-bottom:1px solid var(--card-border)}.nl-list--bordered .nl-list__item:last-child{border-bottom:none}.nl-list__item{padding:var(--gutter-12) var(--gutter-16);font-family:var(--font-display);color:var(--neutral-1000);background:var(--neutral-0);font-size:14px}.nl-list__item--clickable{cursor:pointer;transition:background var(--duration-short) var(--ease-inout)}.nl-list__item--clickable:hover{background:var(--neutral-75)}.timeline{flex-direction:column;display:flex}.timeline__item{gap:var(--gutter-12);display:flex}.timeline__rail{flex-direction:column;flex:none;align-items:center;display:flex}.timeline__dot{background:var(--chart-blue);border-radius:50%;flex:none;width:10px;height:10px;margin-top:4px}.timeline__dot--teal{background:var(--chart-teal)}.timeline__dot--purple{background:var(--chart-purple)}.timeline__dot--orange{background:var(--chart-orange)}.timeline__dot--red{background:var(--chart-red)}.timeline__dot--green{background:var(--chart-green)}.timeline__line{background:var(--card-border);flex:auto;width:2px;margin:4px 0}.timeline__content{padding-bottom:var(--gutter-16);flex:auto;min-width:0}.timeline__header{align-items:baseline;gap:var(--gutter-8);flex-wrap:wrap;display:flex}.timeline__title{font-family:var(--font-display);color:var(--neutral-1000);font-size:14px;font-weight:600}.timeline__timestamp{font-family:var(--font-mono);color:var(--neutral-400);font-size:11px}.timeline__description{font-family:var(--font-display);color:var(--neutral-600);margin-top:2px;font-size:13px;line-height:1.5}.avatar-group{align-items:center;display:flex}.avatar-group__item{border:2px solid var(--neutral-0);border-radius:50%;margin-left:-8px;position:relative}.avatar-group__item:first-child{margin-left:0}.avatar-group__overflow{background:var(--neutral-200);color:var(--neutral-600);font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.code-block{border:1px solid var(--card-border);border-radius:var(--radius-8);background:var(--neutral-75);overflow:hidden}.code-block__header{padding:6px var(--gutter-12);border-bottom:1px solid var(--card-border);background:var(--neutral-100);justify-content:space-between;align-items:center;display:flex}.code-block__lang{font-family:var(--font-mono);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.code-block__body{padding:var(--gutter-12) var(--gutter-16);font-family:var(--font-mono);color:var(--neutral-1000);margin:0;font-size:13px;line-height:1.6;overflow-x:auto}.kbd{border-radius:var(--radius-4);border:1px solid var(--neutral-300);background:var(--neutral-75);min-width:20px;height:20px;color:var(--neutral-600);font-family:var(--font-mono);border-bottom-width:2px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:500;display:inline-flex}.tree,.tree__children{margin:0;padding:0;list-style:none}.tree__children{padding-left:20px}.tree__row{border-radius:var(--radius-4);cursor:pointer;font-family:var(--font-display);color:var(--neutral-1000);transition:background var(--duration-short) var(--ease-inout);align-items:center;gap:6px;padding:6px 8px;font-size:14px;display:flex}.tree__row:hover{background:var(--neutral-75)}.tree__row--selected{background:var(--chart-blue-tint);color:var(--tone-blue-fg)}.tree__chevron{width:10px;height:6px;transition:transform var(--duration-short) var(--ease-inout);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%239CA3AF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50% no-repeat;flex:none;transform:rotate(-90deg)}.tree__chevron--open{transform:rotate(0)}.tree__chevron--leaf{background:0 0}.navbar{justify-content:space-between;align-items:center;gap:var(--gutter-16);padding:var(--gutter-12) var(--gutter-24);background:var(--neutral-0);border-bottom:1px solid var(--card-border);display:flex}.navbar--sticky{z-index:50;position:sticky;top:0}.navbar__brand{align-items:center;gap:var(--gutter-8);font-family:var(--font-display);color:var(--neutral-1000);font-size:16px;font-weight:700;display:flex}.navbar__actions{align-items:center;gap:var(--gutter-12);display:flex}.sidebar{background:var(--neutral-0);border-right:1px solid var(--card-border);width:220px;padding:var(--gutter-16) var(--gutter-8);transition:width var(--duration-standard) var(--ease-inout);flex-direction:column;display:flex}.sidebar--collapsed{align-items:center;width:56px}.sidebar__header{padding:0 var(--gutter-8) var(--gutter-16);font-family:var(--font-display);color:var(--neutral-1000);font-weight:700}.sidebar__list{flex-direction:column;gap:2px;width:100%;margin:0;padding:0;list-style:none;display:flex}.sidebar__item{align-items:center;gap:var(--gutter-12);border-radius:var(--radius-4);width:100%;font-family:var(--font-display);color:var(--neutral-600);cursor:pointer;transition:background var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout);background:0 0;border:none;padding:8px 10px;font-size:14px;display:flex}.sidebar__item:hover{background:var(--neutral-75);color:var(--neutral-1000)}.sidebar__item--active{background:var(--chart-blue-tint);color:var(--tone-blue-fg);font-weight:600}.sidebar__icon{flex:none;justify-content:center;align-items:center;width:18px;display:flex}.sidebar__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.button-group{display:inline-flex}.button-group>.btn{border-radius:0;margin-left:-1px}.button-group>.btn:first-child{border-top-left-radius:var(--radius-4);border-bottom-left-radius:var(--radius-4);margin-left:0}.button-group>.btn:last-child{border-top-right-radius:var(--radius-4);border-bottom-right-radius:var(--radius-4)}.button-group>.btn:hover{z-index:1;position:relative}.color-picker{align-items:center;gap:8px;display:inline-flex}.color-picker__swatch{cursor:pointer;width:24px;height:24px;box-shadow:0 0 0 1px var(--card-border);transition:transform var(--duration-short) var(--ease-inout), box-shadow var(--duration-short) var(--ease-inout);border:2px solid #0000;border-radius:50%}.color-picker__swatch:hover{transform:scale(1.1)}.color-picker__swatch--selected{border-color:var(--neutral-0);box-shadow:0 0 0 2px var(--neutral-1000)}.color-picker__custom{border:1px dashed var(--neutral-300);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;overflow:hidden}.color-picker__custom input[type=color]{cursor:pointer;background:0 0;border:none;width:32px;height:32px;padding:0}.password-input{position:relative}.password-input__field{width:100%;padding-right:36px}.password-input__toggle{border-radius:var(--radius-4);width:24px;height:24px;color:var(--neutral-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-input__toggle:hover:not(:disabled){color:var(--neutral-1000)}.password-input__toggle:disabled{cursor:not-allowed;opacity:.5}.otp-input{gap:8px;display:flex}.otp-input__box{text-align:center;border:1px solid var(--neutral-300);border-radius:var(--radius-4);background:var(--neutral-0);width:40px;height:48px;font-family:var(--font-display);color:var(--neutral-1000);transition:border-color var(--duration-short) var(--ease-inout), box-shadow var(--duration-short) var(--ease-inout);font-size:20px;font-weight:600}.otp-input__box:focus{border-color:var(--chart-blue);outline:none;box-shadow:0 0 0 2px #8fb4f559}.otp-input__box:disabled{background:var(--neutral-75);color:var(--neutral-400);cursor:not-allowed}.loading-overlay{position:relative}.loading-overlay__veil{background:color-mix(in srgb, var(--neutral-0) 70%, transparent);border-radius:inherit;z-index:5;animation:fadeIn var(--duration-short) var(--ease-inout);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.error-boundary__message{font-family:var(--font-mono);opacity:.85;margin-top:4px;font-size:12px}.error-boundary__actions{margin-top:var(--gutter-8)}.carousel{gap:var(--gutter-12);flex-direction:column;display:flex}.carousel__viewport{border-radius:var(--radius-8);position:relative;overflow:hidden}.carousel__slide{animation:fadeIn var(--duration-standard) var(--ease-inout)}.carousel__nav{background:var(--neutral-0);width:32px;height:32px;color:var(--neutral-600);box-shadow:var(--shadow-200);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel__nav:hover{color:var(--chart-blue)}.carousel__nav--prev{left:var(--gutter-12)}.carousel__nav--next{right:var(--gutter-12)}.carousel__dots{justify-content:center;align-items:center;gap:6px;display:flex}.carousel__dot{background:var(--neutral-300);cursor:pointer;width:8px;height:8px;transition:background var(--duration-short) var(--ease-inout), transform var(--duration-short) var(--ease-inout);border:none;border-radius:50%;flex:none;padding:0}.carousel__dot--active{background:var(--chart-blue);transform:scale(1.2)}
1
+ *{box-sizing:border-box}:root{--neutral-1000:#121212;--neutral-600:#4d4d4d;--neutral-500:#666;--neutral-400:#999;--neutral-300:#ccc;--neutral-200:#e6e6e6;--neutral-100:#f2f2f2;--neutral-75:#fafafa;--neutral-0:#fff;--gutter-4:4px;--gutter-8:8px;--gutter-12:12px;--gutter-16:16px;--gutter-24:24px;--gutter-32:32px;--gutter-40:40px;--radius-4:4px;--radius-8:8px;--radius-16:16px;--shadow-200:0 4px 8px #1212120d, 0 0 8px #1212120d;--shadow-300:0 8px 16px #1212120d, 0 0 8px #1212120d;--ease-inout:cubic-bezier(.4, 0, .2, 1);--duration-standard:.3s;--duration-short:.25s;--chart-blue:#8fb4f5;--chart-teal:#7fd8c9;--chart-purple:#c9a8f0;--chart-orange:#f5c88f;--chart-red:#f19a9a;--chart-green:#8fcb9e;--chart-blue-tint:#eaf1fc;--chart-blue-tint-active:#d9e6f8;--card-border:#e7e9ee;--font-display:"Space Grotesk", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--tone-blue-bg:var(--chart-blue-tint);--tone-blue-fg:#4f76b8;--tone-teal-bg:#e5f8f4;--tone-teal-fg:#3b9284;--tone-purple-bg:#f3ecfc;--tone-purple-fg:#8b63c4;--tone-orange-bg:#fcf0e0;--tone-orange-fg:#b8813a;--tone-red-bg:#fce8e8;--tone-red-fg:#c15f5f;--tone-green-bg:#e9f6ec;--tone-green-fg:#4e9662;--surface-inverse-bg:var(--neutral-1000);--surface-inverse-fg:var(--neutral-0);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--neutral-1000:#f5f5f5;--neutral-600:#c9c9c9;--neutral-500:#a6a6a6;--neutral-400:#8a8e99;--neutral-300:#4a4d57;--neutral-200:#34373f;--neutral-100:#2a2c33;--neutral-75:#24262c;--neutral-0:#1b1d22;--card-border:#33363e;--chart-blue-tint:#1e2a3d;--chart-blue-tint-active:#24334a;--shadow-200:0 4px 8px #00000059, 0 0 8px #00000040;--shadow-300:0 8px 16px #0006, 0 0 8px #0000004d;--tone-blue-bg:#24344f;--tone-blue-fg:#9cc0fa;--tone-teal-bg:#1d3a35;--tone-teal-fg:#8fe0d2;--tone-purple-bg:#35284a;--tone-purple-fg:#d3b3f5;--tone-orange-bg:#402e17;--tone-orange-fg:#f5c88f;--tone-red-bg:#3d2323;--tone-red-fg:#f2a8a8;--tone-green-bg:#223327;--tone-green-fg:#9ad6aa;--surface-inverse-bg:#2a2d35;--surface-inverse-fg:#f5f5f5}}:root[data-theme=dark]{--neutral-1000:#f5f5f5;--neutral-600:#c9c9c9;--neutral-500:#a6a6a6;--neutral-400:#8a8e99;--neutral-300:#4a4d57;--neutral-200:#34373f;--neutral-100:#2a2c33;--neutral-75:#24262c;--neutral-0:#1b1d22;--card-border:#33363e;--chart-blue-tint:#1e2a3d;--chart-blue-tint-active:#24334a;--shadow-200:0 4px 8px #00000059, 0 0 8px #00000040;--shadow-300:0 8px 16px #0006, 0 0 8px #0000004d;--tone-blue-bg:#24344f;--tone-blue-fg:#9cc0fa;--tone-teal-bg:#1d3a35;--tone-teal-fg:#8fe0d2;--tone-purple-bg:#35284a;--tone-purple-fg:#d3b3f5;--tone-orange-bg:#402e17;--tone-orange-fg:#f5c88f;--tone-red-bg:#3d2323;--tone-red-fg:#f2a8a8;--tone-green-bg:#223327;--tone-green-fg:#9ad6aa;--surface-inverse-bg:#2a2d35;--surface-inverse-fg:#f5f5f5}body{font-family:var(--font-display), system-ui, apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;background:var(--neutral-0);color:var(--neutral-1000);letter-spacing:.1px;transition:background var(--duration-standard) var(--ease-inout), color var(--duration-standard) var(--ease-inout);margin:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-4)}::-webkit-scrollbar-track{background:0 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid var(--neutral-200);border-top-color:var(--chart-blue);width:32px;height:32px;transition:all var(--duration-standard) var(--ease-inout);border-radius:50%;animation:.8s linear infinite spin}.app-loading{justify-content:center;align-items:center;gap:var(--gutter-16);height:100vh;color:var(--neutral-500);flex-direction:column;display:flex}.app-loading--inline{height:auto;animation:fadeIn var(--duration-standard) var(--ease-inout);padding:80px 0}.tabs{align-items:center;gap:var(--gutter-8);border-bottom:1px solid var(--card-border);margin-bottom:var(--gutter-24);display:flex}.tab{height:34px;padding:0 var(--gutter-12);font-family:var(--font-display);color:var(--neutral-400);cursor:pointer;transition:color var(--duration-short) var(--ease-inout), border-color var(--duration-short) var(--ease-inout);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;font-size:14px;font-weight:600;display:flex}.tab:hover:not(:disabled){color:var(--neutral-1000)}.tab--active{color:var(--chart-blue);border-bottom-color:var(--chart-blue)}.tab:disabled{color:var(--neutral-300);cursor:not-allowed}.tab__badge{font-family:var(--font-mono);color:var(--neutral-500);background:var(--neutral-100);padding:2px var(--gutter-8);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;font-size:10px;font-weight:500}.select{min-width:150px;position:relative}.select__trigger{justify-content:space-between;align-items:center;gap:var(--gutter-8);background:var(--neutral-0);border:1px solid var(--neutral-300);width:100%;color:var(--neutral-1000);padding:var(--gutter-8) var(--gutter-12);border-radius:var(--radius-4);font-size:14px;font-family:var(--font-display);cursor:pointer;height:34px;transition:border-color var(--duration-short) var(--ease-inout);display:flex}.select__trigger:hover{border-color:var(--neutral-400)}.select__trigger[aria-expanded=true]{border-color:var(--chart-blue)}.select__chevron{width:10px;height:6px;transition:transform var(--duration-short) var(--ease-inout);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%239CA3AF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50% no-repeat;flex:none}.select__trigger[aria-expanded=true] .select__chevron{transform:rotate(180deg)}.select__menu{z-index:20;background:var(--neutral-0);border:1px solid var(--card-border);border-radius:var(--radius-8);width:max-content;min-width:100%;max-width:280px;max-height:260px;animation:fadeIn var(--duration-short) var(--ease-inout);margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 8px 24px #0b0d121f}.select__option{border-radius:var(--radius-4);font-size:14px;font-family:var(--font-display);color:var(--neutral-1000);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:8px 10px;overflow:hidden}.select__option:hover{background:var(--neutral-75)}.select__option--selected{background:var(--chart-blue-tint);color:var(--chart-blue);font-weight:600}.select__option--multi{align-items:center;gap:8px;display:flex}.select__checkbox{border:1.5px solid var(--neutral-300);background:var(--neutral-0);width:14px;height:14px;transition:background var(--duration-short) var(--ease-inout), border-color var(--duration-short) var(--ease-inout);border-radius:4px;flex:none}.select__checkbox--checked{background:var(--chart-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1 4L3.5 6.5L9 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;border-color:var(--chart-blue)}.datepicker{position:relative}.datepicker__icon{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Crect x='1.5' y='2.5' width='11' height='10' rx='1.5' stroke='%239CA3AF' stroke-width='1.2'/%3E%3Cpath d='M1.5 5.5H12.5' stroke='%239CA3AF' stroke-width='1.2'/%3E%3Cpath d='M4 1.5V3.5' stroke='%239CA3AF' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M10 1.5V3.5' stroke='%239CA3AF' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") 50% no-repeat;flex:none;width:14px;height:14px}.datepicker__panel{z-index:20;background:var(--neutral-0);border:1px solid var(--card-border);border-radius:var(--radius-8);width:264px;padding:var(--gutter-12);animation:fadeIn var(--duration-short) var(--ease-inout);position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #0b0d121f}.datepicker__header{margin-bottom:var(--gutter-8);justify-content:space-between;align-items:center;display:flex}.datepicker__title{font-family:var(--font-display);color:var(--neutral-1000);font-size:13px;font-weight:600}.datepicker__nav{border-radius:var(--radius-4);width:24px;height:24px;color:var(--neutral-500);cursor:pointer;transition:background var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout);background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.datepicker__nav:hover{background:var(--neutral-75);color:var(--chart-blue)}.datepicker__weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:2px;display:grid}.datepicker__weekdays span{text-align:center;font-family:var(--font-mono);color:var(--neutral-400);text-transform:uppercase;padding:4px 0;font-size:10px}.datepicker__grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.datepicker__day{aspect-ratio:1;border-radius:var(--radius-4);font-family:var(--font-display);color:var(--neutral-1000);cursor:pointer;transition:background var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout);background:0 0;border:none;justify-content:center;align-items:center;font-size:13px;display:flex}.datepicker__day:hover:not(:disabled){background:var(--neutral-75)}.datepicker__day--today{color:var(--chart-blue);font-weight:600}.datepicker__day--selected,.datepicker__day--selected:hover{background:var(--chart-blue);color:var(--neutral-0);font-weight:600}.datepicker__day:disabled{color:var(--neutral-300);cursor:not-allowed}.datepicker__day--in-range{background:var(--chart-blue-tint);border-radius:0}.datepicker__trigger--range{min-width:220px}.datepicker__hint{font-family:var(--font-mono);color:var(--neutral-400);text-transform:uppercase;letter-spacing:.04em;text-align:center;margin:0 0 6px;font-size:10px}.nl-button{background:var(--neutral-0);border:1px solid var(--neutral-300);color:var(--neutral-600);padding:0 var(--gutter-16);border-radius:var(--radius-4);cursor:pointer;height:34px;font-size:14px;font-weight:600;font-family:var(--font-display);transition:background var(--duration-short) var(--ease-inout), border-color var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout)}.nl-button:hover{background:var(--chart-blue-tint);border-color:var(--chart-blue);color:var(--chart-blue)}.nl-button:active{background:var(--chart-blue-tint-active)}.nl-button:focus-visible{border-color:var(--chart-blue);outline:none;box-shadow:0 0 0 2px #8fb4f559}.scorecards{gap:var(--gutter-16);margin-bottom:var(--gutter-24);grid-template-columns:repeat(4,1fr);display:grid}.score-card{background:var(--neutral-0);border:1px solid var(--card-border);box-shadow:none;animation:fadeInUp var(--duration-standard) var(--ease-inout);border-radius:14px;flex-direction:column;gap:6px;padding:20px 22px;display:flex}.score-card--indigo{--accent:var(--chart-blue)}.score-card--green{--accent:var(--chart-green)}.score-card--rose{--accent:var(--chart-red)}.score-card--cyan{--accent:var(--chart-teal)}.score-card__label{font-family:var(--font-mono);color:var(--neutral-400);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.score-card__value{font-family:var(--font-display);letter-spacing:-.01em;color:var(--neutral-1000);font-size:32px;font-weight:700;line-height:1.15}.score-card__sub{font-family:var(--font-mono);color:var(--accent);align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex}.score-card__sub:before{content:"";border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0}.score-card__sub--up:before{border-bottom:6px solid var(--chart-green)}.score-card__sub--down:before{border-top:6px solid var(--chart-red)}.score-card__sparkline{width:100%;height:36px;margin-top:6px;display:block}.card{background:var(--neutral-0);border:1px solid var(--card-border);box-shadow:none;animation:fadeInUp var(--duration-standard) var(--ease-inout);border-radius:14px;padding:20px 22px 24px}.card h2{font-family:var(--font-display);margin:0 0 var(--gutter-16);color:var(--neutral-1000);font-size:16px;font-weight:600;line-height:1.2}.widgets-grid{gap:var(--gutter-16);margin-bottom:var(--gutter-16);flex-wrap:wrap;display:flex}.chart-card{resize:both;cursor:grab;min-width:320px;max-width:100%;min-height:260px;animation:fadeInUp var(--duration-standard) var(--ease-inout);transition:box-shadow var(--duration-short) var(--ease-inout), border-color var(--duration-short) var(--ease-inout), opacity var(--duration-short) var(--ease-inout), transform var(--duration-short) var(--ease-inout);flex-direction:column;flex:420px;display:flex;overflow:hidden}.chart-card:active{cursor:grabbing}.chart-card--drag-over{border-color:var(--chart-blue);transform:scale(1.015);box-shadow:0 0 0 2px #8fb4f559}.chart-card--dragging{opacity:.4}.chart-card__title{align-items:center;gap:var(--gutter-8);font-family:var(--font-display);margin:0 0 var(--gutter-16);color:var(--neutral-1000);font-size:16px;font-weight:600;line-height:1.2;display:flex}.chart-card__handle{color:var(--neutral-400);transition:color var(--duration-short) var(--ease-inout);font-size:14px;line-height:1}.chart-card:hover .chart-card__handle{color:var(--neutral-600)}.chart-card__body{min-height:0;animation:fadeIn var(--duration-standard) var(--ease-inout);flex:auto}.info-tooltip{background:var(--chart-blue-tint);width:16px;height:16px;color:var(--chart-blue);cursor:help;border-radius:50%;outline:none;justify-content:center;align-items:center;font-size:11px;font-style:normal;font-weight:700;display:inline-flex;position:relative}.info-tooltip:hover,.info-tooltip:focus-visible{background:var(--chart-blue);color:var(--neutral-0)}.info-tooltip__icon{pointer-events:none}.info-tooltip__bubble{top:calc(100% + var(--gutter-8));background:var(--surface-inverse-bg);width:max-content;max-width:260px;color:var(--surface-inverse-fg);padding:var(--gutter-8) var(--gutter-12);border-radius:var(--radius-4);box-shadow:var(--shadow-200);z-index:10;visibility:hidden;opacity:0;transition:opacity var(--duration-short) var(--ease-inout), transform var(--duration-short) var(--ease-inout);cursor:default;font-size:12px;font-weight:400;line-height:1.4;position:absolute;left:50%;transform:translate(-50%)translateY(-4px)}.info-tooltip:hover .info-tooltip__bubble,.info-tooltip:focus-visible .info-tooltip__bubble{visibility:visible;opacity:1;transform:translate(-50%)translateY(0)}.empty-state{background:var(--neutral-0);border:1px solid var(--card-border);box-shadow:none;padding:64px var(--gutter-24);text-align:center;align-items:center;gap:var(--gutter-8);border-radius:14px;flex-direction:column;display:flex}.empty-state__icon{background:var(--chart-blue-tint);width:56px;height:56px;color:var(--chart-blue);margin-bottom:var(--gutter-8);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--neutral-1000);margin:0;font-size:20px;font-weight:700}.empty-state p{font-family:var(--font-mono);color:var(--neutral-500);max-width:480px;margin:0;font-size:13px;font-weight:400}.btn{justify-content:center;align-items:center;gap:var(--gutter-8);height:34px;padding:0 var(--gutter-16);border-radius:var(--radius-4);font-family:var(--font-display);cursor:pointer;transition:background var(--duration-short) var(--ease-inout), border-color var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout), opacity var(--duration-short) var(--ease-inout);border:1px solid #0000;font-size:14px;font-weight:600;display:inline-flex}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px #8fb4f559}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--primary{background:var(--chart-blue);border-color:var(--chart-blue);color:var(--neutral-1000)}.btn--primary:hover:not(:disabled){background:#7ea6ef;border-color:#7ea6ef}.btn--secondary{background:var(--neutral-0);border-color:var(--neutral-300);color:var(--neutral-600)}.btn--secondary:hover:not(:disabled){background:var(--chart-blue-tint);border-color:var(--chart-blue);color:var(--chart-blue)}.btn--ghost{color:var(--neutral-600);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--neutral-75);color:var(--neutral-1000)}.btn--danger{background:var(--chart-red);border-color:var(--chart-red);color:var(--neutral-1000)}.btn--danger:hover:not(:disabled){background:#ec8888;border-color:#ec8888}.btn--sm{height:28px;padding:0 var(--gutter-12);font-size:13px}.badge{height:20px;padding:0 var(--gutter-8);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;background:var(--neutral-100);color:var(--neutral-600);border-radius:999px;align-items:center;gap:4px;font-size:11px;font-weight:500;display:inline-flex}.badge--blue{background:var(--tone-blue-bg);color:var(--tone-blue-fg)}.badge--teal{background:var(--tone-teal-bg);color:var(--tone-teal-fg)}.badge--purple{background:var(--tone-purple-bg);color:var(--tone-purple-fg)}.badge--orange{background:var(--tone-orange-bg);color:var(--tone-orange-fg)}.badge--red{background:var(--tone-red-bg);color:var(--tone-red-fg)}.badge--green{background:var(--tone-green-bg);color:var(--tone-green-fg)}.badge__dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.field{flex-direction:column;gap:6px;display:flex}.field__label{font-family:var(--font-mono);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.field__input{height:34px;padding:0 var(--gutter-12);background:var(--neutral-0);border:1px solid var(--neutral-300);border-radius:var(--radius-4);font-family:var(--font-display);color:var(--neutral-1000);transition:border-color var(--duration-short) var(--ease-inout), box-shadow var(--duration-short) var(--ease-inout);font-size:14px}.field__input::placeholder{color:var(--neutral-400)}.field__input:hover:not(:disabled){border-color:var(--neutral-400)}.field__input:focus{border-color:var(--chart-blue);outline:none;box-shadow:0 0 0 2px #8fb4f559}.field__input:disabled{background:var(--neutral-75);color:var(--neutral-400);cursor:not-allowed}.field--error .field__input{border-color:var(--chart-red)}.field--error .field__input:focus{box-shadow:0 0 0 2px #f19a9a59}.field__hint{font-family:var(--font-mono);color:var(--neutral-400);font-size:11px}.field--error .field__hint{color:var(--chart-red)}.switch{align-items:center;gap:var(--gutter-8);cursor:pointer;display:inline-flex}.switch__control{background:var(--neutral-300);width:34px;height:20px;transition:background var(--duration-short) var(--ease-inout);border-radius:999px;flex:none;position:relative}.switch__control:after{content:"";background:var(--neutral-0);width:16px;height:16px;transition:transform var(--duration-short) var(--ease-inout);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #12121226}.switch--checked .switch__control{background:var(--chart-blue)}.switch--checked .switch__control:after{transform:translate(14px)}.switch--disabled{cursor:not-allowed;opacity:.5}.switch__label{font-family:var(--font-display);color:var(--neutral-1000);font-size:14px}.switch__input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.nl-table-wrap{border:1px solid var(--card-border);border-radius:14px;overflow:hidden}.nl-table{border-collapse:collapse;width:100%;font-family:var(--font-display);font-size:14px}.nl-table thead th{text-align:left;padding:var(--gutter-12) var(--gutter-16);background:var(--neutral-75);font-family:var(--font-mono);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--card-border);white-space:nowrap;font-size:11px;font-weight:500}.nl-table th[data-align=right],.nl-table td[data-align=right]{text-align:right}.nl-table tbody td{padding:var(--gutter-12) var(--gutter-16);color:var(--neutral-1000);border-bottom:1px solid var(--card-border)}.nl-table tbody tr:last-child td{border-bottom:none}.nl-table tbody tr{transition:background var(--duration-short) var(--ease-inout)}.nl-table--hoverable tbody tr:hover{background:var(--neutral-75);cursor:pointer}.nl-table__empty{padding:var(--gutter-32);text-align:center;color:var(--neutral-400);font-family:var(--font-mono);font-size:13px}.modal-backdrop{padding:var(--gutter-24);z-index:100;animation:fadeIn var(--duration-short) var(--ease-inout);background:#12121259;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--neutral-0);box-shadow:var(--shadow-300);width:100%;max-height:calc(100vh - var(--gutter-40));animation:fadeInUp var(--duration-standard) var(--ease-inout);border-radius:14px;overflow-y:auto}.modal--sm{max-width:360px}.modal--md{max-width:480px}.modal--lg{max-width:680px}.modal__header{justify-content:space-between;align-items:center;gap:var(--gutter-16);padding:var(--gutter-16) var(--gutter-16) 0;display:flex}.modal__title{font-family:var(--font-display);color:var(--neutral-1000);margin:0;font-size:16px;font-weight:600}.modal__close{border-radius:var(--radius-4);width:28px;height:28px;color:var(--neutral-400);cursor:pointer;transition:background var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout);background:0 0;border:none;flex:none;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.modal__close:hover{background:var(--neutral-75);color:var(--neutral-1000)}.modal__body{padding:var(--gutter-16);font-family:var(--font-display);color:var(--neutral-600);font-size:14px;line-height:1.5}.modal__footer{justify-content:flex-end;align-items:center;gap:var(--gutter-8);padding:0 var(--gutter-16) var(--gutter-16);display:flex}.toast-stack{bottom:var(--gutter-24);right:var(--gutter-24);gap:var(--gutter-8);z-index:200;flex-direction:column;max-width:360px;display:flex;position:fixed}.toast{align-items:center;gap:var(--gutter-12);background:var(--surface-inverse-bg);color:var(--surface-inverse-fg);padding:var(--gutter-12) var(--gutter-16);border-radius:var(--radius-8);box-shadow:var(--shadow-300);animation:fadeInUp var(--duration-short) var(--ease-inout);display:flex}.toast--blue{background:#4f76b8}.toast--teal{background:#3b9284}.toast--purple{background:#8b63c4}.toast--orange{background:#b8813a}.toast--red{background:#c15f5f}.toast--green{background:#4e9662}.toast__message{font-family:var(--font-display);flex:auto;font-size:13px;line-height:1.4}.toast__close{width:20px;height:20px;color:inherit;opacity:.7;cursor:pointer;transition:opacity var(--duration-short) var(--ease-inout);background:0 0;border:none;flex:none;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.toast__close:hover{opacity:1}.checkbox{align-items:center;gap:var(--gutter-8);cursor:pointer;display:inline-flex}.checkbox--disabled{cursor:not-allowed;opacity:.5}.checkbox__box{border:1.5px solid var(--neutral-300);background:var(--neutral-0);width:16px;height:16px;transition:background var(--duration-short) var(--ease-inout), border-color var(--duration-short) var(--ease-inout);border-radius:4px;flex:none}.checkbox__input:checked+.checkbox__box{background:var(--chart-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1 4L3.5 6.5L9 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;border-color:var(--chart-blue)}.checkbox__input:focus-visible+.checkbox__box{box-shadow:0 0 0 2px #8fb4f559}.checkbox__label{font-family:var(--font-display);color:var(--neutral-1000);font-size:14px}.checkbox__input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.radio-group{gap:var(--gutter-8);flex-direction:column;display:flex}.radio{align-items:center;gap:var(--gutter-8);cursor:pointer;display:inline-flex}.radio--disabled{cursor:not-allowed;opacity:.5}.radio__dot{border:1.5px solid var(--neutral-300);background:var(--neutral-0);width:16px;height:16px;transition:border-color var(--duration-short) var(--ease-inout);border-radius:50%;flex:none;position:relative}.radio__dot:after{content:"";background:var(--chart-blue);width:8px;height:8px;transition:transform var(--duration-short) var(--ease-inout);border-radius:50%;position:absolute;top:3px;left:3px;transform:scale(0)}.radio__input:checked+.radio__dot{border-color:var(--chart-blue)}.radio__input:checked+.radio__dot:after{transform:scale(1)}.radio__input:focus-visible+.radio__dot{box-shadow:0 0 0 2px #8fb4f559}.radio__label{font-family:var(--font-display);color:var(--neutral-1000);font-size:14px}.radio__input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.field__input--textarea{height:auto;padding:var(--gutter-8) var(--gutter-12);resize:vertical;line-height:1.5;font-family:var(--font-display)}.skeleton{background:linear-gradient(90deg, var(--neutral-100) 25%, var(--neutral-200) 37%, var(--neutral-100) 63%);background-size:400% 100%;animation:1.4s infinite skeleton-shimmer;display:inline-block}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}.menu{display:inline-block;position:relative}.menu__kebab{border-radius:var(--radius-4);width:28px;height:28px;color:var(--neutral-500);cursor:pointer;transition:background var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout);background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.menu__kebab:hover{background:var(--neutral-75);color:var(--neutral-1000)}.menu__list{z-index:20;background:var(--neutral-0);border:1px solid var(--card-border);border-radius:var(--radius-8);width:max-content;min-width:160px;animation:fadeIn var(--duration-short) var(--ease-inout);margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0b0d121f}.menu__item{text-align:left;border-radius:var(--radius-4);width:100%;font-family:var(--font-display);color:var(--neutral-1000);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:8px 10px;font-size:14px;display:block}.menu__item:hover:not(:disabled){background:var(--neutral-75)}.menu__item--danger{color:var(--chart-red)}.menu__item--danger:hover:not(:disabled){background:var(--tone-red-bg)}.menu__item:disabled{color:var(--neutral-300);cursor:not-allowed}.pagination{align-items:center;gap:4px;display:flex}.pagination__nav,.pagination__page{border:1px solid var(--card-border);background:var(--neutral-0);border-radius:var(--radius-4);min-width:28px;height:28px;font-family:var(--font-mono);color:var(--neutral-600);cursor:pointer;transition:background var(--duration-short) var(--ease-inout), border-color var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout);justify-content:center;align-items:center;padding:0 6px;font-size:12px;display:flex}.pagination__nav:hover:not(:disabled),.pagination__page:hover:not(.pagination__page--active){border-color:var(--chart-blue);color:var(--chart-blue)}.pagination__nav:disabled{opacity:.4;cursor:not-allowed}.pagination__page--active{background:var(--chart-blue);border-color:var(--chart-blue);color:var(--neutral-1000);font-weight:600}.pagination__ellipsis{width:28px;height:28px;color:var(--neutral-400);justify-content:center;align-items:center;font-size:12px;display:flex}.breadcrumbs{flex-wrap:wrap;align-items:center;display:flex}.breadcrumbs__item{align-items:center;display:inline-flex}.breadcrumbs__link{font-family:var(--font-display);color:var(--neutral-500);cursor:pointer;transition:color var(--duration-short) var(--ease-inout);background:0 0;border:none;padding:0;font-size:13px}.breadcrumbs__link:hover{color:var(--chart-blue)}.breadcrumbs__current{font-family:var(--font-display);color:var(--neutral-1000);font-size:13px;font-weight:600}.breadcrumbs__sep{margin:0 var(--gutter-8);color:var(--neutral-300);font-size:13px}.progress{flex-direction:column;gap:6px;display:flex}.progress__label-row{justify-content:space-between;align-items:center;display:flex}.progress__label{font-family:var(--font-mono);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.progress__value{font-family:var(--font-mono);color:var(--neutral-1000);font-size:12px;font-weight:600}.progress__track{background:var(--neutral-100);border-radius:999px;height:8px;overflow:hidden}.progress__fill{height:100%;transition:width var(--duration-standard) var(--ease-inout);border-radius:999px}.progress__fill--blue{background:var(--chart-blue)}.progress__fill--teal{background:var(--chart-teal)}.progress__fill--purple{background:var(--chart-purple)}.progress__fill--orange{background:var(--chart-orange)}.progress__fill--red{background:var(--chart-red)}.progress__fill--green{background:var(--chart-green)}.gauge{justify-content:center;align-items:center;display:inline-flex;position:relative}.gauge__center{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.gauge__value{font-family:var(--font-display);color:var(--neutral-1000);font-weight:700;line-height:1}.gauge__label{font-family:var(--font-mono);color:var(--neutral-400);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.avatar{font-family:var(--font-display);color:var(--neutral-1000);object-fit:cover;vertical-align:middle;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.avatar--blue{background:var(--tone-blue-bg);color:var(--tone-blue-fg)}.avatar--teal{background:var(--tone-teal-bg);color:var(--tone-teal-fg)}.avatar--purple{background:var(--tone-purple-bg);color:var(--tone-purple-fg)}.avatar--orange{background:var(--tone-orange-bg);color:var(--tone-orange-fg)}.avatar--red{background:var(--tone-red-bg);color:var(--tone-red-fg)}.avatar--green{background:var(--tone-green-bg);color:var(--tone-green-fg)}.score-card__label:before,.field__label:before,.progress__label:before,.modal__title:before,.empty-state h2:before{content:"";background:var(--chart-blue);vertical-align:middle;width:8px;height:2px;margin-right:6px;display:inline-block;transform:translateY(-1px)}.btn,.tab,.menu__item,.pagination__page,.pagination__nav,.select__trigger,.datepicker__trigger--range{position:relative;overflow:hidden}.btn:after,.tab:after,.menu__item:after,.pagination__page:after,.pagination__nav:after,.select__trigger:after,.datepicker__trigger--range:after{content:"";background:var(--chart-blue);width:0;height:2px;transition:width var(--duration-short) var(--ease-inout);pointer-events:none;position:absolute;bottom:0;left:0}.btn--secondary:hover:after,.btn--ghost:hover:after,.tab:hover:not(:disabled):not(.tab--active):after,.menu__item:hover:not(:disabled):after,.pagination__page:hover:not(.pagination__page--active):after,.pagination__nav:hover:not(:disabled):after,.select__trigger[aria-expanded=true]:after,.datepicker__trigger--range[aria-expanded=true]:after{width:100%}.btn:active:not(:disabled),.tab:active:not(:disabled),.menu__item:active:not(:disabled),.pagination__page:active,.pagination__nav:active:not(:disabled),.select__trigger:active,.datepicker__trigger--range:active{transform:scale(.96)}.checkbox:active:not(.checkbox--disabled) .checkbox__box,.radio:active:not(.radio--disabled) .radio__dot,.switch:not(.switch--disabled):active .switch__control{transform:scale(.9)}.checkbox__box,.radio__dot,.switch__control{transition:background var(--duration-short) var(--ease-inout), border-color var(--duration-short) var(--ease-inout), transform var(--duration-short) var(--ease-inout)}.score-card,.card{transition:transform var(--duration-short) var(--ease-inout), box-shadow var(--duration-short) var(--ease-inout)}.score-card:hover,.card:hover{box-shadow:var(--shadow-300);transform:translateY(-2px)}.accordion{border:1px solid var(--card-border);border-radius:var(--radius-8);flex-direction:column;display:flex;overflow:hidden}.accordion__item{border-bottom:1px solid var(--card-border)}.accordion__item:last-child{border-bottom:none}.accordion__header{align-items:center;gap:var(--gutter-8);text-align:left;width:100%;padding:var(--gutter-12) var(--gutter-16);background:var(--neutral-0);font-family:var(--font-display);color:var(--neutral-1000);cursor:pointer;transition:background var(--duration-short) var(--ease-inout);border:none;font-size:14px;font-weight:600;display:flex}.accordion__header:hover:not(:disabled){background:var(--neutral-75)}.accordion__header:disabled{color:var(--neutral-300);cursor:not-allowed}.accordion__chevron{width:10px;height:6px;transition:transform var(--duration-short) var(--ease-inout);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%239CA3AF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50% no-repeat;flex:none}.accordion__item--open .accordion__chevron{transform:rotate(180deg)}.accordion__panel{padding:0 var(--gutter-16) var(--gutter-16) 34px;font-family:var(--font-display);color:var(--neutral-600);animation:fadeIn var(--duration-short) var(--ease-inout);font-size:14px;line-height:1.5}.segmented{background:var(--neutral-100);border-radius:var(--radius-8);align-items:center;gap:2px;padding:3px;display:inline-flex}.segmented__option{height:28px;padding:0 var(--gutter-12);border-radius:var(--radius-4);font-family:var(--font-display);color:var(--neutral-500);cursor:pointer;transition:background var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout), box-shadow var(--duration-short) var(--ease-inout);background:0 0;border:none;font-size:13px;font-weight:600}.segmented__option:hover:not(:disabled):not(.segmented__option--active){color:var(--neutral-1000)}.segmented__option--active{background:var(--neutral-0);color:var(--neutral-1000);box-shadow:var(--shadow-200)}.segmented__option:disabled{color:var(--neutral-300);cursor:not-allowed}.chart-legend{align-items:center;gap:var(--gutter-4) var(--gutter-16);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.chart-legend__item{font-family:var(--font-mono);color:var(--neutral-600);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:2px 0;font-size:11px;display:inline-flex}.chart-legend__item--static{cursor:default}.chart-legend__item--hidden{color:var(--neutral-300);text-decoration:line-through}.chart-legend__swatch{border-radius:2px;flex:none;width:8px;height:8px}.bullet{flex-direction:column;gap:6px;display:flex}.bullet__label-row{justify-content:space-between;align-items:center;display:flex}.bullet__track{border-radius:var(--radius-4);background:var(--neutral-100);height:14px;position:relative;overflow:visible}.bullet__fill{border-radius:var(--radius-4);height:100%;transition:width var(--duration-standard) var(--ease-inout)}.bullet__fill--blue{background:var(--chart-blue)}.bullet__fill--teal{background:var(--chart-teal)}.bullet__fill--purple{background:var(--chart-purple)}.bullet__fill--orange{background:var(--chart-orange)}.bullet__fill--red{background:var(--chart-red)}.bullet__fill--green{background:var(--chart-green)}.bullet__target{background:var(--neutral-1000);width:2px;height:20px;position:absolute;top:-3px;transform:translate(-1px)}.slider{appearance:none;background:linear-gradient(to right, var(--chart-blue) var(--slider-fill,0%), var(--neutral-100) var(--slider-fill,0%));cursor:pointer;border-radius:999px;width:100%;height:6px}.slider:disabled{opacity:.5;cursor:not-allowed}.slider::-webkit-slider-thumb{appearance:none;background:var(--neutral-0);border:2px solid var(--chart-blue);width:16px;height:16px;box-shadow:var(--shadow-200);transition:transform var(--duration-short) var(--ease-inout);border-radius:50%}.slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider::-moz-range-thumb{background:var(--neutral-0);border:2px solid var(--chart-blue);width:16px;height:16px;box-shadow:var(--shadow-200);border-radius:50%}.slider::-moz-range-track{background:0 0;border-radius:999px;height:6px}.stepper{align-items:flex-start;display:flex}.stepper__step{flex-direction:column;flex:1 1 0;align-items:center;gap:6px;min-width:64px;display:flex;position:relative}.stepper__dot{background:var(--neutral-0);border:2px solid var(--neutral-300);width:26px;height:26px;color:var(--neutral-400);font-family:var(--font-mono);z-index:1;transition:background var(--duration-short) var(--ease-inout), border-color var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.stepper__step--active .stepper__dot{border-color:var(--chart-blue);color:var(--chart-blue)}.stepper__step--completed .stepper__dot{background:var(--chart-blue);border-color:var(--chart-blue);color:var(--neutral-1000)}.stepper__label{font-family:var(--font-mono);color:var(--neutral-500);text-align:center;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.stepper__step--active .stepper__label{color:var(--neutral-1000);font-weight:600}.stepper__connector{background:var(--neutral-200);height:2px;position:absolute;top:13px;left:calc(50% + 20px);right:calc(20px - 50%)}.stepper__step--completed .stepper__connector{background:var(--chart-blue)}.drawer-backdrop{z-index:100;animation:fadeIn var(--duration-short) var(--ease-inout);background:#12121259;position:fixed;inset:0}.drawer{height:100%;max-width:calc(100vw - var(--gutter-40));background:var(--neutral-0);box-shadow:var(--shadow-300);animation:fadeIn var(--duration-standard) var(--ease-inout);flex-direction:column;display:flex;position:fixed;top:0;bottom:0}.drawer--right{border-left:1px solid var(--card-border);right:0}.drawer--left{border-right:1px solid var(--card-border);left:0}.drawer__body{min-height:0;padding:var(--gutter-16);font-family:var(--font-display);color:var(--neutral-600);flex:auto;font-size:14px;line-height:1.5;overflow-y:auto}.popover{display:inline-block;position:relative}.popover__panel{z-index:20;min-width:200px;padding:var(--gutter-12);background:var(--neutral-0);border:1px solid var(--card-border);border-radius:var(--radius-8);animation:fadeIn var(--duration-short) var(--ease-inout);position:absolute;top:calc(100% + 4px);box-shadow:0 8px 24px #0b0d121f}.popover__panel--left{left:0}.popover__panel--right{right:0}.tag-input{background:var(--neutral-0);border:1px solid var(--neutral-300);border-radius:var(--radius-4);min-height:34px;transition:border-color var(--duration-short) var(--ease-inout), box-shadow var(--duration-short) var(--ease-inout);flex-wrap:wrap;align-items:center;gap:6px;padding:4px 6px;display:flex}.tag-input:focus-within{border-color:var(--chart-blue);box-shadow:0 0 0 2px #8fb4f559}.tag-input--disabled{background:var(--neutral-75);cursor:not-allowed}.tag-input__tag{background:var(--chart-blue-tint);height:22px;color:var(--tone-blue-fg);border-radius:var(--radius-4);font-family:var(--font-mono);align-items:center;gap:4px;padding:0 6px;font-size:11px;font-weight:500;display:inline-flex}.tag-input__tag button{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;line-height:1}.tag-input__tag button:hover{opacity:1}.tag-input__field{min-width:80px;font-family:var(--font-display);color:var(--neutral-1000);background:0 0;border:none;outline:none;flex:80px;height:24px;font-size:14px}.tag-input__field:disabled{cursor:not-allowed}.search-input{align-items:center;display:flex;position:relative}.search-input__icon{left:var(--gutter-12);pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Ccircle cx='6' cy='6' r='4.5' stroke='%239CA3AF' stroke-width='1.3'/%3E%3Cpath d='M12.5 12.5L9.5 9.5' stroke='%239CA3AF' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") 50% no-repeat;width:14px;height:14px;position:absolute}.search-input__field{width:100%;height:34px;padding:0 var(--gutter-32) 0 34px;background:var(--neutral-0);border:1px solid var(--neutral-300);border-radius:var(--radius-4);font-family:var(--font-display);color:var(--neutral-1000);transition:border-color var(--duration-short) var(--ease-inout), box-shadow var(--duration-short) var(--ease-inout);font-size:14px}.search-input__field::-webkit-search-cancel-button{display:none}.search-input__field:focus{border-color:var(--chart-blue);outline:none;box-shadow:0 0 0 2px #8fb4f559}.search-input__field:disabled{background:var(--neutral-75);color:var(--neutral-400);cursor:not-allowed}.search-input__clear{right:var(--gutter-8);width:20px;height:20px;color:var(--neutral-400);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:15px;line-height:1;display:flex;position:absolute}.search-input__clear:hover{background:var(--neutral-100);color:var(--neutral-1000)}.copy-button{border:1px solid var(--neutral-300);background:var(--neutral-0);border-radius:var(--radius-4);width:26px;height:26px;color:var(--neutral-500);cursor:pointer;transition:background var(--duration-short) var(--ease-inout), border-color var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout);justify-content:center;align-items:center;font-size:13px;display:inline-flex}.copy-button:hover{background:var(--chart-blue-tint);border-color:var(--chart-blue);color:var(--chart-blue)}.status-dot{align-items:center;gap:6px;display:inline-flex}.status-dot__dot{border-radius:50%;flex:none;width:8px;height:8px}.status-dot__dot--blue{background:var(--chart-blue)}.status-dot__dot--teal{background:var(--chart-teal)}.status-dot__dot--purple{background:var(--chart-purple)}.status-dot__dot--orange{background:var(--chart-orange)}.status-dot__dot--red{background:var(--chart-red)}.status-dot__dot--green{background:var(--chart-green)}.status-dot__dot--pulse{animation:1.6s ease-in-out infinite status-dot-pulse}@keyframes status-dot-pulse{0%,to{opacity:1;box-shadow:0 0}50%{opacity:.7;box-shadow:0 0 0 4px #0000}}.status-dot__label{font-family:var(--font-mono);color:var(--neutral-600);font-size:12px}.description-list{gap:var(--gutter-16);margin:0;display:grid}.description-list__item dt{font-family:var(--font-mono);color:var(--neutral-400);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:11px;font-weight:500}.description-list__item dd{font-family:var(--font-display);color:var(--neutral-1000);margin:0;font-size:14px}.nl-text{font-family:var(--font-display);margin:0;line-height:1.5}.nl-text--xs{font-size:12px}.nl-text--sm{font-size:13px}.nl-text--md{font-size:14px}.nl-text--lg{font-size:16px}.nl-text--regular{font-weight:400}.nl-text--medium{font-weight:500}.nl-text--semibold{font-weight:600}.nl-text--bold{font-weight:700}.nl-text--default{color:var(--neutral-1000)}.nl-text--muted{color:var(--neutral-500)}.nl-text--accent{color:var(--chart-blue)}.nl-text--danger{color:var(--chart-red)}.nl-text--mono{font-family:var(--font-mono)}.nl-heading{font-family:var(--font-display);color:var(--neutral-1000);letter-spacing:-.01em;margin:0}.nl-heading--1{font-size:32px;font-weight:700;line-height:1.15}.nl-heading--2{font-size:24px;font-weight:700;line-height:1.2}.nl-heading--3{font-size:18px;font-weight:600;line-height:1.3}.nl-heading--4{font-size:15px;font-weight:600;line-height:1.4}.nl-container{padding:0 var(--gutter-24);box-sizing:border-box;width:100%;margin:0 auto}.nl-container--sm{max-width:640px}.nl-container--md{max-width:860px}.nl-container--lg{max-width:1120px}.nl-container--xl{max-width:1400px}.nl-container--full{max-width:none}hr.nl-divider{border:none;border-top:1px solid var(--card-border);margin:var(--gutter-16) 0}.nl-divider--vertical{background:var(--card-border);align-self:stretch;width:1px;display:inline-block}.nl-divider--labeled{align-items:center;gap:var(--gutter-12);margin:var(--gutter-16) 0;display:flex}.nl-divider--labeled__line{background:var(--card-border);flex:auto;height:1px}.nl-divider--labeled__text{font-family:var(--font-mono);color:var(--neutral-400);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.nl-link{color:var(--chart-blue);font-family:var(--font-display);transition:border-color var(--duration-short) var(--ease-inout);border-bottom:1px solid #0000;text-decoration:none}.nl-link:hover{border-color:var(--chart-blue)}.nl-link:focus-visible{border-radius:2px;outline:none;box-shadow:0 0 0 2px #8fb4f559}.alert{align-items:flex-start;gap:var(--gutter-12);padding:var(--gutter-12) var(--gutter-16);border-radius:var(--radius-8);border:1px solid;display:flex}.alert__icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;line-height:1;display:flex}.alert__body{flex:auto;min-width:0}.alert__title{font-family:var(--font-display);color:var(--neutral-1000);font-size:14px;font-weight:600}.alert__message{font-family:var(--font-display);color:var(--neutral-600);margin-top:2px;font-size:13px;line-height:1.5}.alert__dismiss{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;flex:none;padding:0;font-size:16px;line-height:1}.alert__dismiss:hover{opacity:1}.alert--info{background:var(--tone-blue-bg);border-color:var(--chart-blue);color:var(--tone-blue-fg)}.alert--success{background:var(--tone-green-bg);border-color:var(--chart-green);color:var(--tone-green-fg)}.alert--warning{background:var(--tone-orange-bg);border-color:var(--chart-orange);color:var(--tone-orange-fg)}.alert--danger{background:var(--tone-red-bg);border-color:var(--chart-red);color:var(--tone-red-fg)}.alert--info .alert__icon{background:var(--chart-blue);color:var(--neutral-0)}.alert--success .alert__icon{background:var(--chart-green);color:var(--neutral-0)}.alert--warning .alert__icon{background:var(--chart-orange);color:var(--neutral-0)}.alert--danger .alert__icon{background:var(--chart-red);color:var(--neutral-0)}.icon-button{border-radius:var(--radius-4);cursor:pointer;transition:background var(--duration-short) var(--ease-inout), border-color var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout), opacity var(--duration-short) var(--ease-inout);border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.icon-button:disabled{cursor:not-allowed;opacity:.5}.icon-button--md{width:34px;height:34px;font-size:16px}.icon-button--sm{width:28px;height:28px;font-size:14px}.icon-button--ghost{color:var(--neutral-500);background:0 0}.icon-button--ghost:hover:not(:disabled){background:var(--neutral-75);color:var(--neutral-1000)}.icon-button--secondary{background:var(--neutral-0);border-color:var(--neutral-300);color:var(--neutral-600)}.icon-button--secondary:hover:not(:disabled){background:var(--chart-blue-tint);border-color:var(--chart-blue);color:var(--chart-blue)}.icon-button--primary{background:var(--chart-blue);color:var(--neutral-1000)}.icon-button--primary:hover:not(:disabled){background:#7ea6ef}.icon-button--danger{background:var(--chart-red);color:var(--neutral-1000)}.icon-button--danger:hover:not(:disabled){background:#ec8888}.tooltip-wrapper{display:inline-block;position:relative}.tooltip-wrapper__bubble{background:var(--surface-inverse-bg);width:max-content;max-width:260px;color:var(--surface-inverse-fg);font-family:var(--font-display);padding:var(--gutter-8) var(--gutter-12);border-radius:var(--radius-4);box-shadow:var(--shadow-200);z-index:10;visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--duration-short) var(--ease-inout), transform var(--duration-short) var(--ease-inout);font-size:12px;font-weight:400;line-height:1.4;position:absolute;left:50%;transform:translate(-50%)translateY(-4px)}.tooltip-wrapper__bubble--top{bottom:calc(100% + var(--gutter-8))}.tooltip-wrapper__bubble--bottom{top:calc(100% + var(--gutter-8))}.tooltip-wrapper:hover .tooltip-wrapper__bubble,.tooltip-wrapper:focus-within .tooltip-wrapper__bubble{visibility:visible;opacity:1;transform:translate(-50%)translateY(0)}.combobox__placeholder{color:var(--neutral-400)}.combobox__empty{color:var(--neutral-400);cursor:default}.combobox__empty:hover{background:0 0}.number-stepper{border:1px solid var(--neutral-300);border-radius:var(--radius-4);align-items:stretch;height:34px;display:inline-flex;overflow:hidden}.number-stepper__btn{background:var(--neutral-75);width:30px;color:var(--neutral-600);cursor:pointer;transition:background var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout);border:none;justify-content:center;align-items:center;display:flex}.number-stepper__btn:hover:not(:disabled){background:var(--chart-blue-tint);color:var(--chart-blue)}.number-stepper__btn:disabled{color:var(--neutral-300);cursor:not-allowed}.number-stepper__field{border:none;border-left:1px solid var(--neutral-300);border-right:1px solid var(--neutral-300);text-align:center;width:56px;font-family:var(--font-display);color:var(--neutral-1000);background:var(--neutral-0);-moz-appearance:textfield;font-size:14px}.number-stepper__field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-stepper__field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-stepper__field:disabled{background:var(--neutral-75);color:var(--neutral-400)}.file-upload{padding:var(--gutter-32) var(--gutter-16);border:1.5px dashed var(--neutral-300);border-radius:var(--radius-8);background:var(--neutral-75);cursor:pointer;text-align:center;transition:border-color var(--duration-short) var(--ease-inout), background var(--duration-short) var(--ease-inout);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.file-upload:hover,.file-upload--drag-over{border-color:var(--chart-blue);background:var(--chart-blue-tint)}.file-upload--disabled{opacity:.5;cursor:not-allowed}.file-upload__input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.file-upload__icon{color:var(--chart-blue);display:flex}.file-upload__label{font-family:var(--font-display);color:var(--neutral-1000);font-size:14px;font-weight:600}.file-upload__hint{font-family:var(--font-mono);color:var(--neutral-400);font-size:11px}.rating{gap:2px;display:inline-flex}.rating__star{color:var(--neutral-300);cursor:pointer;transition:color var(--duration-short) var(--ease-inout);display:inline-flex}.rating--readonly .rating__star{cursor:default}.rating__star--filled{color:var(--chart-orange)}.nl-list{margin:0;padding:0;list-style:none}.nl-list--bordered{border:1px solid var(--card-border);border-radius:var(--radius-8);overflow:hidden}.nl-list--bordered .nl-list__item{border-bottom:1px solid var(--card-border)}.nl-list--bordered .nl-list__item:last-child{border-bottom:none}.nl-list__item{padding:var(--gutter-12) var(--gutter-16);font-family:var(--font-display);color:var(--neutral-1000);background:var(--neutral-0);font-size:14px}.nl-list__item--clickable{cursor:pointer;transition:background var(--duration-short) var(--ease-inout)}.nl-list__item--clickable:hover{background:var(--neutral-75)}.timeline{flex-direction:column;display:flex}.timeline__item{gap:var(--gutter-12);display:flex}.timeline__rail{flex-direction:column;flex:none;align-items:center;display:flex}.timeline__dot{background:var(--chart-blue);border-radius:50%;flex:none;width:10px;height:10px;margin-top:4px}.timeline__dot--teal{background:var(--chart-teal)}.timeline__dot--purple{background:var(--chart-purple)}.timeline__dot--orange{background:var(--chart-orange)}.timeline__dot--red{background:var(--chart-red)}.timeline__dot--green{background:var(--chart-green)}.timeline__line{background:var(--card-border);flex:auto;width:2px;margin:4px 0}.timeline__content{padding-bottom:var(--gutter-16);flex:auto;min-width:0}.timeline__header{align-items:baseline;gap:var(--gutter-8);flex-wrap:wrap;display:flex}.timeline__title{font-family:var(--font-display);color:var(--neutral-1000);font-size:14px;font-weight:600}.timeline__timestamp{font-family:var(--font-mono);color:var(--neutral-400);font-size:11px}.timeline__description{font-family:var(--font-display);color:var(--neutral-600);margin-top:2px;font-size:13px;line-height:1.5}.avatar-group{align-items:center;display:flex}.avatar-group__item{border:2px solid var(--neutral-0);border-radius:50%;margin-left:-8px;position:relative}.avatar-group__item:first-child{margin-left:0}.avatar-group__overflow{background:var(--neutral-200);color:var(--neutral-600);font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.code-block{border:1px solid var(--card-border);border-radius:var(--radius-8);background:var(--neutral-75);overflow:hidden}.code-block__header{padding:6px var(--gutter-12);border-bottom:1px solid var(--card-border);background:var(--neutral-100);justify-content:space-between;align-items:center;display:flex}.code-block__lang{font-family:var(--font-mono);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.code-block__body{padding:var(--gutter-12) var(--gutter-16);font-family:var(--font-mono);color:var(--neutral-1000);margin:0;font-size:13px;line-height:1.6;overflow-x:auto}.kbd{border-radius:var(--radius-4);border:1px solid var(--neutral-300);background:var(--neutral-75);min-width:20px;height:20px;color:var(--neutral-600);font-family:var(--font-mono);border-bottom-width:2px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:500;display:inline-flex}.tree,.tree__children{margin:0;padding:0;list-style:none}.tree__children{padding-left:20px}.tree__row{border-radius:var(--radius-4);cursor:pointer;font-family:var(--font-display);color:var(--neutral-1000);transition:background var(--duration-short) var(--ease-inout);align-items:center;gap:6px;padding:6px 8px;font-size:14px;display:flex}.tree__row:hover{background:var(--neutral-75)}.tree__row--selected{background:var(--chart-blue-tint);color:var(--tone-blue-fg)}.tree__chevron{width:10px;height:6px;transition:transform var(--duration-short) var(--ease-inout);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%239CA3AF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50% no-repeat;flex:none;transform:rotate(-90deg)}.tree__chevron--open{transform:rotate(0)}.tree__chevron--leaf{background:0 0}.navbar{padding:var(--gutter-12) var(--gutter-24);background:var(--neutral-0);border-bottom:1px solid var(--card-border);flex-direction:column;display:flex}.navbar--sticky{z-index:50;position:sticky;top:0}.navbar__brand{align-items:center;gap:var(--gutter-8);font-family:var(--font-display);color:var(--neutral-1000);font-size:16px;font-weight:700;display:flex}.navbar__actions{align-items:center;gap:var(--gutter-12);display:flex}.sidebar{background:var(--neutral-0);border-right:1px solid var(--card-border);width:220px;padding:var(--gutter-16) var(--gutter-8);transition:width var(--duration-standard) var(--ease-inout);flex-direction:column;display:flex}.sidebar--collapsed{align-items:center;width:56px}.sidebar__header{padding:0 var(--gutter-8) var(--gutter-16);font-family:var(--font-display);color:var(--neutral-1000);font-weight:700}.sidebar__list{flex-direction:column;gap:2px;width:100%;margin:0;padding:0;list-style:none;display:flex}.sidebar__item{align-items:center;gap:var(--gutter-12);border-radius:var(--radius-4);width:100%;font-family:var(--font-display);color:var(--neutral-600);cursor:pointer;transition:background var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout);background:0 0;border:none;padding:8px 10px;font-size:14px;display:flex}.sidebar__item:hover{background:var(--neutral-75);color:var(--neutral-1000)}.sidebar__item--active{background:var(--chart-blue-tint);color:var(--tone-blue-fg);font-weight:600}.sidebar__icon{flex:none;justify-content:center;align-items:center;width:18px;display:flex}.sidebar__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.button-group{display:inline-flex}.button-group>.btn{border-radius:0;margin-left:-1px}.button-group>.btn:first-child{border-top-left-radius:var(--radius-4);border-bottom-left-radius:var(--radius-4);margin-left:0}.button-group>.btn:last-child{border-top-right-radius:var(--radius-4);border-bottom-right-radius:var(--radius-4)}.button-group>.btn:hover{z-index:1;position:relative}.color-picker{align-items:center;gap:8px;display:inline-flex}.color-picker__swatch{cursor:pointer;width:24px;height:24px;box-shadow:0 0 0 1px var(--card-border);transition:transform var(--duration-short) var(--ease-inout), box-shadow var(--duration-short) var(--ease-inout);border:2px solid #0000;border-radius:50%}.color-picker__swatch:hover{transform:scale(1.1)}.color-picker__swatch--selected{border-color:var(--neutral-0);box-shadow:0 0 0 2px var(--neutral-1000)}.color-picker__custom{border:1px dashed var(--neutral-300);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;overflow:hidden}.color-picker__custom input[type=color]{cursor:pointer;background:0 0;border:none;width:32px;height:32px;padding:0}.password-input{position:relative}.password-input__field{width:100%;padding-right:36px}.password-input__toggle{border-radius:var(--radius-4);width:24px;height:24px;color:var(--neutral-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-input__toggle:hover:not(:disabled){color:var(--neutral-1000)}.password-input__toggle:disabled{cursor:not-allowed;opacity:.5}.otp-input{gap:8px;display:flex}.otp-input__box{text-align:center;border:1px solid var(--neutral-300);border-radius:var(--radius-4);background:var(--neutral-0);width:40px;height:48px;font-family:var(--font-display);color:var(--neutral-1000);transition:border-color var(--duration-short) var(--ease-inout), box-shadow var(--duration-short) var(--ease-inout);font-size:20px;font-weight:600}.otp-input__box:focus{border-color:var(--chart-blue);outline:none;box-shadow:0 0 0 2px #8fb4f559}.otp-input__box:disabled{background:var(--neutral-75);color:var(--neutral-400);cursor:not-allowed}.loading-overlay{position:relative}.loading-overlay__veil{background:color-mix(in srgb, var(--neutral-0) 70%, transparent);border-radius:inherit;z-index:5;animation:fadeIn var(--duration-short) var(--ease-inout);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.error-boundary__message{font-family:var(--font-mono);opacity:.85;margin-top:4px;font-size:12px}.error-boundary__actions{margin-top:var(--gutter-8)}.carousel{gap:var(--gutter-12);flex-direction:column;display:flex}.carousel__viewport{border-radius:var(--radius-8);position:relative;overflow:hidden}.carousel__slide{animation:fadeIn var(--duration-standard) var(--ease-inout)}.carousel__nav{background:var(--neutral-0);width:32px;height:32px;color:var(--neutral-600);box-shadow:var(--shadow-200);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel__nav:hover{color:var(--chart-blue)}.carousel__nav--prev{left:var(--gutter-12)}.carousel__nav--next{right:var(--gutter-12)}.carousel__dots{justify-content:center;align-items:center;gap:6px;display:flex}.carousel__dot{background:var(--neutral-300);cursor:pointer;width:8px;height:8px;transition:background var(--duration-short) var(--ease-inout), transform var(--duration-short) var(--ease-inout);border:none;border-radius:50%;flex:none;padding:0}.carousel__dot--active{background:var(--chart-blue);transform:scale(1.2)}.nl-canvas{background:var(--neutral-0);min-height:100dvh;color:var(--neutral-1000);flex-direction:column;display:flex}.navbar__row{justify-content:space-between;align-items:center;gap:var(--gutter-16);display:flex}.navbar__menu-toggle{border:1px solid var(--neutral-300);background:var(--neutral-0);border-radius:var(--radius-4);width:34px;height:34px;color:var(--neutral-600);cursor:pointer;flex:none;justify-content:center;align-items:center;margin-left:auto;display:none}.navbar__menu{margin-top:var(--gutter-8);align-items:center;gap:4px;display:flex}.navbar__menu-item{border-radius:var(--radius-4);font-family:var(--font-display);color:var(--neutral-500);cursor:pointer;white-space:nowrap;transition:background var(--duration-short) var(--ease-inout), color var(--duration-short) var(--ease-inout);background:0 0;border:none;padding:8px 12px;font-size:14px;font-weight:600}.navbar__menu-item:hover{color:var(--neutral-1000);background:var(--neutral-75)}.navbar__menu-item--active{color:var(--tone-blue-fg);background:var(--chart-blue-tint)}.bottom-nav{z-index:60;background:var(--neutral-0);border-top:1px solid var(--card-border);padding-bottom:env(safe-area-inset-bottom,0px);justify-content:space-around;align-items:stretch;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{color:var(--neutral-400);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:8px 4px 6px;display:flex}.bottom-nav__icon{display:flex}.bottom-nav__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.bottom-nav__item--active{color:var(--chart-blue)}.nl-table-wrap{-webkit-overflow-scrolling:touch;overflow:auto hidden}.datepicker__panel{max-width:calc(100vw - 32px)}.pagination,.segmented{flex-wrap:wrap}.stepper{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=640px){.nl-container{padding:0 var(--gutter-16)}.scorecards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.chart-card{flex-basis:100%;min-width:0}.navbar{padding:var(--gutter-12) var(--gutter-16)}.navbar__menu-toggle{display:flex}.navbar__menu{flex-direction:column;align-items:stretch;gap:2px;display:none}.navbar__menu--open{display:flex}.navbar__menu-item{text-align:left}.bottom-nav{display:flex}.nl-canvas:has(.bottom-nav){padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.modal,.drawer{max-width:calc(100vw - var(--gutter-16))}.drawer{width:100%!important}}
2
2
  /*$vite$:1*/
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "northline",
3
- "version": "0.1.0",
3
+ "version": "0.2.0",
4
4
  "description": "Northline - a flat, mono-labeled dashboard theme and component kit (ScoreCard, Sparkline, ChartCard, Select, DateRangePicker, InfoTooltip, Tabs) built on Chart.js + React.",
5
5
  "license": "MIT",
6
6
  "type": "module",