:root{--color-primary: #002e33;--color-primary-hover: #305659;--color-primary-active: #0a353b;--color-primary-contrast: #ffffff;--color-primary-subtle: #e4ebeb;--color-accent: #21cfb2;--color-accent-hover: #4dd8c1;--color-accent-active: #2ad1b5;--color-accent-contrast: #002e33;--color-accent-subtle: #d2f5ef;--color-canvas: #f4f7f7;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-sunken: #eef3f3;--color-surface-hover: rgba(0 46 51 / 6%);--color-border: #cbd5d6;--color-border-strong: #7a9296;--color-text: #002e33;--color-text-muted: #305659;--color-text-subtle: #567276;--color-text-inverse: #ffffff;--color-danger: #fc5245;--color-danger-text: #bd3e34;--color-danger-subtle: #fddbd9;--color-warning: #fc8c66;--color-warning-text: #a85c42;--color-warning-subtle: #fee7df;--color-success: #21cfb2;--color-success-text: #0f7a67;--color-success-subtle: #d2f5ef;--color-info: #3b8cff;--color-info-text: #2962b3;--color-info-subtle: #d7e8fc;--color-focus: #002e33;--color-overlay: rgba(0 46 51 / 55%);--op-baseline: #3b8cff;--op-plan: #fc8c66;--op-apply: #21cfb2;--op-validate: #a399ff;--op-test: #b3b58e;--op-doc: #788f9c;--spacing-3xs: .125rem;--spacing-2xs: .25rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-pill: 999px;--font-body: "Poppins", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--shadow-sm: 0 1px 2px rgba(0 46 51 / 8%);--shadow-md: 0 4px 12px rgba(0 46 51 / 10%);--shadow-lg: 0 12px 32px rgba(0 46 51 / 18%);--z-base: 0;--z-sticky: 100;--z-dropdown: 200;--z-overlay: 300;--z-sheet: 400;--z-toast: 500;--layout-topbar-height: 3.5rem;--layout-content-max: 72rem;--layout-min-touch: 2.75rem;--layout-safe-top: env(safe-area-inset-top, 0px);--layout-safe-right: env(safe-area-inset-right, 0px);--layout-safe-bottom: env(safe-area-inset-bottom, 0px);--layout-safe-left: env(safe-area-inset-left, 0px);--motion-duration-fast: .12s;--motion-duration-normal: .22s;--motion-easing: cubic-bezier(.2, 0, .2, 1)}@media (min-width: 768px){:root{--layout-topbar-height: 4rem}}@media (prefers-reduced-motion: reduce){:root{--motion-duration-fast: 0ms;--motion-duration-normal: 0ms}}.logo{display:flex;flex:0 1 auto;align-items:center;min-width:0;height:100%;text-decoration:none;color:inherit}.logo__image{height:1.625rem;width:auto;max-width:9rem;object-fit:contain}@media (min-width: 768px){.logo__image{height:2rem;max-width:11rem}}.logo__placeholder{display:flex;align-items:center;gap:var(--spacing-xs);min-width:0}.logo__placeholder-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo__placeholder-flag{flex:0 0 auto;padding:var(--spacing-3xs) var(--spacing-2xs);border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--color-text-subtle);text-transform:lowercase;white-space:nowrap}@media (max-width: 479px){.logo__placeholder-flag{display:none}}.avatar{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-primary-contrast);border-radius:var(--radius-pill);font-weight:var(--font-weight-semibold);letter-spacing:.02em;-webkit-user-select:none;user-select:none}.avatar--sm{width:1.75rem;height:1.75rem;font-size:var(--font-size-xs)}.avatar--md{width:2rem;height:2rem;font-size:var(--font-size-sm)}.menu-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:var(--color-overlay);animation:menu-fade-in var(--motion-duration-fast) var(--motion-easing)}.menu-panel{background:var(--color-surface-raised);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:var(--spacing-2xs);overflow-y:auto;overscroll-behavior:contain}.menu-panel--dropdown{position:absolute;top:calc(100% + var(--spacing-2xs));z-index:var(--z-dropdown);min-width:14rem;max-width:min(20rem,calc(100vw - var(--spacing-lg)));max-height:min(28rem,calc(100dvh - var(--layout-topbar-height) - var(--spacing-lg)));border-radius:var(--radius-md);animation:menu-dropdown-in var(--motion-duration-fast) var(--motion-easing)}.menu-panel--end{right:0}.menu-panel--start{left:0}.menu-panel--sheet{position:fixed;right:0;bottom:0;left:0;z-index:var(--z-sheet);max-height:80dvh;padding:var(--spacing-2xs) var(--spacing-xs) calc(var(--spacing-md) + var(--layout-safe-bottom));border:none;border-top:1px solid var(--color-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:menu-sheet-in var(--motion-duration-normal) var(--motion-easing)}.menu-grabber{width:2.25rem;height:.25rem;margin:var(--spacing-xs) auto var(--spacing-sm);background:var(--color-border-strong);border-radius:var(--radius-pill)}.menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;min-height:var(--layout-min-touch);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-md);color:var(--color-text);text-align:left;transition:background-color var(--motion-duration-fast) var(--motion-easing)}@media (hover: hover){.menu-item:hover:not(:disabled){background:var(--color-surface-hover)}}.menu-item:active:not(:disabled){background:var(--color-surface-sunken)}.menu-item:disabled{color:var(--color-text-subtle);cursor:not-allowed}.menu-item--danger{color:var(--color-danger)}.menu-item__icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:1.25rem;height:1.25rem}.menu-item__label{flex:1 1 auto;min-width:0}.menu-separator{height:1px;margin:var(--spacing-2xs) 0;background:var(--color-border)}.menu-header{padding:var(--spacing-sm);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-2xs)}@keyframes menu-fade-in{0%{opacity:0}}@keyframes menu-dropdown-in{0%{opacity:0;transform:translateY(-.25rem)}}@keyframes menu-sheet-in{0%{transform:translateY(100%)}}.user-menu{position:relative;display:flex;flex:0 0 auto;align-items:center}.user-menu__trigger{display:flex;align-items:center;gap:var(--spacing-xs);min-height:var(--layout-min-touch);min-width:var(--layout-min-touch);padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-pill);color:var(--color-text);transition:background-color var(--motion-duration-fast) var(--motion-easing)}@media (hover: hover){.user-menu__trigger:hover{background:var(--color-surface-hover)}}.user-menu__trigger:active{background:var(--color-surface-sunken)}.user-menu__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:12rem}@media (max-width: 767px){.user-menu__name,.user-menu__chevron{display:none}}.user-menu__chevron{flex:0 0 auto;color:var(--color-text-subtle);transition:transform var(--motion-duration-fast) var(--motion-easing)}.user-menu__chevron--open{transform:rotate(180deg)}.user-menu__signin{display:inline-flex;align-items:center;min-height:var(--layout-min-touch);padding:0 var(--spacing-md);background:var(--color-primary);color:var(--color-primary-contrast);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;transition:background-color var(--motion-duration-fast) var(--motion-easing)}@media (hover: hover){.user-menu__signin:hover{background:var(--color-primary-hover)}}.user-menu__signin:active{background:var(--color-primary-active)}.user-menu__placeholder{width:var(--layout-min-touch);height:var(--layout-min-touch);border-radius:var(--radius-pill);background:var(--color-surface-sunken)}.user-menu__card{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.user-menu__card-text{display:flex;flex-direction:column;min-width:0}.user-menu__card-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__card-email{font-size:var(--font-size-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__tenant{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.user-menu__tenant-label{font-size:var(--font-size-xs);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.04em}.user-menu__tenant-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.topbar{flex:0 0 auto;position:relative;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding-top:var(--layout-safe-top);padding-right:var(--layout-safe-right);padding-left:var(--layout-safe-left);z-index:var(--z-sticky)}.topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);height:var(--layout-topbar-height);padding:0 var(--spacing-md)}@media (min-width: 768px){.topbar__inner{padding:0 var(--spacing-lg)}}.app-shell{display:flex;flex-direction:column;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden}.app-main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding-right:var(--layout-safe-right);padding-left:var(--layout-safe-left)}.page{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.page__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:100%;max-width:var(--layout-content-max);margin:0 auto;padding:var(--spacing-lg) var(--spacing-md) calc(var(--spacing-lg) + var(--layout-safe-bottom))}@media (min-width: 768px){.page__body{padding:var(--spacing-xl) var(--spacing-lg)}}.page__body--centred{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--spacing-md)}.page__title{font-size:var(--font-size-xl)}@media (min-width: 768px){.page__title{font-size:var(--font-size-2xl)}}.page__lead{color:var(--color-text-muted);max-width:40rem}.page__action{display:inline-flex;align-items:center;min-height:var(--layout-min-touch);padding:0 var(--spacing-lg);background:var(--color-primary);color:var(--color-primary-contrast);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none}@media (hover: hover){.page__action:hover{background:var(--color-primary-hover)}}.auth-gate{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);min-height:100dvh;padding:var(--spacing-lg);text-align:center}.auth-gate__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.auth-gate__text{max-width:28rem;font-size:var(--font-size-sm);color:var(--color-text-muted)}.auth-gate__action{display:inline-flex;align-items:center;min-height:var(--layout-min-touch);padding:0 var(--spacing-lg);background:var(--color-primary);color:var(--color-primary-contrast);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}@media (hover: hover){.auth-gate__action:hover{background:var(--color-primary-hover)}}.auth-gate__spinner{width:1.75rem;height:1.75rem;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-pill);animation:auth-gate-spin .7s linear infinite}@keyframes auth-gate-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.auth-gate__spinner{animation:auth-gate-pulse 1.4s ease-in-out infinite}@keyframes auth-gate-pulse{50%{opacity:.4}}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{height:100%}body{font-family:var(--font-body);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text);background:var(--color-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);overflow-wrap:break-word}p,li{overflow-wrap:break-word}code,pre,kbd,samp{font-family:var(--font-mono);font-size:.9em}a{color:var(--color-primary);text-decoration-thickness:1px;text-underline-offset:.15em}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}input,select,textarea{font-size:var(--font-size-md)}img,svg,video,canvas{display:block;max-width:100%}:focus{outline:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}