@layer tokens {
@font-face{font-family:Inconsolata;src:url(../media/Inconsolata-Regular.3qelpe1ifknnw.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inconsolata;src:url(../media/Inconsolata-Bold.18ohnfc4uauxd.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}
}

@layer tokens {
:root{--color-brand-red:#b91c1c;--color-ink-on-fill:#fff;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e0e0e0;--color-gray-300:#d4d4d4;--color-gray-400:#a3a3a3;--color-gray-500:#737373;--color-gray-600:#525252;--color-gray-700:#404040;--color-gray-800:#262626;--color-gray-900:#171717;--portal-neutral-0:#000;--color-off-white:#e0e0e0;--color-bg-primary:var(--color-off-white);--color-bg-secondary:var(--color-bg-primary);--color-bg-tertiary:var(--color-bg-primary);--color-bg-raised:var(--color-bg-primary);--color-bg-elevated:var(--color-bg-primary);--color-bg-prominent:var(--color-bg-primary);--color-bg-hover:var(--color-gray-100);--color-bg-active:#c6c6c6;--color-text-primary:#333;--color-text-secondary:var(--color-gray-600);--color-text-tertiary:var(--color-text-secondary);--color-text-muted:var(--color-text-tertiary);--color-text-inverse:var(--color-bg-primary);--color-label-ink:var(--color-gray-900);--color-border-primary:var(--color-text-primary);--color-border-secondary:var(--color-text-primary);--color-border-focus:var(--color-brand-red);--focus-ring-color:var(--color-brand-red);--color-state-hover:#0000000d;--overlay-backdrop:#19191940;--color-shadow-sm:#0000000d;--color-shadow-md:#0000001a;--color-shadow-xl:#00000040;--color-shadow-2xl:#0000004d;--color-shadow-3xl:#00000080;--color-success:#065f46;--color-warning:#92400e;--color-error:#be123c;--color-error-light:#ffe4e6;--color-info:#1e40af;--status-active:#1e40af;--status-pending:#92400e;--status-completed:#065f46;--status-qualified:#6d28d9;--status-inactive:#4b5563;--status-new:#155e75;--status-on-hold:#9a3412;--status-cancelled:var(--color-error);--status-completed-bg:#065f4626;--status-cancelled-bg:#be123c26;--color-terminal-bg:#000;--color-terminal-bg-light:#0d0d0d;--color-terminal-bg-panel:#0a0a0a;--color-terminal-bg-hover:#1a1a1a;--color-terminal-bg-dark:#222;--color-terminal-border:#2a2a2a;--color-terminal-green:#7ff709;--color-terminal-green-dark:#5cb800;--color-terminal-blue:#268bd2;--color-terminal-cyan:#88def2;--color-terminal-red:#f44;--color-terminal-pink:#ec4891;--color-terminal-text:#e0e8f0;--color-terminal-text-muted:gray;--color-terminal-text-dim:#606060;--color-terminal-text-dimmer:#404040;--color-terminal-scrollbar:#2a2a2a;--color-terminal-scrollbar-hover:#3a3a3a;--color-mac-close:#ff5f56;--color-mac-minimize:#ffbd2e;--color-mac-maximize:#27ca40;--color-skeleton-base:#2a2a2a;--color-skeleton-highlight:#3a3a3a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-brand-red:#f87171;--color-ink-on-fill:#171717;--color-bg-primary:var(--color-gray-900);--color-bg-hover:#252525;--color-bg-active:#3a3a3a;--color-text-primary:#fff;--color-text-secondary:var(--color-gray-300);--color-state-hover:#ffffff1a;--overlay-backdrop:#0009;--color-shadow-sm:#0000004d;--color-shadow-md:#00000080;--color-shadow-xl:#000000e6;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#fda4af;--color-info:#60a5fa;--status-active:#60a5fa;--status-pending:#fbbf24;--status-completed:#34d399;--status-qualified:#a78bfa;--status-inactive:#9ca3af;--status-new:#22d3ee;--status-on-hold:#fb923c;--status-completed-bg:#34d39926;--status-cancelled-bg:#fda4af26}}:root[data-theme=dark]{--color-brand-red:#f87171;--color-ink-on-fill:#171717;--color-bg-primary:var(--color-gray-900);--color-bg-hover:#252525;--color-bg-active:#3a3a3a;--color-text-primary:#fff;--color-text-secondary:var(--color-gray-300);--color-state-hover:#ffffff1a;--overlay-backdrop:#0009;--color-shadow-sm:#0000004d;--color-shadow-md:#00000080;--color-shadow-xl:#000000e6;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#fda4af;--color-info:#60a5fa;--status-active:#60a5fa;--status-pending:#fbbf24;--status-completed:#34d399;--status-qualified:#a78bfa;--status-inactive:#9ca3af;--status-new:#22d3ee;--status-on-hold:#fb923c;--status-completed-bg:#34d39926;--status-cancelled-bg:#fda4af26}
}

@layer tokens {
:root{--font-family-mono:"Inconsolata", ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace;--font-family-body:var(--font-family-mono);--font-family-display:var(--font-family-mono);--heading-font-family:var(--font-family-mono);--terminal-font-family:var(--font-family-mono);--font-size-2xs:clamp(.625rem, .6rem + .125vw, .6875rem);--font-size-xs:clamp(.75rem, .7rem + .25vw, .875rem);--font-size-sm:clamp(.875rem, .825rem + .25vw, 1rem);--font-size-md:clamp(1rem, .95rem + .25vw, 1.125rem);--font-size-lg:clamp(1.125rem, 1.05rem + .375vw, 1.25rem);--font-size-xl:clamp(1.25rem, 1.125rem + .625vw, 1.5rem);--font-size-2xl:clamp(1.5rem, 1.25rem + 1.25vw, 2rem);--font-size-3xl:clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem);--font-size-4xl:clamp(2.25rem, 1.75rem + 2.5vw, 3rem);--font-size-5xl:clamp(3rem, 2rem + 5vw, 4rem);--font-size-base:var(--font-size-md);--font-weight-regular:400;--font-weight-medium:400;--font-weight-semibold:700;--font-weight-bold:700;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--letter-spacing-normal:0;--letter-spacing-wide:.025em;--letter-spacing-wider:.05em;--letter-spacing-widest:.1em;--letter-spacing-label:var(--letter-spacing-wider);--letter-spacing-button:.03em;--label-font-size:var(--font-size-sm);--label-font-weight:var(--font-weight-bold);--label-letter-spacing:var(--letter-spacing-label);--label-text-transform:uppercase;--field-label-value-gap:var(--space-0-25);--heading-page-font-size:var(--font-size-xl);--heading-page-font-weight:var(--font-weight-bold);--heading-card-font-size:var(--font-size-lg);--heading-card-font-weight:var(--font-weight-bold);--heading-section-font-size:var(--font-size-base);--heading-section-font-weight:var(--font-weight-bold);--heading-letter-spacing:var(--letter-spacing-label);--heading-text-transform:uppercase;--tab-font-family:var(--font-family-mono);--tab-font-size:var(--font-size-lg);--tab-font-weight:var(--font-weight-medium);--tab-letter-spacing:var(--letter-spacing-label);--tab-text-transform:uppercase;--portal-btn-font-family:var(--font-family-mono);--portal-btn-font-size:var(--font-size-sm);--portal-btn-font-weight:var(--font-weight-medium);--portal-btn-letter-spacing:var(--letter-spacing-button);--portal-btn-text-transform:uppercase;--terminal-font-size:var(--font-size-lg);--terminal-line-height:var(--line-height-tight);--terminal-line-height-prose:1.45}
}

@layer tokens {
:root{--space-base:.5rem;--space-0:0;--space-px:1px;--space-0-25:2px;--space-0-5:4px;--space-1:8px;--space-1-5:12px;--space-2:16px;--space-2-5:20px;--space-3:24px;--space-3-5:28px;--space-4:32px;--space-4-5:36px;--space-5:40px;--space-6:48px;--space-7:56px;--space-8:64px;--space-10:80px;--space-12:96px;--space-20:160px;--icon-gap-xs:8px;--icon-gap-sm:10px;--icon-gap-md:12px;--icon-gap-xl:20px;--content-gutter:16px;--portal-section-gap:24px;--portal-stack-gap:40px;--portal-table-stack-gap:64px}
}

@layer tokens {
:root{--border-radius-xs:0;--border-radius-sm:0;--border-radius-md:0;--border-radius-lg:0;--border-radius-full:9999px;--border-width-thin:1px;--border-width:2px;--border-width-thick:3px;--border-width-heavy:4px;--focus-ring-width:2px;--focus-ring-offset-sm:2px}
}

@layer tokens {
:root{--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000000d;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-elevated-sm:0 4px 12px #00000026;--shadow-inset-light:inset 2px 2px 6px #0000004d, inset -1px -1px 3px #00000026;--shadow-terminal:4px 4px 10px #0000004d, 0 8px 32px #0006}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #0000004d;--shadow-2xl:0 25px 50px -12px #000000e6}}:root[data-theme=dark]{--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #0000004d;--shadow-2xl:0 25px 50px -12px #000000e6}
}

@layer tokens {
:root{--opacity-faint:.3;--opacity-inactive:.4;--opacity-disabled:.5;--opacity-muted:.6;--opacity-subtle:.7;--opacity-secondary:.8;--opacity-high:.9}
}

@layer tokens {
:root{--z-index-behind:-1;--z-index-base:0;--z-index-content:1;--z-index-elevated:10;--z-index-modal:500;--z-index-loading:999;--z-index-portal-overlay:9500;--z-index-portal-modal:9600;--z-index-portal-dropdown:9700;--z-index-portal-toast:9800;--z-index-skip-link:9999}
}

@layer tokens {
:root{--duration-faster:.15s;--duration-fast:.2s;--duration-medium:.3s;--duration-slow:.4s;--easing-default:cubic-bezier(.4, 0, .2, 1);--easing-decelerated:cubic-bezier(0, 0, .2, 1);--easing-linear:linear;--transition-faster:var(--duration-faster) var(--easing-default);--transition-fast:var(--duration-fast) var(--easing-default);--transition-medium:var(--duration-medium) var(--easing-default);--blur-backdrop:4px;--blur-modal:8px}
}

@layer tokens {
:root{--input-height:var(--space-7);--input-padding-x:var(--space-2);--textarea-min-height:calc(var(--space-6) * 2);--portal-btn-min-height:var(--space-5);--portal-btn-padding-y:var(--space-1);--portal-btn-padding-x:var(--space-2);--portal-btn-primary-min-height:var(--space-7);--portal-btn-primary-padding-x:var(--space-4);--portal-btn-border-width:var(--border-width);--icon-btn-size:calc(var(--space-4) + var(--space-0-5));--icon-size-sm:16px;--icon-size-md:20px;--icon-size-lg:24px;--icon-size-xl:32px;--icon-gap:var(--icon-gap-xs);--touch-target-min:44px;--table-header-height:var(--space-4);--table-row-height:var(--space-5);--table-cell-padding-x:clamp(var(--space-1), 2vw, var(--space-2));--page-max-width:1160px;--page-gutter:var(--space-2);--page-top:var(--space-3);--page-bottom:var(--space-6);--dialog-max-width:640px;--progress-bar-height:var(--space-2);--strip-tile-min-width:132px;--strip-tile-min-height:136px}
}

@layer tokens {
:root{--html-ground:var(--color-bg-primary);--category-color-1:var(--status-active);--category-color-2:var(--status-completed);--category-color-3:var(--status-qualified);--category-color-4:var(--status-on-hold);--category-color-5:var(--status-pending);--category-color-6:var(--status-new);--category-color-7:var(--status-inactive);--category-color-8:var(--color-brand-red);--due-color-past:var(--status-cancelled);--due-color-today:var(--color-brand-red);--due-color-soon:var(--status-pending);--due-color-later:var(--color-text-secondary);--now-border-width:var(--border-width-heavy);--dialog-border-width:var(--border-width-heavy)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--html-ground:var(--portal-neutral-0)}}:root[data-theme=dark]{--html-ground:var(--portal-neutral-0)}
}

@layer tokens {
@media (prefers-contrast:more){:root{--color-text-primary:#000;--color-text-secondary:#000;--color-label-ink:#000;--color-bg-primary:#fff;--color-bg-hover:#e0e0e0}:root:not([data-theme=light]){--color-text-primary:#fff;--color-text-secondary:#fff;--color-label-ink:#fff;--color-bg-primary:#000;--color-bg-hover:#262626}}@media (prefers-contrast:more) and (prefers-color-scheme:light){:root:not([data-theme=dark]){--color-text-primary:#000;--color-text-secondary:#000;--color-label-ink:#000;--color-bg-primary:#fff;--color-bg-hover:#e0e0e0}}
}

@layer tokens {

}

@layer reset {
*,:before,:after{box-sizing:border-box}html{background:var(--html-ground);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;scroll-padding-top:env(safe-area-inset-top,0)}@media (prefers-color-scheme:dark){html:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--color-bg-primary);min-height:100%;color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);margin:0}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0}img,svg,video{max-width:100%;display:block}svg{fill:currentColor}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}a{color:var(--color-brand-red);text-decoration-thickness:var(--border-width-thin);text-underline-offset:.15em}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset-sm)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:calc(-1 * var(--space-8));left:var(--space-2);z-index:var(--z-index-skip-link);padding:var(--space-1) var(--space-2);background:var(--color-text-primary);color:var(--color-bg-primary);text-transform:var(--label-text-transform);letter-spacing:var(--label-letter-spacing);font-weight:var(--label-font-weight);text-decoration:none;position:absolute}.skip-link:focus{top:var(--space-2)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{*{color:var(--portal-neutral-0)!important;box-shadow:none!important;background:0 0!important}}
}

