.df-root{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 12px;border:1px solid var(--color-border, currentColor);border-radius:8px;background:var(--color-bg-surface, transparent);color:var(--color-text-primary, currentColor);text-align:left;cursor:default;font:inherit}.df-root.is-clickable,.df-root:has(.df-edit-icon){cursor:pointer}.df-root:focus-visible{outline:2px solid var(--color-border-focus, currentColor);outline-offset:1px}.df-label{font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted, currentColor);flex:0 0 auto}.df-value{display:flex;align-items:center;gap:6px;flex:1 1 auto;font-weight:600}.df-num{font-variant-numeric:tabular-nums}.df-x{color:var(--color-text-muted, currentColor);font-weight:400}.df-unit{font-size:.75rem;color:var(--color-text-muted, currentColor);font-weight:400;margin-left:2px}.df-placeholder{color:var(--color-text-muted, currentColor);font-weight:400}.df-edit-icon{flex:0 0 auto;font-size:.875rem;color:var(--color-text-muted, currentColor);transition:color .12s ease}.df-root:hover .df-edit-icon{color:var(--color-text-primary, currentColor)}.ni-root{display:flex;flex-direction:column;gap:4px;width:100%}.ni-label{font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#629496}.ni-field{position:relative;display:flex;align-items:center}.ni-input{width:100%;padding:8px 12px;border:1px solid transparent;border-radius:10px;background:#edf5f3;color:#035a41;font:inherit;font-size:.9375rem;min-height:44px;text-align:right;transition:background .18s ease-out,box-shadow .18s ease-out}.ni-input:focus{outline:none;border-color:var(--color-border, transparent);box-shadow:0 0 0 3px var(--color-border-focus, rgba(15, 86, 100, .12))}.ni-input::placeholder{color:#629496;opacity:.8}.ni-input:disabled{cursor:not-allowed;color:#4a5568b3;background:#f8fafc}.ni-input.has-prefix{padding-left:28px}.ni-input.has-suffix{padding-right:28px}.ni-prefix,.ni-suffix{position:absolute;font-size:.9375rem;font-weight:600;color:var(--color-text-muted, currentColor);pointer-events:none}.ni-prefix{left:10px}.ni-suffix{right:10px}.ni-input--hero{font-size:1.1875rem;font-weight:700;min-height:52px}.ni-input--comma-formatted{text-align:left}.qr-root{display:flex;flex-direction:column;gap:8px;width:100%;color:var(--color-text-primary, var(--color-neutral-900))}.qr-root,.qr-root *{box-sizing:border-box}.qr-label{display:block;padding:0 2px 2px;font-size:.625rem;font-weight:700;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-emphasis, var(--color-deep-orange-darken-2))}.qr-rows{display:flex;flex-direction:column;gap:10px}.qr-row{padding:10px;border:1px solid var(--color-border, var(--color-surface-border));border-radius:12px;background:var(--color-bg-surface, var(--color-surface-card));transition:border-color .18s ease}.qr-row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;min-height:17px}.qr-tier{font-size:.625rem;font-weight:700;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-emphasis, var(--color-deep-orange-darken-2))}.qr-remove{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:999px;background:transparent;color:var(--color-text-muted, var(--color-neutral-500));font-size:1rem;cursor:pointer;line-height:1}.qr-remove:hover{background:var(--color-bg-hover, var(--color-bg-subtle, transparent));color:var(--color-text-emphasis, var(--color-deep-orange-darken-2))}.qr-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qr-field{display:flex;flex-direction:column;gap:0;min-width:0;overflow:hidden;border-radius:10px;background:var(--color-bg-subtle, var(--color-neutral-50));transition:background .18s ease,box-shadow .18s ease}.qr-field:focus-within{box-shadow:0 0 0 1px var(--color-border-focus, var(--color-deep-orange-darken-2))}.qr-field-label{padding:10px 14px 2px;font-size:.625rem;font-weight:600;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted, var(--color-neutral-500))}.qr-input-wrap{position:relative;display:flex;align-items:baseline;min-width:0}.qr-prefix{padding:2px 2px 14px 14px;font-size:1.1875rem;font-weight:700;line-height:1;letter-spacing:-.01em;color:var(--color-text-muted, var(--color-neutral-500));pointer-events:none}.qr-input{width:100%;min-width:0;padding:2px 14px 14px;border:0;border-radius:0;background:transparent;color:var(--color-text-primary, var(--color-neutral-900));font:inherit;font-size:1.1875rem;font-weight:700;line-height:1.5;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.qr-input:focus{outline:none}.qr-input::placeholder{color:var(--color-text-muted, var(--color-neutral-500));opacity:.75}.qr-input.has-prefix{padding-left:0}.qr-total{margin-top:8px;font-size:.75rem;color:var(--color-text-muted, var(--color-neutral-500));text-align:right}.qr-add{display:block;width:100%;padding:8px 12px;border:1px dashed var(--color-border, var(--color-surface-border));border-radius:10px;background:var(--color-bg-surface, var(--color-surface-card));color:var(--color-text-emphasis, var(--color-deep-orange-darken-2));font:inherit;font-size:.8125rem;text-align:left;cursor:pointer}.qr-add:hover{background:var(--color-bg-hover, var(--color-bg-subtle, transparent));color:var(--color-text-emphasis, var(--color-deep-orange-darken-2))}.coi-root{display:flex;flex-direction:column;gap:0;width:100%;min-height:72px;border:1px solid transparent;border-radius:10px;background:var(--showcase-pill-bg, var(--color-bg-surface, transparent));transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.coi-root:hover{background:var( --showcase-pill-bg-hover, var(--color-bg-hover, var(--color-bg-surface, transparent)) )}.coi-root:focus-within{background:var(--color-bg-surface, #fff);border-color:var(--showcase-pill-border-hover, var(--color-border-focus, currentColor));box-shadow:0 0 0 4px var(--ring, rgb(20 184 166 / 16%))}.coi-root.coi-mode-computed{background:var(--showcase-pill-bg, var(--color-bg-subtle, transparent))}.coi-label{padding:10px 14px 2px;border-radius:10px 10px 0 0;font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--showcase-pill-label-color, var(--color-text-muted, currentColor))}.coi-input-wrap{display:flex;align-items:baseline;padding:2px 14px 14px}.coi-prefix{display:inline-block;flex-shrink:0;padding-right:2px;font-size:1.1875rem;font-weight:700;line-height:1;letter-spacing:-.01em;color:var(--showcase-pill-label-color, var(--color-text-muted, currentColor));pointer-events:none}.coi-input{width:auto;min-width:80px;max-width:100%;flex:0 1 auto;padding:0;border:none;background:transparent;color:var(--showcase-pill-value-color, var(--color-text-primary, currentColor));font:inherit;font-size:1.1875rem;font-weight:700;letter-spacing:-.01em;field-sizing:content}.appointment-input-group .coi-root .coi-input-wrap input.coi-input{width:auto;min-width:80px;max-width:100%;flex:0 1 auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--showcase-pill-value-color, var(--color-text-primary, currentColor));font:inherit;font-size:1.1875rem;font-weight:700;line-height:1;letter-spacing:-.01em;field-sizing:content}.coi-input:focus{outline:none}.appointment-input-group .coi-root .coi-input-wrap input.coi-input:focus{border:0;background:transparent;box-shadow:none}.coi-input.has-prefix{padding-left:0}.coi-computed-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:2px 14px 14px}.coi-computed-amount{display:flex;align-items:baseline;gap:2px}.coi-readonly-prefix{font-size:1.1875rem;font-weight:700;line-height:1;letter-spacing:-.01em;color:var(--showcase-pill-label-color, var(--color-text-muted, currentColor))}.coi-computed-value{font-size:1.1875rem;font-weight:700;letter-spacing:-.01em;color:var(--showcase-pill-value-color, var(--color-text-primary, currentColor));font-variant-numeric:tabular-nums}.coi-calc-note{font-size:.6875rem;font-style:italic;font-weight:500;letter-spacing:.01em;color:var(--showcase-pill-label-color, var(--color-text-muted, currentColor))}.tn-root{--tn-section: var(--color-warning-900);--tn-section-dark: var(--color-warning-900);--tn-section-tint: var(--color-amber-lighten-5);--tn-section-tint-hover: var(--color-amber-lighten-4);--tn-archived-bg: var(--color-neutral-100);--tn-archived-ink: var(--color-neutral-500);--tn-border-subtle: var(--color-neutral-200);--tn-meta-border: rgba(202, 162, 18, .3);display:flex;flex-direction:column;gap:10px;width:100%;box-sizing:border-box;color:var(--tn-section-dark)}.tn-root[data-locked=on]{opacity:.72}.tn-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.tn-head-copy{display:inline-flex;align-items:center;gap:8px;min-width:0}.tn-head-label{color:var(--tn-section);font-size:.6875rem;font-weight:800;letter-spacing:.12em;line-height:1;text-transform:uppercase}.tn-head-count,.tn-section-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;border:0;border-radius:999px;background:color-mix(in srgb,var(--tn-section) 13%,white);color:var(--tn-section);font-size:.625rem;font-weight:800;line-height:1}.tn-action-btn,.tn-empty-action{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;transition:background-color .14s ease,box-shadow .14s ease,color .14s ease,opacity .14s ease,transform .14s ease}.tn-action-btn--add,.tn-empty-action{gap:5px;padding:5px 12px;border:1px solid var(--tn-section);border-radius:999px;background:var(--tn-section);color:#fff;font-size:.6875rem;font-weight:800;letter-spacing:.04em;line-height:1.2;white-space:nowrap}.tn-action-btn--add:hover:not(:disabled),.tn-empty-action:hover:not(:disabled){background:var(--tn-section-dark);border-color:var(--tn-section-dark);box-shadow:0 4px 10px #8a6d1238;transform:translateY(-1px)}.tn-action-btn:disabled,.tn-empty-action:disabled{cursor:not-allowed;opacity:.45;transform:none}.tn-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:200px;padding:32px 16px;border-radius:10px;background:var(--tn-section-tint);color:var(--tn-section);text-align:center}.tn-empty-copy{margin:0;font-size:.8125rem;font-weight:600}.tn-sections,.tn-list{display:flex;flex-direction:column}.tn-sections{gap:12px}.tn-list{gap:10px}.tn-section{display:flex;flex-direction:column;gap:10px}.tn-section[data-state=archived]{margin-top:4px;padding-top:10px;border-top:1px dashed var(--tn-border-subtle)}.tn-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.tn-section-title{margin:0;color:var(--tn-section);font-size:.6875rem;font-weight:800;letter-spacing:.1em;line-height:1;text-transform:uppercase}.tn-section[data-state=archived] .tn-section-head{justify-content:flex-start;gap:6px}.tn-section[data-state=archived] .tn-section-title,.tn-section[data-state=archived] .tn-section-count{color:var(--tn-archived-ink)}.tn-section[data-state=archived] .tn-section-count{background:var(--color-neutral-100)}.tn-section-empty{margin:0;padding:10px 12px;border:1px dashed var(--tn-border-subtle);border-radius:8px;color:var(--tn-archived-ink);font-size:.8125rem;font-weight:600}.tn-item{position:relative;display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:10px;background:var(--tn-section-tint);color:var(--tn-section-dark);transition:background-color .15s ease,opacity .15s ease}.tn-item:hover,.tn-item:focus-within{background:var(--tn-section-tint-hover)}.tn-item.is-archived{background:var(--tn-archived-bg);color:var(--tn-archived-ink);opacity:.75}.tn-item.is-archived:hover,.tn-item.is-archived:focus-within{background:var(--color-amber-lighten-4)}.tn-item-header{display:flex;flex-direction:column;gap:4px;min-width:0;padding-right:60px}.tn-item-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.tn-title{color:var(--tn-section-dark);font-size:.875rem;font-weight:800;line-height:1.3}.tn-author,.tn-timestamp,.tn-archived-badge{font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.625rem;font-weight:800;letter-spacing:.06em;line-height:1.3;text-transform:uppercase}.tn-author,.tn-timestamp{color:var(--tn-section)}.tn-timestamp{white-space:normal}.tn-body{margin:0;color:currentColor;font-size:.875rem;font-weight:600;line-height:1.5;white-space:pre-wrap}.tn-item-actions{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .14s ease}.tn-item:hover .tn-item-actions,.tn-item:focus-within .tn-item-actions{opacity:1}.tn-item .tn-action-btn{width:22px;height:22px;padding:0;border-radius:5px;background:#ffffff8f;color:var(--tn-section)}.tn-item .tn-action-btn:hover:not(:disabled){background:#fff;color:var(--tn-section-dark)}.tn-archived-badge{display:inline-flex;align-items:center;align-self:flex-start;justify-content:center;margin-top:2px;padding-top:8px;border-top:1px dashed var(--tn-meta-border);color:var(--tn-archived-ink)}.di-root{display:flex;flex-direction:column;gap:4px;width:100%;min-width:0}.di-label{color:var(--color-text-muted, currentColor);font-size:.6875rem;font-weight:600;line-height:1;text-transform:uppercase}.di-field{position:relative;width:100%;min-width:0}.di-input{box-sizing:border-box;display:block;width:100%;min-height:44px;padding:8px 40px 8px 12px;border:1px solid var(--color-border, currentColor);border-radius:8px;background:var(--color-bg-surface, transparent);color:var(--color-text-primary, currentColor);font:inherit;font-size:.875rem;font-weight:500;line-height:1.2;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease,color .15s ease,opacity .15s ease;appearance:none;-webkit-appearance:none}.di-input::-webkit-calendar-picker-indicator{position:absolute;right:0;width:40px;height:100%;cursor:pointer;opacity:0}.di-input:hover:not(:disabled):not([readonly]){border-color:var(--color-border-focus, currentColor)}.di-input:focus-visible{box-shadow:0 0 0 2px var(--color-border-focus, currentColor)}.di-input::placeholder{color:var(--color-text-muted, currentColor);opacity:.6}.di-root--hero .di-input{min-height:52px;padding-top:7px;padding-bottom:11px;font-size:1.1875rem;font-weight:700}.di-icon{position:absolute;top:50%;right:12px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted, currentColor);pointer-events:none;transform:translateY(-50%)}.di-root.has-value .di-icon{color:var(--color-text-primary, currentColor)}.di-root.is-empty .di-icon{opacity:.85}.di-root--disabled{opacity:.6}.di-root--disabled .di-input{cursor:not-allowed}.di-root--readonly .di-input{background:var(--color-bg-muted, var(--color-bg-surface, transparent));cursor:default}.di-root--readonly .di-icon{opacity:.85}.toggle-pill{--toggle-pill-bg: var(--showcase-toggle-pill-bg, rgb(238, 240, 244));--toggle-pill-color: var(--showcase-toggle-pill-color, rgb(107, 114, 128));--toggle-pill-check-bg: var(--showcase-toggle-pill-check-bg, rgb(255, 255, 255));--toggle-pill-check-border: var(--showcase-toggle-pill-check-border, rgb(207, 213, 223));--toggle-pill-check-color: var(--showcase-toggle-pill-check-color, rgb(148, 163, 184));--toggle-pill-on-bg: var(--showcase-toggle-pill-on-bg, #2389a0);--toggle-pill-on-color: var(--showcase-toggle-pill-on-color, #fff);--toggle-pill-on-check-color: var(--showcase-toggle-pill-on-check-color, #2389a0);display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border:1px solid transparent;border-radius:999px;background:var(--toggle-pill-bg);color:var(--toggle-pill-color);cursor:pointer;font:inherit;text-align:center;transition:background .22s cubic-bezier(.2,.8,.2,1),color .22s cubic-bezier(.2,.8,.2,1),border-color .22s cubic-bezier(.2,.8,.2,1)}.toggle-pill:focus-visible{outline:2px solid currentColor;outline-offset:2px}.toggle-pill-check{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--toggle-pill-check-bg);border:1px solid var(--toggle-pill-check-border);color:var(--toggle-pill-check-color);flex-shrink:0;transition:background .22s cubic-bezier(.2,.8,.2,1),border-color .22s cubic-bezier(.2,.8,.2,1),color .22s cubic-bezier(.2,.8,.2,1)}.toggle-pill-label{flex:1 1 auto;font-size:13px;font-weight:600;line-height:19.5px;letter-spacing:.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toggle-pill.is-on{background:var(--toggle-pill-on-bg);color:var(--toggle-pill-on-color)}.toggle-pill.is-on .toggle-pill-check{background:var(--toggle-pill-check-bg);border-color:var(--toggle-pill-check-bg);color:var(--toggle-pill-on-check-color)}.toggle-pill.is-disabled,.toggle-pill[disabled]{cursor:not-allowed;opacity:.55}.toggle-pill.is-disabled:focus-visible,.toggle-pill[disabled]:focus-visible{outline:none}