:root{--color-ink-950:#0d1117;--color-ink-900:#14181f;--color-ink-800:#1c222b;--color-ink-700:#2a323e;--color-ink-600:#3d4754;--color-ink-500:#5b6672;--color-ink-400:#7d8792;--color-ink-300:#a4adb7;--color-ink-200:#cdd3da;--color-ink-100:#e7eaee;--color-ink-50:#f4f6f8;--color-white:#ffffff;--color-accent-700:#0b5c50;--color-accent-600:#0e7263;--color-accent-500:#128875;--color-accent-400:#35a08e;--color-accent-100:#d9efe9;--color-accent-50:#edf7f4;--color-red-600:#b3372e;--color-red-500:#c94b41;--color-red-100:#f7e2e0;--color-amber-600:#9a6b0a;--color-amber-500:#b98410;--color-amber-100:#f8edd4;--color-green-600:#24713c;--color-green-500:#2f8a4c;--color-green-100:#ddf0e2;--surface-page:var(--color-ink-50);--surface-raised:var(--color-white);--surface-sunken:var(--color-ink-100);--surface-inverse:var(--color-ink-900);--border-subtle:var(--color-ink-100);--border-default:var(--color-ink-200);--border-strong:var(--color-ink-300);--text-primary:var(--color-ink-900);--text-secondary:var(--color-ink-600);--text-muted:var(--color-ink-400);--text-inverse:var(--color-ink-50);--text-accent:var(--color-accent-600);--text-danger:var(--color-red-600);--focus-ring:0 0 0 2px var(--surface-raised),0 0 0 4px var(--color-accent-500);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(13,17,23,0.06);--shadow-md:0 2px 8px rgba(13,17,23,0.08);--shadow-lg:0 8px 28px rgba(13,17,23,0.14);--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Noto Sans Arabic","Noto Kufi Arabic",Tahoma,Arial,sans-serif;--font-mono:ui-monospace,"SF Mono","Cascadia Mono","Segoe UI Mono",Menlo,Consolas,monospace;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--leading-tight:1.25;--leading-normal:1.55;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--ease-standard:cubic-bezier(0.2,0,0,1);--duration-fast:120ms;--duration-normal:200ms;--sidebar-width:15.5rem;--topbar-height:3.5rem;--content-max-width:72rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);font-weight:var(--weight-medium);font-size:var(--text-base);padding-block:var(--space-2);padding-inline:var(--space-4);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-accent-600);color:var(--color-white)}.btn--primary:hover:not(:disabled){background:var(--color-accent-700)}.btn--secondary{background:var(--surface-raised);border-color:var(--border-default);color:var(--text-primary)}.btn--secondary:hover:not(:disabled){border-color:var(--border-strong);background:var(--color-ink-50)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--color-ink-100);color:var(--text-primary)}.btn--danger{background:var(--color-red-600);color:var(--color-white)}.btn--danger:hover:not(:disabled){background:var(--color-red-500)}.btn--sm{font-size:var(--text-sm);padding-block:var(--space-1)}.btn--sm,.input,.select{padding-inline:var(--space-3)}.input,.select{display:block;inline-size:100%;background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);padding-block:var(--space-2);font-size:var(--text-base);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-standard)}.input::placeholder{color:var(--text-muted)}.input:hover,.select:hover{border-color:var(--border-strong)}.input:focus-visible,.select:focus-visible{border-color:var(--color-accent-500)}.input[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--color-red-500)}.checkbox-row{display:flex;align-items:center;gap:var(--space-2)}.checkbox-row input[type=checkbox]{inline-size:1rem;block-size:1rem;accent-color:var(--color-accent-600)}.field{display:flex;flex-direction:column;gap:var(--space-1);-webkit-margin-after:var(--space-4);margin-block-end:var(--space-4)}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.field__hint{font-size:var(--text-xs);color:var(--text-muted)}.field__error{font-size:var(--text-xs);color:var(--text-danger)}.card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.card__title{font-size:var(--text-md);font-weight:var(--weight-semibold);-webkit-margin-after:var(--space-3);margin-block-end:var(--space-3)}.table-wrap{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-raised)}.table{inline-size:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{text-align:start;font-weight:var(--weight-medium);color:var(--text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;-webkit-border-after:1px solid var(--border-default);border-block-end:1px solid var(--border-default);background:var(--color-ink-50)}.table td,.table th{padding-block:var(--space-3);padding-inline:var(--space-4)}.table td{-webkit-border-after:1px solid var(--border-subtle);border-block-end:1px solid var(--border-subtle);vertical-align:middle}.table tbody tr:last-child td{-webkit-border-after:none;border-block-end:none}.table tbody tr:hover{background:var(--color-ink-50)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);padding-block:.125rem;padding-inline:var(--space-2);line-height:1.4;white-space:nowrap}.badge--neutral{background:var(--color-ink-100);color:var(--color-ink-600)}.badge--accent{background:var(--color-accent-100);color:var(--color-accent-700)}.badge--red{background:var(--color-red-100);color:var(--color-red-600)}.badge--amber{background:var(--color-amber-100);color:var(--color-amber-600)}.badge--green{background:var(--color-green-100);color:var(--color-green-600)}.badge--outline{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary)}.badge__dot{inline-size:.375rem;block-size:.375rem;border-radius:var(--radius-full);background:currentColor}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);-webkit-margin-after:var(--space-6);margin-block-end:var(--space-6);flex-wrap:wrap}.page-header__title{font-size:var(--text-xl)}.page-header__subtitle{color:var(--text-secondary);font-size:var(--text-sm);-webkit-margin-before:var(--space-1);margin-block-start:var(--space-1)}.page-header__actions{display:flex;gap:var(--space-2);flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding-block:var(--space-12);padding-inline:var(--space-6);color:var(--text-secondary)}.empty-state__icon{color:var(--text-muted)}.empty-state__title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary)}.empty-state__body{max-inline-size:28rem;font-size:var(--text-sm)}.modal-overlay{position:fixed;inset:0;background:rgba(13,17,23,.45);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:50}.modal{background:var(--surface-raised);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);inline-size:100%;max-inline-size:32rem;max-block-size:85dvh;overflow-y:auto;padding:var(--space-6)}.modal--wide{max-inline-size:46rem}.modal__header{display:flex;align-items:center;justify-content:space-between;-webkit-margin-after:var(--space-4);margin-block-end:var(--space-4)}.modal__title{font-size:var(--text-lg)}.modal__footer{justify-content:flex-end;-webkit-margin-before:var(--space-6);margin-block-start:var(--space-6)}.modal__footer,.toast-region{display:flex;gap:var(--space-2)}.toast-region{position:fixed;inset-block-end:var(--space-4);inset-inline-end:var(--space-4);flex-direction:column;z-index:100;max-inline-size:24rem}.toast{background:var(--surface-inverse);color:var(--text-inverse);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding-block:var(--space-3);padding-inline:var(--space-4);display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.toast--error{background:var(--color-red-600)}.toast--success{background:var(--color-green-600)}.tabs{display:flex;gap:var(--space-1);-webkit-border-after:1px solid var(--border-default);border-block-end:1px solid var(--border-default);-webkit-margin-after:var(--space-5);margin-block-end:var(--space-5)}.tabs__tab{background:none;border:none;-webkit-border-after:2px solid transparent;border-block-end:2px solid transparent;padding-block:var(--space-2);padding-inline:var(--space-3);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;-webkit-margin-after:-1px;margin-block-end:-1px}.tabs__tab:hover{color:var(--text-primary)}.tabs__tab[aria-selected=true]{color:var(--text-accent);border-block-end-color:var(--color-accent-600)}.shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-block-size:100dvh}.shell__sidebar{background:var(--surface-inverse);color:var(--text-inverse);padding-block:var(--space-5);position:-webkit-sticky;position:sticky;inset-block-start:0;block-size:100dvh;overflow-y:auto}.shell__main,.shell__sidebar{display:flex;flex-direction:column}.shell__main{min-inline-size:0}.shell__content{padding:var(--space-8);inline-size:100%;max-inline-size:var(--content-max-width);margin-inline:auto}.brandmark{gap:var(--space-2);padding-inline:var(--space-5);-webkit-margin-after:var(--space-6);margin-block-end:var(--space-6);font-weight:var(--weight-semibold);font-size:var(--text-md);letter-spacing:.02em}.brandmark,.brandmark__glyph{display:flex;align-items:center}.brandmark__glyph{inline-size:1.75rem;block-size:1.75rem;border-radius:var(--radius-md);background:var(--color-accent-600);justify-content:center;color:var(--color-white)}.nav{flex-direction:column;gap:.125rem}.nav,.nav__link{display:flex;padding-inline:var(--space-3)}.nav__link{align-items:center;gap:var(--space-3);padding-block:var(--space-2);border-radius:var(--radius-md);color:var(--color-ink-300);font-size:var(--text-base);text-decoration:none}.nav__link:hover{background:var(--color-ink-800);color:var(--color-ink-100);text-decoration:none}.nav__link[aria-current=page]{background:var(--color-ink-700);color:var(--color-white)}.topbar{justify-content:space-between;gap:var(--space-4);block-size:var(--topbar-height);padding-inline:var(--space-6);-webkit-border-after:1px solid var(--border-subtle);border-block-end:1px solid var(--border-subtle);background:var(--surface-raised);position:-webkit-sticky;position:sticky;inset-block-start:0;z-index:10}.topbar,.topbar__group{display:flex;align-items:center}.topbar__group{gap:var(--space-3)}.tree{list-style:none;-webkit-padding-start:0;padding-inline-start:0}.tree .tree{-webkit-padding-start:var(--space-6);padding-inline-start:var(--space-6);-webkit-border-start:1px solid var(--border-subtle);border-inline-start:1px solid var(--border-subtle);-webkit-margin-start:var(--space-3);margin-inline-start:var(--space-3)}.tree__row{display:flex;align-items:center;gap:var(--space-2);padding-block:var(--space-2);padding-inline:var(--space-2);border-radius:var(--radius-md)}.tree__row:hover{background:var(--color-ink-50)}.tree__row:hover .tree__actions{visibility:visible}.tree__label{font-weight:var(--weight-medium)}.tree__meta{color:var(--text-muted);font-size:var(--text-xs)}.tree__actions{visibility:hidden;display:flex;gap:var(--space-1);-webkit-margin-start:auto;margin-inline-start:auto}[dir=rtl] .rtl-flip{transform:scaleX(-1)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.stat{display:flex;flex-direction:column;gap:var(--space-1)}.stat__value{font-size:var(--text-2xl);font-weight:var(--weight-semibold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat__label{color:var(--text-secondary);font-size:var(--text-sm)}.divider{border:none;-webkit-border-before:1px solid var(--border-subtle);border-block-start:1px solid var(--border-subtle);margin-block:var(--space-4)}.diff-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3);font-size:var(--text-sm)}.diff-pane{background:var(--color-ink-50);border-radius:var(--radius-md);padding:var(--space-3);overflow-x:auto}.diff-pane pre{font-family:var(--font-mono);font-size:var(--text-xs);white-space:pre-wrap;word-break:break-word}.drawer-overlay{position:fixed;inset:0;background:rgba(13,17,23,.35);z-index:40}.drawer{position:fixed;inset-block:0;inset-inline-end:0;inline-size:min(34rem,100%);background:var(--surface-raised);box-shadow:var(--shadow-lg);z-index:45;overflow-y:auto;padding:var(--space-6)}.spinner{inline-size:1.25rem;block-size:1.25rem;border:2px solid var(--border-default);border-block-start-color:var(--color-accent-600);border-radius:var(--radius-full);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-block{justify-content:center;padding-block:var(--space-12);color:var(--text-secondary)}.error-block,.loading-block{display:flex;align-items:center;gap:var(--space-3)}.error-block{flex-direction:column;padding-block:var(--space-10);color:var(--text-danger);text-align:center}.auth-page{min-block-size:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:radial-gradient(60rem 30rem at 80% -10%,rgba(18,136,117,.12),transparent),var(--surface-page)}.auth-card{inline-size:100%;max-inline-size:26rem}.hint-box{background:var(--color-accent-50);border:1px solid var(--color-accent-100);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-sm);color:var(--color-accent-700)}.invite-link-box{background:var(--color-ink-50);border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);word-break:break-all}@media (max-width:60rem){.shell{grid-template-columns:1fr}.shell__sidebar{position:static;block-size:auto;flex-direction:row;align-items:center;overflow-x:auto;padding-block:var(--space-2)}.brandmark{-webkit-margin-after:0;margin-block-end:0}.nav{flex-direction:row}.shell__content{padding:var(--space-4)}.diff-grid{grid-template-columns:1fr}}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased;min-block-size:100dvh}h1,h2,h3,h4{line-height:var(--leading-tight);font-weight:var(--weight-semibold);text-wrap:balance}p{text-wrap:pretty}img,svg{display:block;max-inline-size:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--text-accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}