@layer base {
h1,.heading-page{font-family:var(--heading-font-family);font-size:var(--heading-page-font-size);font-weight:var(--heading-page-font-weight);line-height:var(--line-height-tight);letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-text-transform)}h2,.heading-card{font-family:var(--heading-font-family);font-size:var(--heading-card-font-size);font-weight:var(--heading-card-font-weight);line-height:var(--line-height-tight);letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-text-transform)}h3,.heading-section{font-family:var(--heading-font-family);font-size:var(--heading-section-font-size);font-weight:var(--heading-section-font-weight);line-height:var(--line-height-tight);letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-text-transform)}.field-label,.label,.stat-label{font-size:var(--label-font-size);font-weight:var(--label-font-weight);line-height:var(--line-height-tight);letter-spacing:var(--label-letter-spacing);text-transform:var(--label-text-transform);color:var(--color-label-ink);display:block}.field-label,.label{margin-bottom:var(--field-label-value-gap)}.text-secondary,.muted{color:var(--color-text-secondary)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.icon{vertical-align:-.125em;flex-shrink:0;width:1em;height:1em;display:inline-block}.icon--sm{width:var(--icon-size-sm);height:var(--icon-size-sm)}.icon--md{width:var(--icon-size-md);height:var(--icon-size-md)}.icon--lg{width:var(--icon-size-lg);height:var(--icon-size-lg)}.icon--xl{width:var(--icon-size-xl);height:var(--icon-size-xl)}.icon+*{margin-left:var(--icon-gap)}.page{max-width:var(--page-max-width);padding:var(--page-top) var(--page-gutter) var(--page-bottom);margin:0 auto}.section+.section{margin-top:var(--portal-stack-gap)}
}

