:root,:root[data-theme=dark]{color-scheme:dark;--mt-primary: #4f8cff;--mt-primary-hover: #77a6ff;--mt-primary-active: #8eb5ff;--mt-primary-light: #183462;--mt-graphite: #050814;--mt-graphite-light: #111827;--mt-bg: #070b14;--mt-bg-card: #101722;--mt-bg-elevated: #151f2d;--mt-bg-code: #050814;--mt-page-bg: radial-gradient(circle at 15% -10%, rgba(79, 140, 255, .12), transparent 28rem), linear-gradient(180deg, #0b111d 0%, var(--mt-bg) 30rem);--mt-control-bg: #0c1320;--mt-control-border-hover: #3a4a61;--mt-placeholder: #6f7d90;--mt-text: #e6edf7;--mt-text-secondary: #9aa7b8;--mt-text-primary: var(--mt-text);--mt-text-muted: var(--mt-text-secondary);--mt-text-on-primary: #06101f;--mt-text-code: #d8e2f0;--mt-border: #263244;--mt-color-border: var(--mt-border);--mt-success: #34d399;--mt-error: #f87171;--mt-error-contrast: #fecaca;--mt-error-surface: rgba(239, 68, 68, .14);--mt-error-surface-hover: rgba(239, 68, 68, .24);--mt-error-border: rgba(248, 113, 113, .48);--mt-error-border-hover: rgba(248, 113, 113, .72);--mt-warning: #fbbf24;--mt-font-family: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--mt-font-mono: "IBM Plex Mono", ui-monospace, monospace;--mt-space-1: 4px;--mt-space-2: 8px;--mt-space-3: 12px;--mt-space-4: 16px;--mt-space-5: 20px;--mt-space-6: 24px;--mt-space-8: 32px;--mt-space-10: 40px;--mt-space-16: 64px;--mt-container-max: 1440px;--mt-content-max: 820px;--mt-content-standard: 1440px;--mt-content-wide: 2240px;--mt-content-readable: 820px;--mt-page-gutter: clamp(12px, 1.5vw, 40px);--mt-radius: 8px;--mt-input-height: 48px;--mt-button-height: 44px}:root[data-theme=light]{color-scheme:light;--mt-primary: #0343df;--mt-primary-hover: #0236b8;--mt-primary-active: #022b93;--mt-primary-light: #dbeafe;--mt-graphite: #0f172a;--mt-graphite-light: #1e293b;--mt-bg: #f8fafc;--mt-bg-card: #ffffff;--mt-bg-elevated: #eef4ff;--mt-bg-code: #0f172a;--mt-page-bg: var(--mt-bg);--mt-control-bg: #ffffff;--mt-control-border-hover: #bfdbfe;--mt-placeholder: #94a3b8;--mt-text: #0f172a;--mt-text-secondary: #64748b;--mt-text-on-primary: #ffffff;--mt-text-code: #e2e8f0;--mt-border: #e2e8f0;--mt-success: #10b981;--mt-error: #ef4444;--mt-error-contrast: #991b1b;--mt-error-surface: #fef2f2;--mt-error-surface-hover: #fee2e2;--mt-error-border: #fecaca;--mt-error-border-hover: #fca5a5;--mt-warning: #f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--mt-font-family);background:var(--mt-page-bg);color:var(--mt-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:100dvh}#root{height:100vh;min-height:100vh;height:100dvh;min-height:100dvh}a{color:var(--mt-primary);text-decoration:none}a:hover{text-decoration:underline}.inline-icon-link{display:inline-flex;align-items:center;gap:var(--mt-space-1);overflow-wrap:anywhere}.inline-icon-link svg{display:block;flex:0 0 auto}code,pre,.mono{font-family:var(--mt-font-mono)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}.app-shell{--app-sidebar-width: 280px;--app-sidebar-collapsed-width: 72px;--app-sidebar-control-size: 40px;height:100vh;min-height:100vh;height:100dvh;min-height:100dvh;width:100%}.app-sidebar{position:fixed;top:0;bottom:0;left:0;display:flex;flex-direction:column;gap:var(--mt-space-5);width:var(--app-sidebar-width);padding:var(--mt-space-5);border-right:1px solid var(--mt-border);background:#050814f5;overflow:hidden;transition:width .18s ease,padding .18s ease,transform .18s ease;z-index:30}:root[data-theme=light] .app-sidebar{background:var(--mt-graphite);color:#fff}.app-shell[data-sidebar=collapsed] .app-sidebar{width:var(--app-sidebar-collapsed-width);padding:var(--mt-space-4) var(--mt-space-2)}.app-sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:var(--mt-space-3)}.app-sidebar-scroll{display:grid;gap:var(--mt-space-5);min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.app-brand{display:flex;align-items:center;gap:var(--mt-space-3);min-height:48px;color:#fff;font-size:1rem;font-weight:700;text-decoration:none;min-width:0}.app-brand:hover{text-decoration:none}.app-brand img{display:block;flex:0 0 auto;width:40px;height:40px;object-fit:contain}.app-brand-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-collapse,.mobile-nav-button{display:inline-grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border:1px solid rgba(203,213,225,.2);border-radius:var(--mt-radius);background:#ffffff0a;color:#fff;cursor:pointer;font:inherit;font-weight:700}.sidebar-collapse:hover,.mobile-nav-button:hover{background:#ffffff1a}.app-shell[data-sidebar=collapsed] .app-sidebar-top{flex-direction:column}.app-shell[data-sidebar=collapsed] .sidebar-collapse{width:var(--app-sidebar-control-size);height:var(--app-sidebar-control-size);flex-basis:var(--app-sidebar-control-size)}.app-shell[data-sidebar=collapsed] .app-brand-text{display:none}.app-nav{display:grid;gap:var(--mt-space-1)}.app-nav-item{display:flex;align-items:center;gap:var(--mt-space-2);min-height:40px;width:100%;padding:0 var(--mt-space-2);border:0;border-radius:var(--mt-radius);background:transparent;color:#cbd5e1;cursor:pointer;font:inherit;font-weight:600;text-decoration:none;text-align:left}.app-nav-item:hover,.app-nav-item:focus-visible{background:#ffffff0f;color:#fff;text-decoration:none}.app-nav-item:focus-visible,.sidebar-collapse:focus-visible,.mobile-nav-button:focus-visible{outline:2px solid var(--mt-primary);outline-offset:2px}.app-nav-item.active{background:var(--mt-primary);color:var(--mt-text-on-primary)}.nav-icon{display:inline-grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:6px;background:#ffffff14}.nav-icon svg,.sidebar-collapse svg,.mobile-nav-button svg{display:block}.app-nav-item.active .nav-icon{background:#ffffff38}.nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-chevron{margin-left:auto;color:#94a3b8;font-weight:700}.nav-group{display:grid;gap:var(--mt-space-1)}.nav-children{display:grid;gap:var(--mt-space-1);padding-left:var(--mt-space-5)}.app-nav-child{min-height:36px;font-size:.875rem}.app-shell[data-sidebar=collapsed] .app-nav-item{justify-content:center;width:var(--app-sidebar-control-size);min-height:var(--app-sidebar-control-size);height:var(--app-sidebar-control-size);margin-inline:auto;padding:0}.app-shell[data-sidebar=collapsed] .nav-label,.app-shell[data-sidebar=collapsed] .nav-chevron,.app-shell[data-sidebar=collapsed] .nav-children{display:none}.app-sidebar-footer{display:grid;gap:var(--mt-space-3);margin-top:auto}.workspace-switcher{display:grid;gap:var(--mt-space-3);padding:var(--mt-space-3);border:1px solid rgba(203,213,225,.2);border-radius:var(--mt-radius);background:#ffffff0a}.workspace-switcher-header,.workspace-summary,.workspace-field{display:grid;gap:var(--mt-space-1)}.workspace-switcher-header span,.workspace-summary span,.workspace-field span{color:#94a3b8;font-size:.75rem;font-weight:600;text-transform:uppercase}.workspace-switcher-header strong,.workspace-summary strong{color:#fff;font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-user{min-width:0;padding:var(--mt-space-3);border:1px solid rgba(203,213,225,.2);border-radius:var(--mt-radius);background:#ffffff0a}.app-user-link{display:flex;align-items:center;gap:var(--mt-space-3);color:inherit}.app-user-link:hover{background:#ffffff14;border-color:#cbd5e157;text-decoration:none}.app-user-copy{min-width:0}.app-user-copy>span{display:block;margin-bottom:var(--mt-space-1);color:#94a3b8;font-size:.75rem;font-weight:600;text-transform:uppercase}.app-user-copy>strong{display:block;overflow:hidden;color:#fff;font-size:.875rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.app-shell[data-sidebar=collapsed] .app-user{display:grid;place-items:center;width:var(--app-sidebar-control-size);height:var(--app-sidebar-control-size);margin-inline:auto;padding:0}.app-shell[data-sidebar=collapsed] .app-user-copy{display:none}.app-user-icon{flex:0 0 auto;color:#fff}.sidebar-auth-action{width:100%}.app-shell[data-sidebar=collapsed] .workspace-switcher{display:none}.app-main{min-width:0;width:auto;height:100vh;min-height:100vh;height:100dvh;min-height:100dvh;margin-left:var(--app-sidebar-width);overflow-x:auto;overflow-y:auto;transition:margin-left .18s ease}.app-shell[data-sidebar=collapsed] .app-main{margin-left:var(--app-sidebar-collapsed-width)}.app-main-service{height:100vh;height:100dvh;overflow:hidden}.app-content{width:100%;max-width:var(--mt-content-standard);min-width:0;margin-inline:auto;padding:var(--mt-page-gutter);overflow:visible}.app-content-wide{max-width:var(--mt-content-wide)}.app-service-area{width:100%;height:100vh;height:100dvh;overflow:hidden}.app-mobile-bar{display:none}.mobile-brand{display:inline-flex;align-items:center;gap:var(--mt-space-2);color:var(--mt-text);font-weight:700}.mobile-brand:hover{text-decoration:none}.mobile-brand img{display:block;flex:0 0 auto;width:32px;height:32px;object-fit:contain}.sidebar-scrim{display:none}.auth-state{display:grid;min-height:240px;place-items:center;color:var(--mt-text-secondary);text-align:center}.auth-state-error{color:var(--mt-error)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--mt-space-4);margin-bottom:var(--mt-space-6)}.page-header h1{display:flex;align-items:center;gap:var(--mt-space-2);font-size:1.5rem;font-weight:600;line-height:1.2}.page-header h1 svg{display:block;flex:0 0 auto}.page-header p{max-width:680px;margin-top:var(--mt-space-2);color:var(--mt-text-secondary)}.page-loading{padding:var(--mt-space-8);color:var(--mt-text-secondary)}.admin-service-page,.service-frame-workspace{width:100%;height:100%;min-height:0}.service-frame{display:block;width:100%;height:100%;border:0;background:var(--mt-bg-card)}.settings-layout{display:grid;grid-template-columns:minmax(200px,248px) minmax(0,1fr);gap:var(--mt-space-6);align-items:start}.settings-navigation{position:sticky;top:var(--mt-space-6);display:grid;gap:var(--mt-space-1);padding:var(--mt-space-4);border:1px solid var(--mt-border);border-radius:calc(var(--mt-radius) + 4px);background:var(--mt-bg-card)}.settings-navigation h1{margin:0 0 var(--mt-space-3);font-size:1.25rem}.settings-title{margin:0 0 var(--mt-space-3);color:var(--mt-text);font-size:1.25rem;font-weight:700}.settings-mobile-navigation.form-field{display:none}.settings-nav-heading{margin-top:var(--mt-space-4);color:var(--mt-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.settings-navigation a{padding:var(--mt-space-2) var(--mt-space-3);border-radius:var(--mt-radius);color:var(--mt-text-secondary);font-weight:600;text-decoration:none}.settings-navigation a:hover,.settings-navigation a.active{background:var(--mt-control-bg);color:var(--mt-text-primary);text-decoration:none}.settings-navigation a.active{box-shadow:inset 3px 0 0 var(--mt-primary)}.settings-content{min-width:0}.settings-object-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--mt-space-4)}.settings-object-card{display:flex;align-items:center;justify-content:space-between;gap:var(--mt-space-4);color:var(--mt-text-primary);cursor:pointer;font:inherit;text-align:left}.settings-object-card:hover{border-color:var(--mt-primary)}.settings-object-card span,.settings-object-card small{display:block}.settings-object-card small{margin-top:var(--mt-space-1);color:var(--mt-text-muted)}.settings-object-tabs{display:flex;flex-wrap:wrap;gap:var(--mt-space-2);margin-bottom:var(--mt-space-5)}.settings-object-tabs a{padding:var(--mt-space-2) var(--mt-space-4);border:1px solid var(--mt-border);border-radius:var(--mt-radius);color:var(--mt-text-secondary);font-weight:600;text-decoration:none}.settings-object-tabs a.active{border-color:var(--mt-primary);background:var(--mt-primary);color:var(--mt-text-on-primary)}.settings-form-actions{display:flex;flex-wrap:wrap;gap:var(--mt-space-3);margin-top:var(--mt-space-5)}.settings-metadata{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--mt-space-2) var(--mt-space-4)}.settings-metadata dt{color:var(--mt-text-muted);font-weight:600}.settings-metadata dd{min-width:0;margin:0;overflow-wrap:anywhere}.container{max-width:var(--mt-container-max);margin:0 auto;padding:0 var(--mt-space-6)}.card{min-width:0;background:var(--mt-bg-card);padding:var(--mt-space-6);border-radius:var(--mt-radius);border:1px solid var(--mt-border);box-shadow:0 18px 48px #00000038}:root[data-theme=light] .card{box-shadow:none}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--mt-space-2);background:var(--mt-primary);color:var(--mt-text-on-primary);border:none;height:var(--mt-button-height);padding:0 var(--mt-space-5);border-radius:var(--mt-radius);cursor:pointer;font-family:var(--mt-font-family);font-size:.875rem;font-weight:500}.btn-primary:hover{background:var(--mt-primary-hover)}.btn-primary:active{background:var(--mt-primary-active)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--mt-space-2);background:var(--mt-control-bg);color:var(--mt-text);border:1px solid var(--mt-border);height:var(--mt-button-height);padding:0 var(--mt-space-5);border-radius:var(--mt-radius);cursor:pointer;font-family:var(--mt-font-family);font-size:.875rem}.btn-secondary:hover{background:var(--mt-bg-elevated);border-color:var(--mt-control-border-hover)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--mt-space-2);background:var(--mt-error-surface);color:var(--mt-error-contrast);border:1px solid var(--mt-error-border);height:var(--mt-button-height);padding:0 var(--mt-space-5);border-radius:var(--mt-radius);cursor:pointer;font-family:var(--mt-font-family);font-size:.875rem;font-weight:600}.btn-danger:hover{background:var(--mt-error-surface-hover);border-color:var(--mt-error-border-hover)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-danger:focus-visible,.icon-button:focus-visible,.selectable-card:focus-visible,.tab-button:focus-visible{outline:2px solid var(--mt-primary);outline-offset:2px}.icon-button{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--mt-border);border-radius:var(--mt-radius);background:var(--mt-control-bg);color:var(--mt-text);cursor:pointer}.icon-button:hover{background:var(--mt-bg-elevated);border-color:var(--mt-control-border-hover)}.icon-button:disabled{opacity:.5;cursor:not-allowed}.icon-button-sm{width:32px;height:32px}.icon-button-md{width:36px;height:36px}.icon-button-lg{width:var(--mt-button-height);height:var(--mt-button-height)}.icon-button-primary{color:var(--mt-text-on-primary);background:var(--mt-primary);border-color:var(--mt-primary)}.icon-button-primary:hover{background:var(--mt-primary-hover);border-color:var(--mt-primary-hover)}.icon-button-danger{color:var(--mt-error-contrast);background:var(--mt-error-surface);border-color:var(--mt-error-border)}.icon-button-danger:hover{background:var(--mt-error-surface-hover);border-color:var(--mt-error-border-hover)}.icon-button-ghost{border-color:transparent;background:transparent}.icon-button[aria-pressed=true]{color:var(--mt-text-on-primary);background:var(--mt-primary);border-color:var(--mt-primary)}.icon-button.sidebar-collapse,.icon-button.mobile-nav-button{border-color:#cbd5e133;background:#ffffff0a;color:#fff}.icon-button.sidebar-collapse:hover,.icon-button.mobile-nav-button:hover{background:#ffffff1a}.icon-button-spinner{animation:icon-button-spin .85s linear infinite}@keyframes icon-button-spin{to{transform:rotate(360deg)}}.selectable-card{color:var(--mt-text-primary);cursor:pointer;font:inherit;text-align:left}.selectable-card:hover,.selectable-card[aria-pressed=true]{border-color:var(--mt-primary)}.selectable-card[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--mt-primary)}.table-actions,.toolbar-actions,.pagination-actions{display:inline-flex;align-items:center;gap:var(--mt-space-2);flex-wrap:nowrap}.table-actions{flex-wrap:nowrap;white-space:nowrap}.theme-toggle{display:inline-flex;align-items:center;height:36px;padding:3px;border:1px solid var(--mt-border);border-radius:var(--mt-radius);background:var(--mt-control-bg);color:var(--mt-text-secondary);cursor:pointer;font:inherit;font-size:.8125rem}.theme-toggle-option{display:inline-flex;align-items:center;height:28px;padding:0 var(--mt-space-3);border-radius:6px;font-weight:600}.theme-toggle-option[data-active=true]{background:var(--mt-primary);color:var(--mt-text-on-primary)}.settings-theme-toggle button{border:0;background:transparent;color:inherit;cursor:pointer;font:inherit}.settings-theme-toggle button[data-active=true]{background:var(--mt-primary);color:var(--mt-text-on-primary)}.app-shell[data-sidebar=collapsed] .theme-toggle{justify-content:center;width:44px}.app-shell[data-sidebar=collapsed] .theme-toggle-option{display:none}.app-shell[data-sidebar=collapsed] .theme-toggle:after{content:"T";color:#fff;font-weight:700}.app-shell[data-sidebar=collapsed] .sidebar-auth-action{width:var(--app-sidebar-control-size);height:var(--app-sidebar-control-size);margin-inline:auto;padding:0}.app-shell[data-sidebar=collapsed] .sidebar-auth-label{display:none}.input{background:var(--mt-control-bg);color:var(--mt-text);height:var(--mt-input-height);padding:0 var(--mt-space-3);border:1px solid var(--mt-border);border-radius:var(--mt-radius);font-family:var(--mt-font-family);font-size:.875rem;width:100%;max-width:400px}.input::placeholder{color:var(--mt-placeholder)}.input:focus{outline:2px solid var(--mt-primary);outline-offset:1px;border-color:var(--mt-primary)}.form-field{display:grid;gap:var(--mt-space-2);max-width:400px;color:var(--mt-text-secondary);font-size:.875rem;font-weight:600}.input-textarea{min-height:112px;height:auto;padding-block:var(--mt-space-3);resize:vertical}.form-field-hint,.form-field-error{font-size:.75rem;font-weight:500}.form-field-hint{color:var(--mt-text-secondary)}.form-field-error{color:var(--mt-error)}.checkbox-field{display:inline-flex;align-items:center;gap:var(--mt-space-2);min-height:44px;color:var(--mt-text);cursor:pointer;font-size:.875rem;font-weight:600}.checkbox-field input{width:20px;height:20px;accent-color:var(--mt-primary)}.segmented-control{display:inline-flex;max-width:100%;padding:3px;border:1px solid var(--mt-border);border-radius:var(--mt-radius);background:var(--mt-control-bg);overflow-x:auto}.empty-state{display:grid;justify-items:start;gap:var(--mt-space-2);min-width:0;padding:var(--mt-space-8);border:1px dashed var(--mt-border);border-radius:var(--mt-radius);color:var(--mt-text-secondary)}.empty-state h2{color:var(--mt-text);font-size:1rem}.empty-state p{max-width:var(--mt-content-readable)}.empty-state-action{margin-top:var(--mt-space-2)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:var(--mt-page-gutter);background:#020617b8}.dialog-panel{width:min(100%,560px);max-height:min(88vh,760px);max-height:min(88dvh,760px);overflow:auto;border:1px solid var(--mt-border);border-radius:calc(var(--mt-radius) + 4px);background:var(--mt-bg-card);box-shadow:0 24px 80px #0000006b}.dialog-header,.dialog-body,.dialog-actions{padding:var(--mt-space-5)}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--mt-space-4);border-bottom:1px solid var(--mt-border)}.dialog-header h2{display:flex;align-items:center;gap:var(--mt-space-2);font-size:1.125rem}.dialog-header p{margin-top:var(--mt-space-1);color:var(--mt-text-secondary)}.dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--mt-space-3);border-top:1px solid var(--mt-border)}.page-header-copy{min-width:0}.page-header-context{margin-top:var(--mt-space-3);color:var(--mt-text-secondary)}.page-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--mt-space-2)}.dashboard-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mt-space-4)}.dashboard-summary>div{min-width:0;padding:var(--mt-space-4);border:1px solid var(--mt-border);border-radius:var(--mt-radius);background:var(--mt-control-bg)}.dashboard-summary dt{color:var(--mt-text-secondary);font-size:.75rem;font-weight:700;text-transform:uppercase}.dashboard-summary dd{margin-top:var(--mt-space-1);font-size:1rem;font-weight:600;overflow-wrap:anywhere}.dashboard-actions{display:flex;flex-wrap:wrap;gap:var(--mt-space-3)}@media(max-width:599px){.dashboard-summary{grid-template-columns:minmax(0,1fr)}.dashboard-actions>*{width:100%}}.code-block{background:var(--mt-bg-code);color:var(--mt-text-code);padding:var(--mt-space-4);border-radius:var(--mt-radius);font-family:var(--mt-font-mono);font-size:.875rem;white-space:pre-wrap;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.responsive-table{position:relative;min-width:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;overscroll-behavior-inline:contain;outline-offset:3px}.responsive-table:focus-visible{outline:2px solid var(--mt-primary)}.responsive-table-overflowing{padding-bottom:var(--mt-space-2);background-image:linear-gradient(to right,transparent calc(100% - 32px),color-mix(in srgb,var(--mt-primary) 18%,transparent));background-attachment:local}.responsive-table-sticky-first .data-table th:first-child,.responsive-table-sticky-first .data-table td:first-child{position:sticky;left:0;z-index:1;background:var(--mt-bg-card);box-shadow:1px 0 0 var(--mt-border)}.responsive-table-sticky-first .data-table th:first-child{z-index:2}.responsive-table-details-row>td{background:var(--mt-control-bg)}.responsive-table-sticky-first .data-table .responsive-table-details-row>td:first-child{position:static;box-shadow:none}.data-table th,.data-table td{border-bottom:1px solid var(--mt-border);padding:var(--mt-space-3);text-align:left;vertical-align:middle}.data-table td:has(>.table-actions){width:1%;white-space:nowrap}.data-table tbody tr:hover{background:#ffffff06}.data-table th{color:var(--mt-text-secondary);font-weight:600;text-transform:uppercase;font-size:.75rem}.tabs{display:inline-flex;max-width:100%;border:1px solid var(--mt-border);border-radius:var(--mt-radius);background:var(--mt-control-bg);overflow-x:auto}.tabs .tab-button{flex:0 0 auto;height:40px;padding:0 var(--mt-space-5);border:0;border-right:1px solid var(--mt-border);background:transparent;color:var(--mt-text-secondary);cursor:pointer;font:inherit}.tabs .tab-button:hover{background:var(--mt-bg-elevated);color:var(--mt-text)}.tabs .tab-button:last-child{border-right:0}.tabs .tab-active{background:var(--mt-primary);color:var(--mt-text-on-primary)}.panel-title{display:flex;align-items:center;gap:var(--mt-space-2);font-size:.875rem;font-weight:600;margin-bottom:var(--mt-space-4);color:var(--mt-text-secondary);text-transform:uppercase}.panel-title svg,.btn-primary svg,.btn-secondary svg,.btn-danger svg{display:block;flex:0 0 auto}.scoped-access-panel{display:grid;gap:var(--mt-space-4)}.access-section-grid{display:grid;gap:var(--mt-space-6)}.access-table th,.access-table td{vertical-align:top}.access-row-actions{display:flex;flex-wrap:wrap;gap:var(--mt-space-2);min-width:220px}.access-row-actions .btn-secondary,.access-row-actions .btn-danger{height:34px;padding:0 var(--mt-space-3)}.access-datetime-input{max-width:190px}.access-permission-pills{display:flex;flex-wrap:wrap;gap:var(--mt-space-2);max-width:420px}.access-permission-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 var(--mt-space-2);border:1px solid var(--mt-border);border-radius:6px;background:var(--mt-control-bg);color:var(--mt-text-secondary);font-size:.75rem;font-weight:600;overflow-wrap:anywhere}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--mt-space-3)}.compact-select{height:36px;border:1px solid var(--mt-border);border-radius:var(--mt-radius);background:var(--mt-control-bg);color:var(--mt-text);padding:0 var(--mt-space-2);font:inherit}.profile-page-grid{display:grid;gap:var(--mt-space-6)}.profile-panel{display:grid;gap:var(--mt-space-5)}.profile-readonly-grid,.profile-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--mt-space-4);align-items:start}.profile-field,.profile-input-field{display:grid;gap:var(--mt-space-2);min-width:0}.profile-field span,.profile-input-field span{color:var(--mt-text-secondary);font-size:.75rem;font-weight:700;text-transform:uppercase}.profile-field strong{min-width:0;overflow-wrap:anywhere;font-size:.9375rem}.profile-role-list{display:flex;flex-wrap:wrap;gap:var(--mt-space-2)}.profile-role-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 var(--mt-space-3);border:1px solid var(--mt-border);border-radius:var(--mt-radius);background:var(--mt-control-bg);color:var(--mt-text);font-size:.8125rem;font-weight:600}.profile-timezone-field{position:relative}.profile-timezone-options{position:absolute;z-index:30;top:calc(100% + var(--mt-space-2));left:0;width:min(420px,100%);max-height:280px;overflow:auto;padding:var(--mt-space-2);border:1px solid var(--mt-border);border-radius:var(--mt-radius);background:var(--mt-bg-card);box-shadow:0 18px 48px #00000047}.profile-timezone-options button{display:block;width:100%;padding:var(--mt-space-2) var(--mt-space-3);border:0;border-radius:6px;background:transparent;color:var(--mt-text);cursor:pointer;font:inherit;text-align:left}.profile-timezone-options button:hover,.profile-timezone-options button[aria-selected=true]{background:var(--mt-control-bg)}.profile-timezone-empty{padding:var(--mt-space-3);color:var(--mt-text-secondary)}.profile-settings-toggle{align-self:end;min-height:var(--mt-input-height)}.profile-actions{display:flex;justify-content:flex-end;gap:var(--mt-space-3)}.access-editor{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--mt-space-4);align-items:end;margin:var(--mt-space-5) 0}.access-note-field{max-width:none}.access-advanced-toggle{min-height:var(--mt-input-height)}.access-permission-groups{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--mt-space-3)}.access-permission-group{display:grid;gap:var(--mt-space-2);margin:0;padding:var(--mt-space-3);border:1px solid var(--mt-border);border-radius:var(--mt-radius)}.access-permission-group legend{padding:0 var(--mt-space-2);color:var(--mt-text-secondary);font-size:.75rem;font-weight:700;text-transform:uppercase}.access-permission-option{display:flex;align-items:center;gap:var(--mt-space-2);min-width:0;font-size:.8125rem;color:var(--mt-text)}.access-permission-option span{overflow-wrap:anywhere}.syslog-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.syslog-advanced-filters{margin-top:var(--mt-space-4);padding:var(--mt-space-3) 0;border-top:1px solid var(--mt-border)}.syslog-advanced-filters summary{width:fit-content;min-height:44px;color:var(--mt-text-secondary);cursor:pointer;font-weight:600}.syslog-advanced-filters[open] summary{margin-bottom:var(--mt-space-3)}@media(max-width:1180px){.syslog-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:599px){.syslog-filter-grid{grid-template-columns:minmax(0,1fr)}}.notice{padding:var(--mt-space-3) var(--mt-space-4);border-radius:var(--mt-radius);margin-bottom:var(--mt-space-4);border:1px solid var(--mt-border)}.notice-ok{color:#a7f3d0;background:#10b9811f;border-color:#34d39952}.notice-error{color:#fecaca;background:#ef44441f;border-color:#f8717152}.notice-warning{color:#fde68a;background:#f59e0b1f;border-color:#fbbf2452}.dialog-panel-danger{width:min(620px,100%);border-color:#f8717175}.dialog-panel-danger .dialog-header h2{color:#fecaca}.dialog-panel-danger .dialog-body{display:grid;gap:var(--mt-space-4)}.danger-warning{display:grid;gap:var(--mt-space-2);padding:var(--mt-space-4);border:1px solid rgba(248,113,113,.42);border-radius:var(--mt-radius);background:#ef44441f;color:#fecaca}.danger-warning p{margin:0;color:var(--mt-text-secondary)}.danger-confirm{display:grid;grid-template-columns:18px minmax(0,1fr);gap:var(--mt-space-3);align-items:start;color:var(--mt-text);font-size:.875rem}.danger-confirm input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--mt-error)}:root[data-theme=light] .notice-ok{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}:root[data-theme=light] .notice-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}:root[data-theme=light] .notice-warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.status-grid{display:grid;gap:var(--mt-space-3)}.status-card{display:flex;align-items:center;justify-content:space-between;gap:var(--mt-space-4);padding:var(--mt-space-4);border:1px solid var(--mt-border);border-radius:var(--mt-radius)}.status-card p{color:var(--mt-text-secondary);margin-top:var(--mt-space-1)}.status-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--mt-space-4);margin-bottom:var(--mt-space-4)}.status-header .panel-title{margin-bottom:var(--mt-space-1)}.status-actions{display:flex;align-items:center;gap:var(--mt-space-3);flex-wrap:wrap;justify-content:flex-end}.profile-toggle{display:inline-flex;align-items:center;gap:var(--mt-space-2);height:var(--mt-button-height);padding:0 var(--mt-space-4);border:1px solid var(--mt-border);border-radius:var(--mt-radius);background:var(--mt-control-bg);color:var(--mt-text-secondary);font-size:.875rem;font-weight:600;white-space:nowrap}.profile-toggle input{width:16px;height:16px;accent-color:var(--mt-primary)}.profile-toggle:has(input:checked){color:var(--mt-text-primary);border-color:var(--mt-primary)}.profile-toggle:has(input:disabled){opacity:.62}.status-muted{color:var(--mt-text-secondary);font-size:.8125rem}.status-table td{vertical-align:top}.status-version{max-width:280px;color:var(--mt-text-secondary);word-break:break-word}.endpoint-list{display:grid;gap:var(--mt-space-3);min-width:240px}.endpoint-row{display:grid;grid-template-columns:10px minmax(0,1fr);gap:var(--mt-space-2);align-items:start}.endpoint-label{font-weight:600}.endpoint-address{color:var(--mt-text);font-size:.8125rem;overflow-wrap:anywhere}.status-dot{width:10px;height:10px;border-radius:50%;margin-top:7px;background:var(--mt-border)}.status-dot-ok,.status-dot-success,.status-dot-available{background:var(--mt-success)}.status-dot-error,.status-dot-failed{background:var(--mt-error)}.status-dot-configured,.status-dot-simulated{background:var(--mt-primary)}.status-dot-not_configured{background:var(--mt-text-secondary)}.status-pill{display:inline-flex;align-items:center;gap:var(--mt-space-1);min-height:24px;padding:0 var(--mt-space-2);border-radius:999px;background:var(--mt-bg-elevated);color:var(--mt-text-secondary);font-size:.75rem;font-weight:600}.status-pill svg{display:block;flex:0 0 auto}.status-pill-progress svg{animation:status-spin .9s linear infinite}@keyframes status-spin{to{transform:rotate(360deg)}}.status-ok,.status-success,.status-provisioned,.status-available,.status-healthy,.status-online,.status-passed,.status-ready,.status-info,.status-notice,.status-debug,.status-verified{background:#10b98129;color:#a7f3d0}.status-error,.status-critical,.status-failed,.status-offline{background:#ef444429;color:#fecaca}.status-running,.status-busy,.status-active,.status-boot,.status-creating,.status-loading,.status-pending,.status-progress,.status-provisioning,.status-refreshing,.status-rebooting,.status-configured,.status-simulated{background:#4f8cff2b;color:#bfdbfe}.status-waiting,.status-aborted,.status-disabled,.status-not_configured,.status-warning,.status-stopped,.status-suspended,.status-archived{background:#94a3b824;color:#cbd5e1}:root[data-theme=light] .status-ok,:root[data-theme=light] .status-success,:root[data-theme=light] .status-provisioned,:root[data-theme=light] .status-available,:root[data-theme=light] .status-healthy,:root[data-theme=light] .status-online,:root[data-theme=light] .status-passed,:root[data-theme=light] .status-ready,:root[data-theme=light] .status-info,:root[data-theme=light] .status-notice,:root[data-theme=light] .status-debug,:root[data-theme=light] .status-verified{background:#dcfce7;color:#166534}:root[data-theme=light] .status-error,:root[data-theme=light] .status-critical,:root[data-theme=light] .status-failed,:root[data-theme=light] .status-offline{background:#fee2e2;color:#991b1b}:root[data-theme=light] .status-running,:root[data-theme=light] .status-busy,:root[data-theme=light] .status-active,:root[data-theme=light] .status-boot,:root[data-theme=light] .status-creating,:root[data-theme=light] .status-loading,:root[data-theme=light] .status-pending,:root[data-theme=light] .status-progress,:root[data-theme=light] .status-provisioning,:root[data-theme=light] .status-refreshing,:root[data-theme=light] .status-rebooting,:root[data-theme=light] .status-configured,:root[data-theme=light] .status-simulated{background:#dbeafe;color:#1e40af}:root[data-theme=light] .status-waiting,:root[data-theme=light] .status-aborted,:root[data-theme=light] .status-disabled,:root[data-theme=light] .status-not_configured,:root[data-theme=light] .status-warning,:root[data-theme=light] .status-stopped,:root[data-theme=light] .status-suspended,:root[data-theme=light] .status-archived{background:#f1f5f9;color:#475569}@media(max-width:1180px){.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-navigation{display:none}.settings-mobile-navigation.form-field{display:grid;gap:var(--mt-space-2);margin-bottom:var(--mt-space-5)}.app-shell{display:block}.app-sidebar{width:min(84vw,320px);max-width:320px;padding:max(var(--mt-space-5),env(safe-area-inset-top)) var(--mt-space-5) max(var(--mt-space-5),env(safe-area-inset-bottom));transform:translate(-100%);box-shadow:none}.app-shell.mobile-nav-open .app-sidebar{transform:translate(0);box-shadow:24px 0 64px #00000061}.app-shell[data-sidebar=collapsed] .app-sidebar{width:min(84vw,320px);max-width:320px;padding:var(--mt-space-5)}.app-shell[data-sidebar=collapsed] .app-sidebar-top{flex-direction:row}.app-shell[data-sidebar=collapsed] .app-brand-text,.app-shell[data-sidebar=collapsed] .nav-label,.app-shell[data-sidebar=collapsed] .nav-chevron{display:inline}.app-shell[data-sidebar=collapsed] .nav-children{display:grid}.app-shell[data-sidebar=collapsed] .app-nav-item{justify-content:flex-start;width:100%;height:auto;margin-inline:0;padding:0 var(--mt-space-2)}.app-shell[data-sidebar=collapsed] .app-user{display:flex;width:auto;height:auto;margin-inline:0;padding:var(--mt-space-3)}.app-shell[data-sidebar=collapsed] .workspace-switcher{display:grid}.app-shell[data-sidebar=collapsed] .app-user-copy{display:block}.app-shell[data-sidebar=collapsed] .theme-toggle{justify-content:flex-start;width:100%}.app-shell[data-sidebar=collapsed] .theme-toggle:after{content:none}.app-shell[data-sidebar=collapsed] .theme-toggle-option{display:inline-flex}.app-shell[data-sidebar=collapsed] .sidebar-auth-action{width:100%;height:var(--mt-button-height);margin-inline:0;padding:0 var(--mt-space-5)}.app-shell[data-sidebar=collapsed] .sidebar-auth-label{display:inline}.sidebar-collapse{display:none}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;display:block;border:0;background:#0000006b;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:20}.app-shell.mobile-nav-open .sidebar-scrim{opacity:1;pointer-events:auto}.app-main{margin-left:0;width:100%}.app-shell[data-sidebar=collapsed] .app-main{margin-left:0}.app-mobile-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:var(--mt-space-3);min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(var(--mt-space-4),env(safe-area-inset-right)) 0 max(var(--mt-space-4),env(safe-area-inset-left));border-bottom:1px solid var(--mt-border);background:var(--mt-bg-card)}.app-content{max-width:none;padding:var(--mt-page-gutter)}.app-main-service .app-service-area{height:calc(100vh - 56px);height:calc(100dvh - 56px - env(safe-area-inset-top))}.page-header,.status-header{display:grid}}@media(max-width:599px){.app-content{padding:var(--mt-space-4) var(--mt-space-3)}.form-grid{grid-template-columns:minmax(0,1fr)}.theme-toggle,.btn-primary,.btn-secondary{width:100%;justify-content:center}}@media(max-width:1180px),(pointer:coarse){.icon-button,.icon-button-sm,.icon-button-md,.app-nav-item,.app-nav-child,.tabs .tab-button,.theme-toggle{min-width:44px;min-height:44px}.icon-button.mobile-nav-button{width:44px;height:44px;flex-basis:44px;border-color:var(--mt-border);background:var(--mt-control-bg);color:var(--mt-text)}.icon-button.mobile-nav-button:hover{background:var(--mt-bg-elevated)}}.ui-stack-2,.ui-stack-3,.ui-stack-4,.ui-stack-5,.ui-stack-6{display:grid}.ui-stack-2{gap:var(--mt-space-2)}.ui-stack-3{gap:var(--mt-space-3)}.ui-stack-4{gap:var(--mt-space-4)}.ui-stack-5{gap:var(--mt-space-5)}.ui-stack-6{gap:var(--mt-space-6)}.ui-flex-between-3,.ui-flex-center-between-3,.ui-flex-center-between-wrap-4,.ui-flex-2,.ui-flex-wrap-2,.ui-flex-wrap-3,.ui-flex-end-wrap-2,.ui-flex-end-between-wrap-4{display:flex}.ui-flex-between-3,.ui-flex-center-between-3,.ui-flex-center-between-wrap-4,.ui-flex-end-between-wrap-4{justify-content:space-between}.ui-flex-between-3,.ui-flex-center-between-3,.ui-flex-wrap-3{gap:var(--mt-space-3)}.ui-flex-center-between-3{align-items:center}.ui-flex-center-between-wrap-4{align-items:center;gap:var(--mt-space-4);flex-wrap:wrap}.ui-flex-2,.ui-flex-wrap-2,.ui-flex-end-wrap-2{gap:var(--mt-space-2)}.ui-flex-wrap-2,.ui-flex-wrap-3,.ui-flex-end-wrap-2,.ui-flex-end-between-wrap-4{flex-wrap:wrap}.ui-flex-end-wrap-2,.ui-flex-end-between-wrap-4{align-items:flex-end}.ui-flex-end-between-wrap-4{gap:var(--mt-space-4)}.ui-grid-auto-120,.ui-grid-auto-190,.ui-grid-auto-360{display:grid}.ui-grid-auto-120{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--mt-space-4)}.ui-grid-auto-190{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--mt-space-2)}.ui-grid-auto-360{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:var(--mt-space-6);align-items:start}.ui-mt-2{margin-top:var(--mt-space-2)}.ui-mt-4{margin-top:var(--mt-space-4)}.ui-mt-6{margin-top:var(--mt-space-6)}.ui-mb-4{margin-bottom:var(--mt-space-4)}.ui-mb-5{margin-bottom:var(--mt-space-5)}.ui-mb-6{margin-bottom:var(--mt-space-6)}.ui-justify-start{justify-content:flex-start}.ui-justify-between{justify-content:space-between}.ui-min-w-180{min-width:180px}.ui-min-w-280{min-width:280px}.ui-pointer{cursor:pointer}.ui-inline-toggle{display:flex;align-items:center;gap:var(--mt-space-2)}.ui-outline-panel{padding:var(--mt-space-4);border:1px solid var(--mt-color-border);border-radius:8px}.ui-permission-option{display:flex;align-items:center;min-height:40px;gap:var(--mt-space-2);padding:0 var(--mt-space-3);border:1px solid var(--mt-border);border-radius:8px}.ui-service-frame{display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--mt-space-3);height:100%;min-height:0}.ui-service-toolbar{display:grid;gap:var(--mt-space-3)}.ui-service-header{min-width:0}.ui-service-title{margin-bottom:var(--mt-space-1);font-size:1.25rem;font-weight:600}.ui-service-description{color:var(--mt-text-secondary);font-size:.875rem;overflow-wrap:anywhere}.ui-service-empty{display:grid;align-content:center;justify-items:center;gap:var(--mt-space-4);min-height:320px}.ui-muted-zero{margin:0;color:var(--mt-text-secondary)}.ui-section-heading{margin-bottom:var(--mt-space-4);color:var(--mt-text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.ui-kv-table{border-collapse:collapse}.ui-kv-label{padding-right:var(--mt-space-4);color:var(--mt-text-secondary);font-size:.875rem;font-weight:600}.ui-mono-small{font-family:var(--mt-font-mono);font-size:.875rem}.ui-feedback-text{margin-top:var(--mt-space-4);color:var(--mt-text-secondary)}.ui-feedback-text-error{color:var(--mt-error)}.ui-task-label{display:block;margin-bottom:var(--mt-space-2);color:var(--mt-text-secondary);font-size:.875rem;font-weight:600}