.app-content-wrapper{flex:1;height:calc(100vh - 64px);display:flex;overflow:hidden}.app-main-content{background:var(--color-bg);flex:1;padding-bottom:96px;overflow-y:auto}.top-bar{flex-shrink:0;width:100%}nav.w-64{flex-shrink:0}
.flyout-rail,.flyout-panel{--flyout-accent-a:#8b5cf6;--flyout-accent-b:#22d3ee;--flyout-accent-c:#34d399;--flyout-gradient:linear-gradient(135deg, var(--flyout-accent-a) 0%, var(--flyout-accent-b) 50%, var(--flyout-accent-c) 100%);--flyout-panel-bg:#0a0a12eb;--flyout-rail-bg:#0a0a12e0;--flyout-hairline:#ffffff0f}.flyout-rail{background:var(--flyout-rail-bg);border-right:1px solid var(--flyout-hairline);-webkit-backdrop-filter:blur(20px);z-index:50;flex-direction:column;flex-shrink:0;align-items:center;width:64px;height:100%;padding:12px 0;display:flex;position:relative}.flyout-rail.is-mobile{transition:transform .24s ease-out;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 10px 40px #0006}.flyout-rail.is-mobile.is-open{transform:translate(0)}.flyout-rail-brand{background:var(--flyout-gradient);border-radius:12px;flex-shrink:0;width:40px;height:40px;margin-bottom:14px;position:relative;box-shadow:0 8px 24px -8px #8b5cf68c}.flyout-rail-brand>img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 6px #00000073);width:32px;height:32px;position:absolute;inset:4px}.flyout-rail-stack{flex-direction:column;flex:0 auto;align-items:center;gap:6px;width:100%;padding-top:4px;display:flex;overflow:visible auto}.flyout-rail-stack::-webkit-scrollbar{width:0}.flyout-rail-spacer{flex:1;min-height:12px}.flyout-rail-icon{color:#ffffffa6;cursor:pointer;background:#ffffff05;border:1px solid #0000;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:grid;position:relative}.flyout-rail-icon:hover,.flyout-rail-icon:focus-visible{color:#fff;border-color:var(--flyout-hairline);background:#ffffff0d;outline:none}.flyout-rail-icon:focus-visible{box-shadow:0 0 0 2px #8b5cf68c}.flyout-rail-icon.is-here{color:#fff;background:#ffffff0f;border-color:#8b5cf659}.flyout-rail-icon.is-here:before{content:"";background:var(--flyout-gradient);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:-2px}.flyout-rail-icon.is-open{color:#fff;background:#8b5cf61a;border-color:#8b5cf673}.flyout-rail-icon.is-locked{opacity:.55;cursor:pointer}.flyout-rail-icon.is-admin{color:#fca5a5;background:#f8717114;border-color:#f8717140}.flyout-rail-icon-lock{color:#ef4444;place-items:center;display:grid;position:absolute;bottom:3px;right:3px}.flyout-rail-avatar{border:1px solid var(--flyout-hairline);color:#ffffffd9;background:linear-gradient(135deg,#1f2333,#0f1019);border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;margin-top:6px;text-decoration:none;transition:border-color .15s;display:grid}.flyout-rail-avatar:hover{border-color:#8b5cf680}.flyout-rail-icon-tooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:60;border:1px solid var(--flyout-hairline);background:#1a1b26;border-radius:6px;padding:4px 8px;font-size:11px;transition:opacity .12s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.flyout-rail-icon:hover .flyout-rail-icon-tooltip,.flyout-rail-icon:focus-visible .flyout-rail-icon-tooltip{opacity:1}.flyout-rail-icon.is-open .flyout-rail-icon-tooltip{opacity:0}.flyout-panel{background:var(--flyout-panel-bg);border-right:1px solid var(--flyout-hairline);-webkit-backdrop-filter:blur(28px);z-index:49;flex-direction:column;width:320px;padding:24px 18px 12px;animation:.18s ease-out flyoutPanelIn;display:flex;position:fixed;top:0;bottom:0;left:64px;overflow:hidden}@keyframes flyoutPanelIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.flyout-panel-prism{pointer-events:none;opacity:.95;background:radial-gradient(700px 400px at 0 0,#8b5cf62e,#0000 55%),radial-gradient(500px 300px at 100% 100%,#22d3ee1f,#0000 55%);position:absolute;inset:0}.flyout-panel-shimmer{background:var(--flyout-gradient);opacity:.5;pointer-events:none;height:1px;position:absolute;top:0;left:0;right:0}.flyout-panel-rays{pointer-events:none;opacity:.35;width:60%;height:200px;position:absolute;top:24px;left:-12px}.flyout-panel-rays span{background:linear-gradient(90deg, transparent, var(--flyout-accent-a), transparent);transform-origin:0 0;width:100%;height:1px;position:absolute;top:0;left:0}.flyout-panel-rays span:first-child{background:linear-gradient(90deg,#0000,#8b5cf6,#0000);transform:rotate(2deg)}.flyout-panel-rays span:nth-child(2){background:linear-gradient(90deg,#0000,#a78bfa,#0000);transform:rotate(8deg)}.flyout-panel-rays span:nth-child(3){background:linear-gradient(90deg,#0000,#22d3ee,#0000);transform:rotate(14deg)}.flyout-panel-rays span:nth-child(4){background:linear-gradient(90deg,#0000,#67e8f9,#0000);transform:rotate(20deg)}.flyout-panel-rays span:nth-child(5){background:linear-gradient(90deg,#0000,#34d399,#0000);transform:rotate(26deg)}.flyout-panel-rays span:nth-child(6){background:linear-gradient(90deg,#0000,#6ee7b7,#0000);transform:rotate(32deg)}.flyout-panel-rays span:nth-child(7){background:linear-gradient(90deg,#0000,#fbbf24,#0000);transform:rotate(38deg)}.flyout-panel-head{z-index:1;margin-bottom:18px;position:relative}.flyout-panel-eyebrow{font-family:var(--font-jetbrains,ui-monospace, monospace);letter-spacing:.16em;color:#ffffff8c;text-transform:uppercase;margin-bottom:8px;font-size:10.5px}.flyout-panel-title{color:#fff;letter-spacing:-.01em;max-width:260px;font-size:18px;font-weight:600;line-height:1.25}.flyout-panel-items{z-index:1;flex-direction:column;flex:1;gap:2px;margin:0 -8px;padding:0 8px;display:flex;position:relative;overflow-y:auto}.flyout-panel-item{color:#ffffffc7;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:background .12s,border-color .12s,color .12s;animation:.24s ease-out both flyoutItemIn;display:flex}@keyframes flyoutItemIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.flyout-panel-item:hover{color:#fff;background:#ffffff0a}.flyout-panel-item:focus-visible{border-color:#8b5cf68c;outline:none;box-shadow:0 0 0 2px #8b5cf640}.flyout-panel-item.is-active{color:#fff;background:#8b5cf61f;border-color:#8b5cf659}.flyout-panel-item-icon{color:#ffffff8c;flex-shrink:0}.flyout-panel-item.is-active .flyout-panel-item-icon,.flyout-panel-item:hover .flyout-panel-item-icon{color:#fff}.flyout-panel-item-text{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.flyout-panel-item-label{font-size:13.5px;font-weight:500}.flyout-panel-item-meta{color:#fff6;margin-top:2px;font-size:11px}.flyout-panel-item-badge{font-family:var(--font-jetbrains,ui-monospace, monospace);text-transform:uppercase;letter-spacing:.06em;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:700}.flyout-panel-item-badge.is-new{color:#c4b5fd;background:#8b5cf62e}.flyout-panel-item-badge.is-alert{color:#fda4af;background:#fb718529}.flyout-panel-item-badge.is-live{color:#fca5a5;background:#f871712e}.flyout-panel-hint{z-index:1;border-top:1px solid var(--flyout-hairline);font-family:var(--font-jetbrains,ui-monospace, monospace);color:#fff6;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;font-size:10.5px;display:flex;position:relative}.flyout-panel-hint kbd{border:1px solid var(--flyout-hairline);background:#ffffff0d;border-radius:4px;padding:2px 6px;font-family:inherit}@media (prefers-reduced-motion:reduce){.flyout-panel,.flyout-panel-item,.flyout-rail.is-mobile,.flyout-rail-icon{transition:none!important;animation:none!important}}@media (prefers-contrast:more){.flyout-rail,.flyout-panel{--flyout-hairline:#ffffff2e}.flyout-rail-icon.is-here,.flyout-panel-item.is-active{border-color:#fff}}
.prism-shell{--shell-gutter:var(--space-6);--shell-rail-width:20rem;--shell-pane-width:20rem;--shell-player-safe-area:0px;min-height:100%;color:var(--text-primary);padding-bottom:var(--shell-player-safe-area)}.prism-shell[data-player-docked=true]{--shell-player-safe-area:5.5rem}.prism-shell__standard{gap:var(--space-8);padding:var(--space-8) var(--shell-gutter);grid-template-columns:minmax(0,1fr);max-width:80rem;margin:0 auto;display:grid}.prism-shell__standard[data-has-rail=true]{grid-template-columns:minmax(0, 1fr) var(--shell-rail-width)}.prism-shell__content{min-width:0}.prism-shell__page-header{margin-bottom:var(--space-8)}.prism-shell__title-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.prism-shell__title{font-family:var(--font-space-grotesk,var(--font-sans));margin:0;font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);font-weight:700;line-height:1.2}.prism-shell__description{margin:var(--space-2) 0 0;color:var(--text-secondary)}.prism-shell__actions{gap:var(--space-2);flex-shrink:0;display:flex}.prism-shell__rail{border-left:1px solid var(--border-subtle);padding-left:var(--space-6);min-width:0}@media (max-width:1279px){.prism-shell__standard[data-has-rail=true]{grid-template-columns:minmax(0,1fr) 16rem}}@media (max-width:1023px){.prism-shell__standard,.prism-shell__standard[data-has-rail=true]{grid-template-columns:minmax(0,1fr)}.prism-shell__rail{border-left:0;border-top:1px solid var(--border-subtle);padding-left:0;padding-top:var(--space-6)}}@media (max-width:767px){.prism-shell{--shell-gutter:var(--space-4)}.prism-shell__standard{padding:var(--space-6) var(--shell-gutter) calc(var(--space-6) + env(safe-area-inset-bottom))}}.prism-breadcrumbs ol{align-items:center;gap:var(--space-1);margin:0 0 var(--space-3);color:var(--text-secondary);flex-wrap:wrap;padding:0;font-size:.875rem;list-style:none;display:flex}.prism-breadcrumbs li{align-items:center;gap:var(--space-1);display:inline-flex}.prism-breadcrumbs a{color:inherit;border-radius:var(--radius-sm);text-decoration:none}.prism-breadcrumbs a:hover{color:var(--text-primary)}.prism-breadcrumbs a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.prism-breadcrumbs [aria-current=page]{color:var(--text-primary);font-weight:500}.prism-breadcrumbs__sep{width:.75rem;height:.75rem}.prism-shell__focus{flex-direction:column;height:100%;min-height:0;display:flex}.prism-taskbar{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);z-index:2;grid-template-columns:minmax(0,1fr) auto auto;display:grid;position:sticky;top:0}.prism-taskbar__lead{min-width:0}.prism-taskbar__lead .prism-breadcrumbs ol{margin-bottom:var(--space-1)}.prism-taskbar__title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.prism-taskbar__status{color:var(--text-muted);min-height:1.25rem;font-size:.8125rem}.prism-taskbar__status[data-status=error]{color:var(--color-error,var(--text-primary))}.prism-taskbar__actions{align-items:center;gap:var(--space-2);display:flex}.prism-shell__panes{flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.prism-shell__panes[data-has-left=true]{grid-template-columns:var(--shell-pane-width) minmax(0, 1fr)}.prism-shell__panes[data-has-right=true]{grid-template-columns:minmax(0, 1fr) var(--shell-pane-width)}.prism-shell__panes[data-has-left=true][data-has-right=true]{grid-template-columns:var(--shell-pane-width) minmax(0, 1fr) var(--shell-pane-width)}.prism-shell__pane{background:var(--bg-card);min-width:0;overflow:auto}.prism-shell__pane--structure{border-right:1px solid var(--border-subtle)}.prism-shell__pane--inspector{border-left:1px solid var(--border-subtle)}.prism-shell__canvas{min-width:0;overflow:auto}@media (max-width:1279px){.prism-shell{--shell-pane-width:16rem}}@media (max-width:1023px){.prism-shell__panes,.prism-shell__panes[data-has-left=true],.prism-shell__panes[data-has-right=true],.prism-shell__panes[data-has-left=true][data-has-right=true]{grid-template-columns:minmax(0,1fr)}.prism-shell__pane{border:0;border-bottom:1px solid var(--border-subtle);max-height:40vh}.prism-taskbar{grid-template-columns:minmax(0,1fr) auto}.prism-taskbar__status{grid-column:1/-1}}@media (max-width:767px){.prism-shell__canvas{order:-1}}.prism-state{align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-8) var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-card);flex-direction:column;display:flex}.prism-state--loading{align-items:stretch}.prism-state__skeleton{border-radius:var(--radius-md);background:var(--bg-elevated);height:1rem}.prism-state__icon{width:1.5rem;height:1.5rem;color:var(--text-secondary)}.prism-state__title{margin:0;font-size:1.125rem;font-weight:600}.prism-state__message{color:var(--text-secondary);margin:0}.prism-state__meta{color:var(--text-muted);font-size:.75rem;font-family:var(--font-jetbrains,monospace);margin:0}.prism-state__btn-icon{width:1rem;height:1rem;margin-right:var(--space-2)}.prism-state--partial,.prism-state--stale{text-align:start;padding:var(--space-3) var(--space-4);flex-direction:row}.prism-unavailable{align-items:baseline;gap:var(--space-2);display:inline-flex}.prism-unavailable__reason{color:var(--text-muted);font-size:.75rem}.prism-table__scroll{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:linear-gradient(to right, var(--bg-card) 30%, transparent), linear-gradient(to right, transparent, var(--bg-card) 70%) 100% 0, radial-gradient(farthest-side at 0 50%, var(--border-strong), transparent), radial-gradient(farthest-side at 100% 50%, var(--border-strong), transparent) 100% 0;background-repeat:no-repeat;background-size:2.5rem 100%,2.5rem 100%,.875rem 100%,.875rem 100%;background-attachment:local,local,scroll,scroll;overflow-x:auto}.prism-table__scroll:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.prism-table table{border-collapse:collapse;width:100%;font-size:.875rem}.prism-table caption{text-align:start;padding:var(--space-3) var(--space-4);font-weight:600}.prism-table th,.prism-table td{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);text-align:start;vertical-align:top}.prism-table thead th{color:var(--text-secondary);white-space:nowrap;font-weight:500}.prism-table [data-align=end]{text-align:end;font-variant-numeric:tabular-nums}.prism-table [data-identity=true]{background:var(--bg-card);z-index:1;font-weight:500;position:sticky;left:0}.prism-table td[data-empty=true]{border-top:0;padding:0}@media (max-width:1279px){.prism-table [data-priority="3"]{display:none}}@media (max-width:1023px){.prism-table [data-priority="2"]{display:none}}@media (max-width:767px){.prism-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.prism-table tr{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);display:block}.prism-table th[scope=row],.prism-table td{justify-content:space-between;gap:var(--space-4);padding:var(--space-1) 0;border:0;display:flex;position:static}.prism-table td:before,.prism-table th[scope=row]:before{content:attr(data-label);color:var(--text-muted);font-weight:400}.prism-table [data-priority="2"],.prism-table [data-priority="3"]{display:flex}}.prism-filterbar{align-items:end;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.prism-filterbar__field{gap:var(--space-1);color:var(--text-secondary);flex-direction:column;font-size:.8125rem;display:flex}.prism-filterbar select,.prism-filterbar input{min-height:2.75rem;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-primary)}.prism-filterbar select:focus-visible,.prism-filterbar input:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.prism-action-drawer__consequence{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-elevated)}@media (prefers-reduced-motion:reduce){.prism-shell *,.prism-shell :before,.prism-shell :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.prism-shell[data-reduced-motion=true] *{transition:none!important;animation:none!important}
