:root{--navy-950:#0b1120;--navy-900:#0f172a;--navy-800:#1e293b;--navy-700:#334155;--navy-600:#475569;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--teal-50:#f0fdfa;--teal-100:#ccfbf1;--teal-500:#14b8a6;--teal-600:#0d9488;--teal-700:#0f766e;--indigo-50:#eef2ff;--indigo-100:#e0e7ff;--indigo-500:#6366f1;--indigo-600:#4f46e5;--success-50:#f0fdf4;--success-600:#16a34a;--success-700:#15803d;--warning-50:#fffbeb;--warning-600:#d97706;--warning-700:#b45309;--danger-50:#fef2f2;--danger-600:#dc2626;--danger-700:#b91c1c;--info-50:#eff6ff;--info-600:#2563eb;--info-700:#1d4ed8;--bg-app:#eef1f8;--bg-surface:#fff;--bg-sidebar:var(--navy-900);--bg-sidebar-active:#ffffff14;--bg-sidebar-hover:#ffffff0d;--border-default:var(--slate-200);--border-strong:var(--slate-300);--border-sidebar:#ffffff14;--text-primary:var(--slate-900);--text-secondary:var(--slate-500);--text-tertiary:var(--slate-400);--text-inverse:#fff;--text-inverse-secondary:var(--slate-400);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 12px 24px #0f172a1a;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--focus-ring:0 0 0 3px #14b8a659;--sidebar-width:264px;--header-height:64px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg-app);min-height:100svh;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;line-height:1.5}#root{min-height:100svh}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:var(--text-3xl);line-height:1.2}h2{font-size:var(--text-2xl);line-height:1.25}h3{font-size:var(--text-xl);line-height:1.3}p{margin:0}a{color:var(--teal-600);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}code,kbd,samp,pre{font-family:var(--font-mono)}hr{border:none;border-top:1px solid var(--border-default);margin:var(--space-6) 0}ul,ol{margin:0;padding:0;list-style:none}img,svg{max-width:100%;display:block}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}::selection{background:var(--teal-100);color:var(--navy-900)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{background:var(--bg-app);min-height:100svh;display:flex}.app-shell__body{flex-direction:column;flex:auto;min-width:0;display:flex}.app-main{padding:var(--space-8);flex:auto;min-width:0}.sidebar-backdrop{z-index:30;background:#0f172a80;display:none;position:fixed;inset:0}.mobile-nav-toggle{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface);width:40px;height:40px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;display:none}.mobile-nav-toggle:hover{background:var(--slate-50)}@media (width<=1023px){.mobile-nav-toggle{display:inline-flex}.sidebar-backdrop[data-open=true]{display:block}}.sidebar{width:var(--sidebar-width);flex-direction:column;flex:0 0 var(--sidebar-width);background:var(--bg-sidebar);color:var(--text-inverse);padding:var(--space-5) var(--space-4);gap:var(--space-6);display:flex}@media (width<=1023px){.sidebar{z-index:40;box-shadow:var(--shadow-lg);transition:transform .2s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}.sidebar[data-open=true]{transform:translate(0)}}.sidebar__logo{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-1);display:flex}.sidebar__logo-mark{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--teal-500), var(--indigo-500));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar__wordmark{font-size:var(--text-lg);color:var(--text-inverse);letter-spacing:-.01em;font-weight:700}.sidebar__close{color:var(--text-inverse-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;margin-left:auto;display:none}@media (width<=1023px){.sidebar__close{display:inline-flex}}.sidebar__section-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-inverse-secondary);padding:0 var(--space-2);font-weight:600}.sidebar__nav{gap:var(--space-1);flex-direction:column;display:flex}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-inverse-secondary);font-size:var(--text-sm);font-weight:500;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--bg-sidebar-hover);color:var(--text-inverse);text-decoration:none}.nav-item[aria-current=page]{background:var(--bg-sidebar-active);color:var(--text-inverse)}.nav-item svg{flex-shrink:0;width:18px;height:18px}.sidebar__spacer{flex:auto}.sidebar__user{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-2);border-top:1px solid var(--border-sidebar);display:flex}.sidebar__user-avatar{border-radius:var(--radius-full);background:var(--navy-700);width:34px;height:34px;color:var(--text-inverse);font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.sidebar__user-info{flex:auto;min-width:0}.sidebar__user-name{font-size:var(--text-sm);color:var(--text-inverse);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar__user-role{font-size:var(--text-xs);color:var(--text-inverse-secondary);text-transform:capitalize}.sidebar__logout{border-radius:var(--radius-md);border:1px solid var(--border-sidebar);width:32px;height:32px;color:var(--text-inverse-secondary);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__logout:hover{background:var(--bg-sidebar-hover);color:var(--text-inverse)}.context-card{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border-sidebar);background:#ffffff0d;flex-direction:column;display:flex}.context-card__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-inverse-secondary);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.context-card__label svg{width:14px;height:14px}.context-card__name{font-size:var(--text-sm);color:var(--text-inverse);font-weight:600}.context-card__select{appearance:none;background:#ffffff14 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>") no-repeat right var(--space-2) center / 16px;border:1px solid var(--border-sidebar);width:100%;color:var(--text-inverse);border-radius:var(--radius-md);padding:var(--space-2) var(--space-8) var(--space-2) var(--space-2);font-size:var(--text-sm);cursor:pointer}.context-card__select:disabled{opacity:.6;cursor:not-allowed}.context-card__error{font-size:var(--text-xs);color:#fca5a5}.app-header{align-items:center;gap:var(--space-4);height:var(--header-height);padding:0 var(--space-8);background:var(--bg-surface);border-bottom:1px solid var(--border-default);flex-shrink:0;display:flex}.app-header__breadcrumb{align-items:baseline;gap:var(--space-2);min-width:0;display:flex}.app-header__tenant{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-header__section{font-size:var(--text-lg);color:var(--text-primary);white-space:nowrap;font-weight:600}.app-header__divider{color:var(--text-tertiary)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);cursor:pointer;white-space:nowrap;border:1px solid #0000;font-weight:600;transition:background .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn svg{flex-shrink:0;width:16px;height:16px}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn--lg{padding:var(--space-3) var(--space-5);font-size:var(--text-base)}.btn--full{width:100%}.btn--primary{background:var(--navy-900);color:#fff}.btn--primary:hover:not(:disabled){background:var(--navy-800)}.btn--secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-strong)}.btn--secondary:hover:not(:disabled){background:var(--slate-50)}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--slate-100);color:var(--text-primary)}.btn--danger{background:var(--bg-surface);color:var(--danger-600);border-color:var(--danger-600)}.btn--danger:hover:not(:disabled){background:var(--danger-50)}.btn--icon{padding:var(--space-2);width:36px;height:36px}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-default);display:flex}.card__title{font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.card__description{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.card__body{padding:var(--space-6)}.card__body--flush{padding:0}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);white-space:nowrap;font-weight:600;line-height:1.6;display:inline-flex}.badge svg{width:12px;height:12px}.badge--neutral{background:var(--slate-100);color:var(--slate-700)}.badge--success{background:var(--success-50);color:var(--success-700)}.badge--warning{background:var(--warning-50);color:var(--warning-700)}.badge--danger{background:var(--danger-50);color:var(--danger-700)}.badge--info{background:var(--info-50);color:var(--info-700)}.badge--accent{background:var(--teal-50);color:var(--teal-700)}.stat-card{gap:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-5);flex-direction:column;display:flex}.stat-card__top{justify-content:space-between;align-items:center;display:flex}.stat-card__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600}.stat-card__icon{border-radius:var(--radius-md);background:var(--teal-50);width:32px;height:32px;color:var(--teal-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-card__icon svg{width:16px;height:16px}.stat-card__value{font-size:var(--text-3xl);color:var(--text-primary);font-weight:700;font-family:var(--font-mono);letter-spacing:-.02em}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table thead th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);white-space:nowrap;font-weight:600}.table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);color:var(--text-primary);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--slate-50)}.mono{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600}.input,.select{border:1px solid var(--border-strong);border-radius:var(--radius-md);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);background:var(--bg-surface);color:var(--text-primary)}.input:focus-visible,.select:focus-visible{border-color:var(--teal-500);box-shadow:var(--focus-ring);outline:none}.input-group{align-items:center;display:flex;position:relative}.input-group svg{left:var(--space-3);width:16px;height:16px;color:var(--text-tertiary);pointer-events:none;position:absolute}.input-group .input{padding-left:var(--space-8)}.input-group__trailing{right:var(--space-2);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.input-group__trailing:hover{color:var(--text-secondary);background:var(--slate-100)}.field__error{font-size:var(--text-xs);color:var(--danger-600)}.field__hint{font-size:var(--text-xs);color:var(--text-tertiary)}.empty-state{text-align:center;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);color:var(--text-secondary);flex-direction:column;display:flex}.empty-state__icon{border-radius:var(--radius-full);background:var(--slate-100);width:48px;height:48px;color:var(--text-tertiary);justify-content:center;align-items:center;display:flex}.empty-state__icon svg{width:22px;height:22px}.empty-state__title{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.empty-state__description{font-size:var(--text-sm);max-width:32em}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg, var(--slate-100) 25%, var(--slate-200) 37%, var(--slate-100) 63%);background-size:400% 100%;animation:1.4s infinite skeleton-shimmer;display:block}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.skeleton{background:var(--slate-100);animation:none}}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-header__actions{align-items:center;gap:var(--space-3);display:flex}.page-header__title{font-size:var(--text-2xl);color:var(--text-primary);font-weight:700}.page-header__description{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.stat-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1279px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=639px){.stat-grid{grid-template-columns:1fr}.app-main{padding:var(--space-4)}.app-header{padding:0 var(--space-4)}.page-header{flex-direction:column;align-items:stretch}}.filter-bar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.filter-bar .input-group{flex:240px;min-width:200px}.filter-bar .select{width:auto;min-width:140px}.menu{display:inline-flex;position:relative}.menu__panel{top:calc(100% + var(--space-1));z-index:20;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-lg);padding:var(--space-1);flex-direction:column;display:flex;position:absolute;right:0}.menu__item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);color:var(--text-primary);font-size:var(--text-sm);text-align:left;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;text-decoration:none;display:flex}.menu__item:hover:not(:disabled){background:var(--slate-100);text-decoration:none}.menu__item:disabled{opacity:.45;cursor:not-allowed}.menu__item--danger{color:var(--danger-600)}.menu__item--danger:hover:not(:disabled){background:var(--danger-50)}.menu__item svg{flex-shrink:0;width:15px;height:15px}.menu__divider{background:var(--border-default);height:1px;margin:var(--space-1) 0}.dialog-backdrop{z-index:50;padding:var(--space-4);background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--bg-surface);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.dialog__title{font-size:var(--text-lg);color:var(--text-primary);align-items:center;gap:var(--space-2);font-weight:700;display:flex}.dialog__title svg{flex-shrink:0;width:18px;height:18px}.dialog__body{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.dialog__actions{justify-content:flex-end;gap:var(--space-3);display:flex}.list-cards{gap:var(--space-3);flex-direction:column;display:none}.list-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.list-card__top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.list-card__title{font-size:var(--text-sm);color:var(--text-primary);font-weight:600;text-decoration:none}.list-card__title:hover{text-decoration:underline}.list-card__meta{gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);flex-wrap:wrap;align-items:center;display:flex}.list-card__badges{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=639px){.table-wrap{display:none}.list-cards{display:flex}}.code-block{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);background:var(--slate-50);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4);white-space:pre-wrap;word-break:break-word;max-height:360px;line-height:1.6;overflow-y:auto}.detail-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.detail-grid__item--full{grid-column:1/-1}.detail-grid__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--space-1);font-weight:600}.detail-grid__value{font-size:var(--text-sm);color:var(--text-primary)}@media (width<=639px){.detail-grid{grid-template-columns:1fr}}.banner{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);display:flex}.banner svg{flex-shrink:0;width:16px;height:16px;margin-top:2px}.banner--success{background:var(--success-50);color:var(--success-700)}.banner--danger{background:var(--danger-50);color:var(--danger-700)}.banner--warning{background:var(--warning-50);color:var(--warning-700)}.banner--info{background:var(--info-50);color:var(--info-700)}.dashboard-main-grid{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:2fr 1fr;display:grid}.dashboard-secondary-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}.dashboard-secondary-grid--two{grid-template-columns:1fr 1fr}.dashboard-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;display:flex}a.dashboard-row:hover{background:var(--slate-50);text-decoration:none}.dashboard-action{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);border:1px solid var(--border-default);font-weight:500;text-decoration:none;display:flex}.dashboard-action:hover{background:var(--slate-50);border-color:var(--border-strong);text-decoration:none}.dashboard-action svg{color:var(--text-secondary);flex-shrink:0}@media (width<=1023px){.dashboard-main-grid,.dashboard-secondary-grid--two{grid-template-columns:1fr}}