@charset "UTF-8";:root{--brand-name: Ma5sages;--brand-font-family-short: system-ui;--color-primary-50: #f1f5f1;--color-primary-100: #dde8de;--color-primary-200: #c0d3c2;--color-primary-300: #9bb89e;--color-primary-400: #759878;--color-primary-500: #5a7d5e;--color-primary-600: #496a4d;--color-primary-700: #3b5640;--color-primary-800: #314634;--color-primary-900: #29392c;--color-primary-950: #16201a;--color-neutral-0: #ffffff;--color-neutral-50: #faf8f4;--color-neutral-100: #f3efe8;--color-neutral-200: #e7e1d7;--color-neutral-300: #d6cdbf;--color-neutral-400: #b0a695;--color-neutral-500: #877d6c;--color-neutral-600: #645c4f;--color-neutral-700: #4a443a;--color-neutral-800: #332f28;--color-neutral-900: #221f1a;--color-neutral-950: #14120f;--color-neutral-1000: #000000;--color-danger-50: #fbf3f1;--color-danger-100: #f5e0db;--color-danger-300: #e0a99f;--color-danger-500: #c5675a;--color-danger-600: #af5247;--color-danger-700: #8f4239;--color-danger-900: #57271f;--color-warning-50: #fcf6ec;--color-warning-100: #f7e9cd;--color-warning-300: #e8c47e;--color-warning-500: #cf9a44;--color-warning-600: #b07f33;--color-warning-700: #8c6328;--color-warning-900: #533a18;--color-success-50: #eef6ef;--color-success-100: #d6ebd9;--color-success-300: #9ccfa3;--color-success-500: #5aa869;--color-success-600: #468a54;--color-success-700: #366d43;--color-success-900: #1f3f28;--spacing-0: 0;--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;--spacing-24: 6rem;--spacing-px: 1px;--spacing-0-5: .125rem;--spacing-1-5: .375rem;--radius-none: 0;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--font-family-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-serif: ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-family-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--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: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-line-height-tight: 1.2;--font-line-height-snug: 1.35;--font-line-height-normal: 1.55;--font-line-height-relaxed: 1.75;--shadow-sm: 0 1px 2px 0 rgb(40 34 26 / .05);--shadow-md: 0 4px 6px -1px rgb(40 34 26 / .1), 0 2px 4px -2px rgb(40 34 26 / .1);--shadow-lg: 0 10px 24px -6px rgb(40 34 26 / .12), 0 4px 8px -4px rgb(40 34 26 / .1);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}:root{--color-bg: var(--color-neutral-50);--color-surface: var(--color-neutral-0);--color-surface-2: var(--color-neutral-50);--color-fg: var(--color-neutral-900);--color-fg-soft: var(--color-neutral-600);--color-fg-faint: var(--color-neutral-400);--color-border: var(--color-neutral-200);--color-accent: var(--color-primary-600);--color-accent-hover: var(--color-primary-700);--color-accent-soft: var(--color-primary-50);--color-muted: var(--color-neutral-500);--tone-danger: var(--color-danger-700);--tone-danger-bg: var(--color-danger-50);--tone-amber: var(--color-warning-700);--tone-amber-bg: var(--color-warning-50);--tone-neutral: var(--color-neutral-600);--tone-neutral-bg: var(--color-neutral-100);--tone-success: var(--color-success-700);--tone-success-bg: var(--color-success-50);--radius: var(--radius-md);--radius-lg: var(--radius-lg);--ease-out: cubic-bezier(.23, 1, .32, 1);font-family:var(--font-family-sans);color:var(--color-fg);background:var(--color-bg)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-fg);font-size:var(--font-size-base);line-height:var(--font-line-height-normal)}h1{font-family:var(--font-family-serif);font-size:var(--font-size-3xl);font-weight:500;letter-spacing:-.01em;margin:0 0 .35rem}h2,h3{font-family:var(--font-family-serif);font-weight:600;letter-spacing:-.01em}h2{font-size:var(--font-size-xl);margin:0 0 .75rem}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--font-family-mono);font-size:.875em;color:var(--color-fg-soft)}.muted{color:var(--color-fg-soft)}.faint{color:var(--color-fg-faint)}.mono{font-family:var(--font-family-mono)}.t-danger{color:var(--tone-danger)}.t-amber{color:var(--tone-amber)}.t-success{color:var(--tone-success)}.t-accent{color:var(--color-accent)}button,.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-fg);font:inherit;font-weight:500;cursor:pointer;transition:transform .14s var(--ease-out),background-color .14s ease,border-color .14s ease}button:hover,.btn:hover{background:var(--color-surface-2)}button:active,.btn:active{transform:scale(.97)}button:focus-visible,.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn--primary{background:var(--color-accent);border-color:transparent;color:var(--color-neutral-0)}.btn--primary:hover{background:var(--color-accent-hover)}.page{max-width:64rem;margin:0 auto;padding:1.75rem 1.25rem}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.25rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.25rem}.project-card{display:block;text-decoration:none;color:inherit;margin-bottom:0;transition:border-color .14s ease,transform .14s var(--ease-out)}.project-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.project-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.project-card__head h3{margin:0}.project-card__children{margin:0 0 .75rem;color:var(--color-fg-soft);font-size:var(--font-size-sm)}.project-card__foot{display:flex;align-items:center;gap:.5rem;margin:0;font-size:var(--font-size-xs)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:capitalize;background:var(--tone-neutral-bg);color:var(--tone-neutral)}.badge:before{content:"";width:.45rem;height:.45rem;border-radius:var(--radius-full);background:currentColor}.badge--danger{background:var(--tone-danger-bg);color:var(--tone-danger)}.badge--amber{background:var(--tone-amber-bg);color:var(--tone-amber)}.badge--success{background:var(--tone-success-bg);color:var(--tone-success)}.stats{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:1rem}.stat{display:flex;flex-direction:column;gap:.15rem}.stat__value{font-size:var(--font-size-2xl);font-weight:600;line-height:1;letter-spacing:-.02em}.stat__label{font-size:var(--font-size-xs);color:var(--color-fg-soft);text-transform:uppercase;letter-spacing:.06em}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.data-table th{text-align:left;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-faint);font-weight:600;padding:.5rem .75rem;border-bottom:1px solid var(--color-border)}.data-table td{padding:.55rem .75rem;border-bottom:1px solid var(--color-border)}.data-table tbody tr:hover{background:var(--color-surface-2)}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.bar{display:inline-block;width:4rem;height:.4rem;border-radius:var(--radius-full);background:var(--tone-neutral-bg);overflow:hidden;vertical-align:middle;margin-right:.5rem}.bar__fill{display:block;height:100%;border-radius:inherit;background:var(--color-accent)}.bar__fill--amber{background:var(--color-warning-500)}.bar__fill--danger{background:var(--color-danger-500)}.empty{padding:2rem 1.25rem;text-align:center;color:var(--color-fg-soft);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.app-shell{display:grid;grid-template-columns:13rem minmax(0,1fr);align-items:start;min-height:calc(100dvh - 3.25rem)}.app-sidebar{position:sticky;top:3.25rem;align-self:start;height:calc(100dvh - 3.25rem);padding:1rem .6rem;border-right:1px solid var(--color-border);background:var(--color-surface)}.app-nav{display:flex;flex-direction:column;gap:.15rem}.app-nav__link{display:flex;align-items:center;gap:.55rem;padding:.5rem .65rem;border-radius:var(--radius);color:var(--color-fg-soft);font-size:var(--font-size-sm);font-weight:500;text-decoration:none}.app-nav__link:hover{background:var(--color-surface-2);text-decoration:none}.app-nav__link.is-active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}.app-nav__link:before{content:"";width:.4rem;height:.4rem;border-radius:var(--radius-full);background:currentColor;opacity:.55}@media(max-width:48rem){.app-shell{grid-template-columns:1fr}.app-sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--color-border)}.app-nav{flex-direction:row;flex-wrap:wrap}}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1rem;margin-bottom:1.5rem}.kpi{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem 1.1rem}.kpi__value{font-size:var(--font-size-3xl);font-weight:600;line-height:1;letter-spacing:-.02em}.kpi__label{margin-top:.4rem;font-size:var(--font-size-xs);color:var(--color-fg-soft);text-transform:uppercase;letter-spacing:.06em}.attn{display:flex;flex-direction:column}.attn__row{display:flex;align-items:center;gap:.75rem;padding:.65rem .25rem;border-bottom:1px solid var(--color-border);color:inherit;text-decoration:none}.attn__row:last-child{border-bottom:none}.attn__row:hover{background:var(--color-surface-2);text-decoration:none}.attn__name{font-weight:600}.attn__signals{display:flex;flex-wrap:wrap;gap:.4rem;margin-left:auto}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.9rem}.input{flex:1 1 12rem;min-width:8rem;padding:.45rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-fg);font:inherit;font-size:var(--font-size-sm)}.input:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.chips{display:inline-flex;flex-wrap:wrap;gap:.35rem}.chip{padding:.3rem .6rem;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-fg-soft);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.chip:hover{background:var(--color-surface-2)}.chip.is-on{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.toolbar__count{margin-left:auto;color:var(--color-fg-faint);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums}.table-wrap{max-height:70vh;overflow:auto;border-radius:var(--radius)}.table-wrap .data-table thead th{position:sticky;top:0;z-index:1;background:var(--color-surface)}.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.th-sort__caret{margin-left:.3rem;opacity:0}.th-sort.is-sorted .th-sort__caret{opacity:1}.data-table tbody tr.is-selected{background:var(--color-accent-soft)}.row-link{cursor:pointer}.sev-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:var(--radius-full);vertical-align:middle}.sev-dot--critical,.sev-dot--high{background:var(--color-danger-500)}.sev-dot--medium{background:var(--color-warning-500)}.sev-dot--low{background:var(--color-neutral-400)}@media(max-width:40rem){.table-wrap{max-height:none;overflow:visible}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table thead{display:none}.data-table tr{margin-bottom:.75rem;padding:.35rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.data-table td{display:flex;align-items:center;gap:.75rem;padding:.35rem 0;border-bottom:1px solid var(--color-border);text-align:right;min-width:0;overflow-wrap:anywhere}.data-table tr td:last-child{border-bottom:none}.data-table td:before{content:attr(data-label);flex:none;margin-right:auto;color:var(--color-fg-faint);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-align:left}.data-table td:not([data-label]){justify-content:center;text-align:center}.data-table td:not([data-label]):before{content:none}}.drawer-backdrop{position:fixed;inset:0;z-index:40;background:color-mix(in srgb,var(--color-neutral-900) 28%,transparent);opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out)}.drawer-backdrop.is-open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;z-index:41;width:min(24rem,92vw);height:100dvh;overflow-y:auto;padding:1.25rem;background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:var(--shadow-lg);transform:translate(100%);transition:transform .16s var(--ease-out)}.drawer.is-open{transform:translate(0);transition:transform .22s var(--ease-out)}.drawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.drawer__title{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:600;word-break:break-all}.drawer__close{flex:none;padding:.2rem .5rem;line-height:1}.drawer dl{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;margin:0 0 1rem;font-size:var(--font-size-sm)}.drawer dt{color:var(--color-fg-faint);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.drawer dd{margin:0}@media(prefers-reduced-motion:reduce){.drawer,.drawer-backdrop{transition:opacity .12s ease}.drawer{transform:none}.drawer:not(.is-open){display:none}}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem}.tabs__tab{padding:.6rem .9rem;color:var(--color-fg-soft);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs__tab:hover{color:var(--color-fg);text-decoration:none}.tabs__tab.is-active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:600}