@layer components {
.btn{justify-content:center;align-items:center;gap:var(--icon-gap);min-height:var(--portal-btn-min-height);padding:var(--portal-btn-padding-y) var(--portal-btn-padding-x);border:var(--portal-btn-border-width) solid var(--color-text-primary);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-family:var(--portal-btn-font-family);font-size:var(--portal-btn-font-size);font-weight:var(--portal-btn-font-weight);letter-spacing:var(--portal-btn-letter-spacing);text-transform:var(--portal-btn-text-transform);white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-text-primary);color:var(--color-bg-primary)}.btn:disabled,.btn.is-busy{opacity:var(--opacity-disabled);cursor:not-allowed}.btn-primary{min-height:var(--portal-btn-primary-min-height);padding-left:var(--portal-btn-primary-padding-x);padding-right:var(--portal-btn-primary-padding-x)}.btn-done{color:var(--color-success);border-color:var(--color-success)}.btn-done:hover{background:var(--color-success);color:var(--color-ink-on-fill)}.btn-danger{color:var(--color-error);border-color:var(--color-error)}.btn-danger:hover{background:var(--color-error);color:var(--color-ink-on-fill)}.btn-quiet{border-color:#0000}.btn-quiet:hover{color:var(--color-brand-red);background:0 0}.btn-link{min-height:0;color:var(--color-brand-red);text-transform:none;letter-spacing:var(--letter-spacing-normal);background:0 0;border:none;padding:0}.btn-link:hover{color:var(--color-brand-red);background:0 0;text-decoration:underline}.btn--sm{min-height:var(--space-4);padding:var(--space-0-5) var(--space-1-5);font-size:var(--font-size-xs)}.icon-btn{width:var(--icon-btn-size);height:var(--icon-btn-size);border:var(--portal-btn-border-width) solid transparent;border-radius:var(--border-radius-md);color:var(--color-text-primary);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{background:var(--color-bg-hover);color:var(--color-brand-red)}.icon-btn>.icon{width:var(--icon-size-md);height:var(--icon-size-md)}@media (pointer:coarse){.icon-btn,.btn--sm{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}}.btn-row{gap:var(--space-1);flex-wrap:wrap;align-items:center;display:flex}.form-field{gap:var(--field-label-value-gap);flex-direction:column;display:flex}.form-row{gap:var(--space-1-5);align-items:end;display:grid}.form-input,.form-select,.form-textarea{width:100%;height:var(--input-height);padding:0 var(--input-padding-x);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--border-radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-normal);text-transform:none;caret-color:var(--color-text-primary);transition:border-color var(--transition-fast)}.form-textarea{height:auto;min-height:var(--textarea-min-height);padding:var(--space-1-5) var(--input-padding-x);line-height:var(--line-height-snug);resize:vertical}.form-select{appearance:none;padding-right:var(--space-5);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - var(--space-2-5)) 50%, calc(100% - var(--space-2)) 50%;background-size:var(--space-0-5) var(--space-0-5);background-repeat:no-repeat}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:var(--label-letter-spacing);text-transform:var(--label-text-transform)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:0;border-color:var(--focus-ring-color)}.form-input[aria-invalid=true],.form-select[aria-invalid=true],.form-textarea[aria-invalid=true]{border-color:var(--color-error)}.form-helper-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.form-error-message{font-size:var(--font-size-sm);color:var(--color-error)}.form-required{color:var(--color-error)}.form-field--checkbox{align-items:center;gap:var(--space-1);flex-direction:row}.form-checkbox{width:var(--space-2-5);height:var(--space-2-5);accent-color:var(--color-brand-red);margin:0}.quick-add{border:var(--border-width) solid var(--color-border-primary);padding:var(--content-gutter)}.card{gap:var(--space-1);padding:var(--content-gutter);border:var(--border-width) solid var(--color-border-primary);border-radius:var(--border-radius-md);background:var(--color-bg-primary);flex-direction:column;display:flex}.card--now{border-width:var(--now-border-width)}.card--empty{color:var(--color-text-secondary);text-transform:var(--label-text-transform);letter-spacing:var(--label-letter-spacing);font-size:var(--font-size-sm);border-style:dashed;justify-content:center;align-items:center}.card.is-done{opacity:var(--opacity-disabled)}.card-top{justify-content:space-between;align-items:flex-start;gap:var(--space-1-5);display:flex}.card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:var(--line-height-snug)}.card-meta{gap:var(--space-0-5) var(--space-1-5);font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.card-step{font-size:var(--font-size-sm)}.card-actions{gap:var(--space-1);margin-top:var(--space-0-5);flex-wrap:wrap;display:flex}.card-grid{gap:var(--portal-section-gap);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.category-dot{width:var(--space-1);height:var(--space-1);border-radius:var(--border-radius-full);background:var(--category-color,currentcolor);vertical-align:middle;margin-right:var(--space-0-5);display:inline-block}.stat-card{justify-content:space-between;gap:var(--space-1);padding:var(--space-2);border:var(--border-width) solid var(--color-border-primary);background:0 0;flex-direction:column;display:flex}.stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-none);letter-spacing:-.02em;display:block}.stat-meta{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-snug)}.stat-card--alert .stat-value{color:var(--status-cancelled)}.stat-card.is-active{border-color:var(--color-brand-red)}.stat-grid{gap:var(--portal-section-gap);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.status-badge{align-items:center;gap:var(--space-0-5);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;white-space:nowrap;color:var(--color-text-secondary);display:inline-flex}.status-badge:is(.status-active,.status-in-progress,.status-doing){color:var(--status-active)}.status-badge:is(.status-new,.status-upcoming,.status-idea){color:var(--status-new)}.status-badge:is(.status-pending,.status-waiting,.status-soon){color:var(--status-pending)}.status-badge:is(.status-completed,.status-done,.status-paid){color:var(--status-completed)}.status-badge:is(.status-cancelled,.status-overdue,.status-past,.status-archived){color:var(--status-cancelled)}.status-badge:is(.status-qualified,.status-in-review){color:var(--status-qualified)}.status-badge:is(.status-inactive,.status-draft,.status-later){color:var(--status-inactive)}.status-badge:is(.status-on-hold,.status-blocked){color:var(--status-on-hold)}.status-badge.status-today{color:var(--due-color-today)}.data-table{border-collapse:collapse;border-spacing:0;width:100%;font-size:var(--font-size-sm)}.data-table thead tr{height:var(--table-header-height);border-bottom:var(--border-width) solid var(--color-border-primary)}.data-table th{padding:0 var(--table-cell-padding-x);text-align:left;vertical-align:middle;font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;white-space:nowrap;color:var(--color-text-secondary)}.data-table tbody tr{height:var(--table-row-height);border-bottom:var(--border-width-thin) solid var(--color-border-primary);transition:background var(--transition-faster)}.data-table tbody tr:hover td{background:var(--color-bg-hover)}.data-table td{padding:0 var(--table-cell-padding-x);vertical-align:middle}.data-table-wrap{overscroll-behavior-x:contain;overflow-x:auto}.tabs{gap:var(--space-2);overscroll-behavior-x:contain;scrollbar-width:none;max-width:100%;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{align-items:center;gap:var(--icon-gap);padding:var(--space-1) 0;border:none;border-bottom:var(--border-width) solid transparent;color:var(--color-text-primary);font-family:var(--tab-font-family);font-size:var(--tab-font-size);font-weight:var(--tab-font-weight);letter-spacing:var(--tab-letter-spacing);text-transform:var(--tab-text-transform);white-space:nowrap;transition:color var(--transition-fast);background:0 0;text-decoration:none;display:inline-flex}.tab.is-active,.tab[aria-selected=true]{color:var(--color-brand-red);border-bottom-color:var(--color-brand-red)}.tab:focus-visible{border-bottom-color:var(--color-brand-red);outline:none}.tab-panel{display:none}.tab-panel.is-active{animation:tab-fade var(--duration-medium) var(--easing-decelerated);display:block}@keyframes tab-fade{0%{opacity:0}to{opacity:1}}.dialog-backdrop{z-index:var(--z-index-portal-overlay);background:var(--overlay-backdrop);-webkit-backdrop-filter:blur(var(--blur-modal));backdrop-filter:blur(var(--blur-modal));padding:var(--space-2);place-items:center;display:grid;position:fixed;inset:0}.dialog{z-index:var(--z-index-portal-modal);width:100%;max-width:var(--dialog-max-width);max-height:calc(100dvh - var(--space-4));border:var(--dialog-border-width) solid var(--color-border-primary);border-radius:var(--border-radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);box-shadow:var(--shadow-2xl);padding:0;position:relative;overflow:auto}.dialog-header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--content-gutter);border-bottom:var(--border-width) solid var(--color-border-primary);display:flex}.dialog-body{gap:var(--space-1-5);padding:var(--content-gutter);flex-direction:column;display:flex}.dialog-footer{justify-content:flex-end;gap:var(--space-1);padding:var(--content-gutter);border-top:var(--border-width) solid var(--color-border-primary);flex-wrap:wrap;display:flex}.terminal-window{border:var(--border-width) solid var(--color-terminal-border);border-radius:var(--border-radius-md);background:var(--color-terminal-bg-panel);width:100%;color:var(--color-terminal-green);font-family:var(--terminal-font-family);font-size:var(--terminal-font-size);font-weight:var(--font-weight-medium);line-height:var(--terminal-line-height);box-shadow:var(--shadow-terminal);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex-direction:column;display:flex;overflow:hidden}.terminal-header{align-items:center;gap:var(--space-1);padding:var(--space-0-5) var(--space-1-5);border-bottom:var(--border-width) solid var(--color-terminal-border);background:var(--color-terminal-bg-light);display:flex}.terminal-buttons{gap:var(--space-1);display:flex}.terminal-btn{border-radius:var(--border-radius-full);cursor:default;border:none;width:12px;height:12px;padding:0}.terminal-btn--close{background:var(--color-mac-close)}.terminal-btn--minimize{background:var(--color-mac-minimize)}.terminal-btn--maximize{background:var(--color-mac-maximize)}.terminal-title{text-align:center;font-size:var(--font-size-sm);line-height:var(--line-height-tight);color:var(--color-terminal-text-muted);flex:1}.terminal-body{padding:var(--space-1-5);background:var(--color-terminal-bg);min-height:calc(var(--space-6) * 3)}.terminal-comment{color:var(--color-terminal-text-muted)}.terminal-text{color:var(--color-terminal-text);line-height:var(--terminal-line-height-prose)}.terminal-prompt{color:var(--color-terminal-green)}.terminal-cursor{vertical-align:text-bottom;background:var(--color-terminal-green);width:.6em;height:1.1em;animation:1s step-end infinite terminal-blink;display:inline-block}@keyframes terminal-blink{50%{opacity:0}}.terminal-input{width:100%;min-height:calc(var(--space-6) * 2);color:var(--color-terminal-text);font:inherit;line-height:var(--terminal-line-height-prose);caret-color:var(--color-terminal-green);resize:vertical;background:0 0;border:none;padding:0}.terminal-input::placeholder{color:var(--color-terminal-text-muted)}.terminal-input:focus{outline:var(--focus-ring-width) solid var(--color-terminal-green);outline-offset:var(--focus-ring-offset-sm)}.progress-bar{height:var(--progress-bar-height);border:var(--border-width) solid var(--color-border-primary);background:0 0}.progress-bar-fill{height:100%;width:var(--progress-value,0%);background:var(--color-brand-red);transition:width var(--transition-medium)}.empty-state{padding:var(--space-3) var(--content-gutter);border:var(--border-width-thin) dashed var(--color-border-primary);text-align:center;color:var(--color-text-secondary)}.toast{left:50%;bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0));z-index:var(--z-index-portal-toast);align-items:center;gap:var(--space-2);max-width:calc(100vw - var(--space-4));padding:var(--space-1-5) var(--space-2);border:var(--border-width) solid var(--color-border-primary);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);display:flex;position:fixed;transform:translate(-50%)}.toast--error{border-color:var(--color-error);color:var(--color-error)}
}

@layer reset,tokens,base,components,layouts,pages,states,responsive,utilities;