:root{--color-bg: #0a0e17;--color-surface: #0f1522;--color-surface-2: #131a2a;--color-surface-hover: #19223a;--color-surface-active: #1d2842;--color-border: #1f2940;--color-border-strong: #2a3656;--color-text: #e6ebf5;--color-text-muted: #8a93a6;--color-text-dim: #5d6679;--color-accent: #6c8eef;--color-accent-hover: #8aa4f3;--color-accent-soft: rgba(108, 142, 239, .14);--color-accent-soft-strong: rgba(108, 142, 239, .22);--color-success: #4ec9a4;--color-success-soft: rgba(78, 201, 164, .14);--color-warning: #e0b341;--color-warning-soft: rgba(224, 179, 65, .14);--color-danger: #e36b6b;--color-danger-soft: rgba(227, 107, 107, .14);--color-info: #6c8eef;--color-info-soft: rgba(108, 142, 239, .14);--color-neutral: #8a93a6;--color-neutral-soft: rgba(138, 147, 166, .14);--radius-sm: 4px;--radius: 6px;--radius-lg: 10px;--font-sans: "IBM Plex Sans", "Heebo", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", "Fira Code", monospace;--sidebar-width: 220px;--topbar-height: 52px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:var(--font-sans);font-size:14px;line-height:1.5;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11"}#root{height:100%}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline;text-underline-offset:2px}button{font-family:inherit;font-size:inherit;color:inherit}::selection{background:var(--color-accent-soft-strong);color:var(--color-text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:6px;border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:#3a4868}.app{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--topbar-height) 1fr;grid-template-areas:"sidebar topbar" "sidebar main";height:100%}.app__sidebar{grid-area:sidebar;border-inline-end:1px solid var(--color-border);background:var(--color-surface);display:flex;flex-direction:column;min-height:0}.app__topbar{grid-area:topbar;border-bottom:1px solid var(--color-border);background:var(--color-surface);display:flex;align-items:center;padding:0 1.25rem;gap:1rem}.app__main{grid-area:main;overflow-y:auto;min-height:0}.sidebar__brand{display:flex;align-items:center;gap:.6rem;height:var(--topbar-height);padding:0 1rem;border-bottom:1px solid var(--color-border);font-weight:700;letter-spacing:-.01em;font-size:.95rem}.sidebar__brand-mark{width:22px;height:22px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-accent) 0%,#4d6fd8 100%);display:grid;place-items:center;color:#fff;font-weight:700;font-size:.7rem;box-shadow:inset 0 1px #fff3}.sidebar__brand-text{display:flex;flex-direction:column;line-height:1.1}.sidebar__brand-text small{color:var(--color-text-muted);font-size:.7rem;font-weight:500}.sidebar__nav{display:flex;flex-direction:column;padding:.75rem .5rem;gap:1px}.sidebar__section-label{padding:.75rem .6rem .4rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim);font-weight:600}.sidebar__link{display:flex;align-items:center;gap:.6rem;padding:.45rem .65rem;border-radius:var(--radius);color:var(--color-text-muted);font-weight:500;font-size:.875rem;transition:background .12s,color .12s}.sidebar__link:hover{background:var(--color-surface-hover);color:var(--color-text);text-decoration:none}.sidebar__link--active{background:var(--color-accent-soft);color:var(--color-text)}.sidebar__link--active:hover{background:var(--color-accent-soft-strong)}.sidebar__link-icon{width:16px;height:16px;flex-shrink:0;opacity:.85}.sidebar__footer{margin-top:auto;padding:.75rem 1rem;border-top:1px solid var(--color-border);font-size:.75rem;color:var(--color-text-dim)}.topbar__breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.875rem;color:var(--color-text-muted);min-width:0;flex:1}.topbar__breadcrumb a{color:var(--color-text-muted)}.topbar__breadcrumb a:hover{color:var(--color-text)}.topbar__breadcrumb-sep{color:var(--color-text-dim)}.topbar__breadcrumb-current{color:var(--color-text);font-weight:500}.topbar__tenant{display:flex;align-items:center;gap:.5rem}.topbar__tenant-label{font-size:.75rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.06em}.topbar__tenant select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);padding-block:.35rem;padding-inline:.65rem 1.75rem;font-family:inherit;font-size:.85rem;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a93a6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right .55rem center}[dir=rtl] .topbar__tenant select{background-position:left .55rem center}.topbar__tenant select:hover{border-color:var(--color-border-strong)}.topbar__tenant select:focus{outline:none;border-color:var(--color-accent)}.page{padding:1.5rem 2rem 3rem;max-width:1400px;margin:0 auto}.page__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.page__title-group{min-width:0}.page__title{margin:0;font-size:1.35rem;font-weight:600;letter-spacing:-.01em}.page__subtitle{margin:.25rem 0 0;color:var(--color-text-muted);font-size:.875rem}.page__section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.page__section-hint{margin-top:1.5rem}.page__title--section{font-size:1.1rem}.invite-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem;margin-bottom:1rem}.invite-form .auth__label{flex:1 1 12rem;margin:0}.page__actions{display:flex;align-items:center;gap:.5rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.85rem;font-weight:500;font-family:inherit;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.btn--ghost{background:transparent;color:var(--color-text-muted);border-color:var(--color-border)}.btn--ghost:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-border-strong)}.btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table thead th{position:sticky;top:0;z-index:1;text-align:start;padding:.6rem 1rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-dim);background:var(--color-surface-2);border-bottom:1px solid var(--color-border);white-space:nowrap}.table tbody td{padding:.7rem 1rem;border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background .1s}.table tbody tr:hover{background:var(--color-surface-hover)}.table__cell--muted{color:var(--color-text-muted)}.table__cell--mono{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted)}.table__cell--num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";text-align:end}.table__name{font-weight:500;color:var(--color-text)}.table__name a{color:var(--color-text);font-weight:500}.table__name a:hover{color:var(--color-accent-hover);text-decoration:none}.table__avatar{display:inline-flex;align-items:center;gap:.6rem}.avatar{width:26px;height:26px;border-radius:50%;background:var(--color-surface-active);color:var(--color-text);display:inline-grid;place-items:center;font-size:.7rem;font-weight:600;flex-shrink:0;border:1px solid var(--color-border)}.table__empty{padding:3rem 1rem;text-align:center;color:var(--color-text-muted);font-size:.9rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;border:1px solid transparent}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9}.badge--info{color:var(--color-info);background:var(--color-info-soft)}.badge--success{color:var(--color-success);background:var(--color-success-soft)}.badge--warning{color:var(--color-warning);background:var(--color-warning-soft)}.badge--danger{color:var(--color-danger);background:var(--color-danger-soft)}.badge--neutral{color:var(--color-neutral);background:var(--color-neutral-soft)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem 2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem}.field{display:flex;flex-direction:column;gap:.25rem;min-width:0}.field__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-dim);font-weight:600}.field__value{font-size:.9rem;color:var(--color-text);word-break:break-word}.field__value--mono{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted)}.section-title{margin:1.75rem 0 .75rem;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.back-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-text-muted);font-size:.825rem;margin-bottom:.75rem}.back-link:hover{color:var(--color-text);text-decoration:none}.auth{min-height:100%;display:grid;place-items:center;padding:2rem 1rem;background:radial-gradient(ellipse at 30% 20%,rgba(108,142,239,.08),transparent 50%),var(--color-bg)}.auth__card{width:100%;max-width:400px;padding:2rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md)}.auth__title{margin:0 0 .35rem;font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.auth__subtitle{margin:0 0 1.5rem;color:var(--color-text-muted);font-size:.875rem}.auth__form{display:flex;flex-direction:column;gap:.85rem}.auth__label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:500;color:var(--color-text-muted)}.auth__input{padding:.55rem .65rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-2);color:var(--color-text)}.auth__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft)}.auth__submit{margin-top:.25rem;padding:.6rem 1rem;border:none;border-radius:var(--radius);background:var(--color-accent);color:#fff;font-weight:600;cursor:pointer}.auth__submit:hover:not(:disabled){background:var(--color-accent-hover)}.auth__submit:disabled{opacity:.6;cursor:not-allowed}.auth__error{margin:0;color:var(--color-danger);font-size:.825rem}.auth__info{margin:0;color:var(--color-success);font-size:.825rem}.auth__switch{margin:1rem 0 0;text-align:center;font-size:.825rem;color:var(--color-text-muted)}.auth__link-btn{padding:0;border:none;background:none;color:var(--color-accent);cursor:pointer;font:inherit}.auth__link-btn:hover{color:var(--color-accent-hover);text-decoration:underline}.sidebar__user{margin:0 0 .35rem;color:var(--color-text-muted);font-size:.75rem}
