:root{--brand-deep-green: #031C1C;--brand-lime: #BCF910;--brand-secondary-green: #416858;--brand-warm-neutral: #DEDBCC;--color-white: #FFFFFF;--color-surface-page-light: #F5F4EC;--color-surface-shell-light: #F0EFE6;--color-surface-elevated-light: #FAFAF6;--color-surface-muted-light: #F8F8F3;--color-surface-inset-light: #EEEFE8;--color-text-primary-light: #0B2421;--color-text-secondary-light: #4F5F58;--color-text-muted-light: #5C6862;--color-text-placeholder-light: #6B7570;--color-text-disabled-light: #8A918C;--color-text-inverse: #F4F4EC;--color-text-link-light: #1A4D40;--color-text-link-hover-light: #0B2421;--brand-lime-hover: #A8E00E;--brand-lime-active: #95C90C;--color-dark-base: #031C1C;--color-dark-elevated-l1: #0A2828;--color-dark-elevated-l2: #123333;--color-dark-elevated-l3: #1A3F3F;--color-text-primary-dark: #F4F4EC;--color-text-secondary-dark: #C5C3B7;--color-text-muted-dark: #A8A89C;--color-text-placeholder-dark: #8E8E82;--color-text-disabled-dark: #6F7468;--color-text-link-dark: #42A5F5;--color-text-link-hover-dark: #64B5F6;--color-border-light: #D5D9CF;--color-border-subtle-light: #E3E5DD;--color-border-emphasis-light: #B4B8AE;--color-border-control-light: #6F7872;--color-border-dark: #2A4444;--color-border-subtle-dark: #1F3737;--color-border-emphasis-dark: #3A5555;--color-border-control-dark: #668C8C;--status-success-light: #10A049;--status-success-light-text: #0D7A38;--status-success-dark: #12C45A;--status-success-dark-text: #10A049;--status-warning-light: #C77D0F;--status-warning-light-text: #9A6109;--status-warning-dark: #E89825;--status-warning-dark-text: #C77D0F;--status-error-light: #D32F2F;--status-error-light-text: #B71C1C;--status-error-dark: #F44336;--status-error-dark-text: #D32F2F;--status-info-light: #1976D2;--status-info-light-text: #0D47A1;--status-info-dark: #42A5F5;--status-info-dark-text: #1976D2;--status-draft-light: #6F7975;--status-draft-light-text: #52615C;--status-draft-dark: #9A9A8E;--status-draft-dark-text: #A8A89C;--duration-instant: 0ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--easing-default: cubic-bezier(.4, 0, .2, 1);--easing-in: cubic-bezier(.4, 0, 1, 1);--easing-out: cubic-bezier(0, 0, .2, 1);--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--font-family-base: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-snug: 1.3;--line-height-normal: 1.5;--line-height-relaxed: 1.6}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[data-theme=light],:root:not([data-theme=dark]){color-scheme:light;--color-surface-page: var(--color-surface-page-light);--color-surface-card: var(--color-white);--color-surface-elevated: var(--color-white);--color-surface-muted: var(--color-surface-muted-light);--color-surface-inset: var(--color-surface-inset-light);--color-surface-sidebar: var(--color-surface-shell-light);--color-surface-topbar: var(--color-surface-shell-light);--color-surface-hover: color-mix(in srgb, var(--brand-secondary-green) 8%, var(--color-surface-muted-light));--color-surface-selected: color-mix(in srgb, var(--brand-lime) 14%, var(--color-white));--color-surface-input: var(--color-white);--color-surface-base: var(--color-surface-page);--color-bg-page: var(--color-surface-page);--color-bg-shell: var(--color-surface-shell-light);--color-bg-sidebar: var(--color-surface-sidebar);--color-bg-topbar: var(--color-surface-topbar);--color-surface: var(--color-surface-card);--color-surface-raised: var(--color-surface-elevated);--color-surface-subtle: var(--color-surface-muted);--color-text-primary: var(--color-text-primary-light);--color-text-secondary: var(--color-text-secondary-light);--color-text-muted: var(--color-text-muted-light);--color-text-placeholder: var(--color-text-placeholder-light);--color-text-disabled: var(--color-text-disabled-light);--color-text-link: var(--color-text-link-light);--color-text-link-hover: var(--color-text-link-hover-light);--color-text-base: var(--color-text-primary);--color-text-on-accent: var(--color-text-primary-light);--color-border-default: var(--color-border-light);--color-border-subtle: var(--color-border-subtle-light);--color-border-emphasis: var(--color-border-emphasis-light);--color-border-control: var(--color-border-control-light);--color-border-focus: var(--brand-secondary-green);--color-border-base: var(--color-border-default);--color-border: var(--color-border-default);--color-border-strong: var(--color-border-emphasis);--color-brand-primary: var(--brand-deep-green);--color-brand-accent: var(--brand-lime);--color-brand-secondary: var(--brand-secondary-green);--color-brand-neutral: var(--brand-warm-neutral);--color-accent: var(--brand-lime);--color-accent-hover: var(--brand-lime-hover);--color-accent-soft: color-mix(in srgb, var(--brand-lime) 12%, var(--color-white));--color-focus: var(--color-border-focus);--shadow-sm: 0 1px 2px color-mix(in srgb, var(--color-text-primary-light) 6%, transparent);--shadow-md: 0 2px 8px color-mix(in srgb, var(--color-text-primary-light) 8%, transparent);--shadow-lg: 0 8px 24px color-mix(in srgb, var(--color-text-primary-light) 10%, transparent);--shadow-accent-cta: 0 1px 0 color-mix(in srgb, var(--brand-deep-green) 12%, transparent);--color-overlay: color-mix(in srgb, var(--color-text-primary-light) 36%, transparent);--color-action-primary-bg: var(--brand-deep-green);--color-action-primary-text: var(--brand-lime);--color-action-primary-border: var(--brand-deep-green);--color-action-primary-hover-bg: var(--color-dark-elevated-l1);--color-action-primary-active-bg: var(--color-dark-elevated-l2);--color-action-accent-bg: var(--brand-lime);--color-action-accent-text: var(--color-text-on-accent);--color-action-accent-border: color-mix(in srgb, var(--brand-deep-green) 18%, var(--brand-lime));--color-action-accent-hover-bg: var(--brand-lime-hover);--color-action-accent-active-bg: var(--brand-lime-active);--color-action-secondary-bg: var(--color-white);--color-action-secondary-text: var(--color-text-primary-light);--color-action-secondary-border: var(--brand-deep-green);--color-action-secondary-hover-bg: var(--color-surface-muted-light);--color-action-secondary-active-bg: var(--color-surface-inset-light);--color-action-destructive-bg: var(--status-error-light);--color-action-destructive-text: var(--color-white);--color-action-destructive-border: var(--status-error-light);--color-action-destructive-hover-bg: var(--status-error-light-text);--color-action-destructive-active-bg: #9A0007;--color-status-success-bg: #E7F4EA;--color-status-success-text: var(--status-success-light-text);--color-status-success-border: var(--status-success-light);--color-success: var(--color-status-success-text);--color-status-warning-bg: #FBF0DF;--color-status-warning-text: var(--status-warning-light-text);--color-status-warning-border: var(--status-warning-light);--color-warning: var(--color-status-warning-text);--color-status-error-bg: #FCEAEA;--color-status-error-text: var(--status-error-light-text);--color-status-error-border: var(--status-error-light);--color-danger: var(--color-status-error-text);--color-status-info-bg: #E7F1FA;--color-status-info-text: var(--status-info-light-text);--color-status-info-border: var(--status-info-light);--color-info: var(--color-status-info-text);--color-status-draft-bg: var(--color-surface-inset-light);--color-status-draft-text: var(--status-draft-light-text);--color-status-draft-border: var(--status-draft-light);--color-skeleton: var(--color-surface-inset-light);--color-skeleton-shine: var(--color-surface-muted-light)}[data-theme=dark]{color-scheme:dark;--color-surface-page: var(--color-dark-base);--color-surface-card: var(--color-dark-elevated-l2);--color-surface-elevated: var(--color-dark-elevated-l2);--color-surface-muted: var(--color-dark-elevated-l1);--color-surface-inset: #051F1F;--color-surface-sidebar: var(--color-dark-elevated-l1);--color-surface-topbar: var(--color-dark-elevated-l1);--color-surface-hover: var(--color-dark-elevated-l3);--color-surface-selected: color-mix(in srgb, var(--brand-secondary-green) 22%, var(--color-dark-elevated-l1));--color-surface-input: var(--color-dark-elevated-l1);--color-surface-base: var(--color-surface-page);--color-bg-page: var(--color-surface-page);--color-bg-shell: var(--color-surface-sidebar);--color-bg-sidebar: var(--color-surface-sidebar);--color-bg-topbar: var(--color-surface-topbar);--color-surface: var(--color-surface-card);--color-surface-raised: var(--color-surface-elevated);--color-surface-subtle: var(--color-surface-muted);--color-text-primary: var(--color-text-primary-dark);--color-text-secondary: var(--color-text-secondary-dark);--color-text-muted: var(--color-text-muted-dark);--color-text-placeholder: var(--color-text-placeholder-dark);--color-text-disabled: var(--color-text-disabled-dark);--color-text-link: var(--color-text-link-dark);--color-text-link-hover: var(--color-text-link-hover-dark);--color-text-base: var(--color-text-primary);--color-text-on-accent: var(--brand-deep-green);--color-border-default: var(--color-border-dark);--color-border-subtle: var(--color-border-subtle-dark);--color-border-emphasis: var(--color-border-emphasis-dark);--color-border-control: var(--color-border-control-dark);--color-border-focus: var(--brand-lime);--color-border-base: var(--color-border-default);--color-border: var(--color-border-default);--color-border-strong: var(--color-border-emphasis);--color-brand-primary: var(--brand-deep-green);--color-brand-accent: var(--brand-lime);--color-brand-secondary: var(--brand-secondary-green);--color-brand-neutral: var(--brand-warm-neutral);--color-accent: var(--brand-lime);--color-accent-hover: var(--brand-lime-hover);--color-accent-soft: color-mix(in srgb, var(--brand-lime) 16%, transparent);--color-focus: var(--color-border-focus);--shadow-sm: 0 1px 2px rgb(0 0 0 / .35);--shadow-md: 0 4px 16px rgb(0 0 0 / .4);--shadow-lg: 0 12px 32px rgb(0 0 0 / .45);--shadow-accent-cta: 0 0 0 1px color-mix(in srgb, var(--brand-lime) 40%, transparent), 0 0 18px color-mix(in srgb, var(--brand-lime) 16%, transparent);--color-overlay: color-mix(in srgb, #031C1C 55%, transparent);--color-action-primary-bg: var(--color-dark-elevated-l1);--color-action-primary-text: var(--brand-lime);--color-action-primary-border: var(--color-dark-elevated-l1);--color-action-primary-hover-bg: var(--color-dark-elevated-l2);--color-action-primary-active-bg: var(--color-dark-elevated-l3);--color-action-accent-bg: var(--brand-lime);--color-action-accent-text: var(--color-text-on-accent);--color-action-accent-border: var(--brand-lime);--color-action-accent-hover-bg: var(--brand-lime-hover);--color-action-accent-active-bg: var(--brand-lime-active);--color-action-secondary-bg: transparent;--color-action-secondary-text: var(--color-text-primary-dark);--color-action-secondary-border: var(--color-text-secondary-dark);--color-action-secondary-hover-bg: var(--color-dark-elevated-l2);--color-action-secondary-active-bg: var(--color-dark-elevated-l3);--color-action-destructive-bg: var(--status-error-dark);--color-action-destructive-text: var(--color-white);--color-action-destructive-border: var(--status-error-dark);--color-action-destructive-hover-bg: var(--status-error-dark-text);--color-action-destructive-active-bg: #B71C1C;--color-status-success-bg: #0D4D24;--color-status-success-text: var(--status-success-dark);--color-status-success-border: var(--status-success-dark-text);--color-success: var(--color-status-success-text);--color-status-warning-bg: #5A3E0A;--color-status-warning-text: var(--status-warning-dark);--color-status-warning-border: var(--status-warning-dark-text);--color-warning: var(--color-status-warning-text);--color-status-error-bg: #5D1A1A;--color-status-error-text: var(--status-error-dark);--color-status-error-border: var(--status-error-dark-text);--color-danger: var(--color-status-error-text);--color-status-info-bg: #0D3A5D;--color-status-info-text: var(--status-info-dark);--color-status-info-border: var(--status-info-dark-text);--color-info: var(--color-status-info-text);--color-status-draft-bg: var(--color-dark-elevated-l3);--color-status-draft-text: var(--color-text-muted-dark);--color-status-draft-border: var(--status-draft-dark);--color-skeleton: var(--color-dark-elevated-l3);--color-skeleton-shine: var(--color-dark-elevated-l2)}:root{--button-height-sm: 32px;--button-height-md: 40px;--button-height-lg: 48px;--button-radius: var(--radius-md);--input-height-sm: 32px;--input-height-md: 40px;--input-height-lg: 48px;--input-radius: var(--radius-md);--input-border-width: 1px;--card-radius: var(--radius-md);--card-padding: var(--spacing-5);--app-header-height: 72px;--sidebar-width: 240px;--sidebar-collapsed-width: 72px;--topbar-height: var(--app-header-height);--content-max-width: 90rem;--duration-default: var(--duration-normal)}*:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-family-base);font-weight:var(--font-weight-medium);border-radius:var(--button-radius);border:none;cursor:pointer;transition:background-color var(--duration-fast) var(--easing-default),border-color var(--duration-fast) var(--easing-default),color var(--duration-fast) var(--easing-default);white-space:nowrap}.button:disabled{opacity:.5;cursor:not-allowed}.button-sm{height:var(--button-height-sm);padding:0 var(--spacing-3);font-size:var(--font-size-sm)}.button-md{height:var(--button-height-md);padding:0 var(--spacing-5);font-size:var(--font-size-base)}.button-lg{height:var(--button-height-lg);padding:0 var(--spacing-6);font-size:var(--font-size-lg)}.button-primary{background-color:var(--color-action-primary-bg);color:var(--color-action-primary-text)}.button-primary:hover:not(:disabled){background-color:var(--color-action-primary-hover-bg)}.button-primary:active:not(:disabled){background-color:var(--color-action-primary-active-bg)}.button-accent{background-color:var(--color-action-accent-bg);color:var(--color-action-accent-text);border:1px solid var(--color-action-accent-border);box-shadow:var(--shadow-accent-cta)}.button-accent:hover:not(:disabled){background-color:var(--color-action-accent-hover-bg)}.button-accent:active:not(:disabled){background-color:var(--color-action-accent-active-bg)}.button-accent:focus-visible{outline:3px solid var(--color-brand-primary);outline-offset:2px}.button-secondary{background-color:var(--color-action-secondary-bg);color:var(--color-action-secondary-text);border:1px solid var(--color-action-secondary-border)}.button-secondary:hover:not(:disabled){background-color:var(--color-action-secondary-hover-bg)}.button-secondary:active:not(:disabled){background-color:var(--color-action-secondary-active-bg)}.button-destructive{background-color:var(--color-action-destructive-bg);color:var(--color-action-destructive-text)}.button-destructive:hover:not(:disabled){background-color:var(--color-action-destructive-hover-bg)}.button-destructive:active:not(:disabled){background-color:var(--color-action-destructive-active-bg)}.button-ghost{background-color:transparent;color:inherit}.button-ghost:hover:not(:disabled){background-color:var(--color-surface-hover)}.button-spinner{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-full);animation:button-spin var(--duration-slow) linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}.button-icon{display:inline-flex;align-items:center}.input{width:100%;height:var(--input-height-md);padding:0 var(--spacing-4);font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-surface-input);border:var(--input-border-width) solid var(--color-border-control);border-radius:var(--input-radius);transition:border-color var(--duration-fast) var(--easing-default),box-shadow var(--duration-fast) var(--easing-default)}.input:hover:not(:disabled){border-color:var(--color-border-emphasis)}.input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-border-focus) 28%,transparent)}.input:disabled{background-color:var(--color-surface-muted);color:var(--color-text-muted);cursor:not-allowed}.input-error{border-color:var(--color-status-error-border)}.input-error:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-status-error-border) 28%,transparent)}.input::placeholder{color:var(--color-text-placeholder)}.spinner{display:inline-block;border:2px solid var(--color-border-subtle);border-top-color:var(--color-brand-accent);border-radius:var(--radius-full);animation:spinner-rotate var(--duration-slow) linear infinite}.spinner-sm{width:1rem;height:1rem}.spinner-md{width:1.5rem;height:1.5rem}.spinner-lg{width:2.5rem;height:2.5rem}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.alert{display:flex;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-md);border:1px solid}.alert-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.alert-content{flex:1;font-size:var(--font-size-sm)}.alert-success{background-color:var(--color-status-success-bg);color:var(--color-status-success-text);border-color:var(--color-status-success-border)}.alert-warning{background-color:var(--color-status-warning-bg);color:var(--color-status-warning-text);border-color:var(--color-status-warning-border)}.alert-error{background-color:var(--color-status-error-bg);color:var(--color-status-error-text);border-color:var(--color-status-error-border)}.alert-info{background-color:var(--color-status-info-bg);color:var(--color-status-info-text);border-color:var(--color-status-info-border)}.logo{display:inline-block;line-height:0;padding:calc(.15 * var(--spacing-4))}.logo img{display:block;width:100%;height:auto}.logo-compact,.logo-mark{max-width:100%}.textarea{height:auto;min-height:6.5rem;padding:var(--spacing-3) var(--spacing-4);resize:vertical}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.badge-neutral{background-color:var(--color-surface-muted);color:var(--color-text-base)}.badge-accent{background-color:var(--color-action-accent-bg);color:var(--color-action-accent-text)}.badge-warning{background-color:var(--color-status-warning-bg);color:var(--color-status-warning-text)}.badge-success{background-color:var(--color-status-success-bg);color:var(--color-status-success-text)}.badge-info{background-color:var(--color-status-info-bg);color:var(--color-status-info-text)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-family-base);color:var(--color-brand-neutral);background:var(--color-brand-primary)}.ops-shell{min-height:100vh;display:flex;flex-direction:column;padding:1.25rem;gap:1.25rem}.ops-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.ops-title{margin:0;font-size:1.75rem;line-height:1.2}.ops-lede{margin:.25rem 0 0;opacity:.85}.ops-stack{display:flex;flex-direction:column;gap:1rem}.ops-card{background:#ffffff14;border-radius:1rem;padding:1.25rem}.ops-button,.ops-card button,.ops-card a{min-height:3.25rem;min-width:3.25rem}.ops-status{font-size:2rem;font-weight:700;letter-spacing:.04em}.ops-status.success{color:var(--color-brand-accent)}.ops-status.warning{color:var(--color-status-warning-text)}.ops-status.error{color:var(--color-status-error-text)}.ops-name{font-size:1.75rem;font-weight:700;margin:.5rem 0}.ops-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.ops-nav{display:flex;gap:.75rem;flex-wrap:wrap}.ops-nav a,.ops-nav button{color:inherit;text-decoration:none;padding:.85rem 1.1rem;border-radius:999px;border:2px solid rgba(255,255,255,.25);background:transparent;font-size:1rem}.ops-nav a[aria-current=page]{background:var(--color-brand-accent);color:var(--color-brand-primary);border-color:var(--color-brand-accent)}.ops-input{width:100%;min-height:3.25rem;border-radius:.75rem;border:0;padding:0 1rem;font-size:1.1rem}.ops-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.ops-list button{width:100%;text-align:left;padding:1rem;border-radius:.85rem;border:0;background:#ffffff1f;color:inherit;font-size:1.1rem}.ops-family label{display:flex;align-items:center;gap:.75rem;min-height:3.25rem;font-size:1.15rem}
