.oir-shell{display:flex;min-height:100vh;background:var(--color-ink);color:var(--color-foreground)}.oir-sidebar{position:fixed;inset:0 auto 0 0;z-index:40;display:flex;width:15.5rem;flex-direction:column;border-right:1px solid var(--color-line);background:linear-gradient(180deg,rgba(18,24,42,.98),rgba(11,15,26,.99));backdrop-filter:blur(16px)}.oir-sidebar-brand{padding:1.25rem 1.125rem 1rem;border-bottom:1px solid var(--color-line)}.oir-sidebar-nav{flex:1;overflow-y:auto;padding:.75rem .625rem}.oir-nav-item{display:flex;align-items:center;gap:.625rem;border-radius:.5rem;padding:.5rem .625rem;font-size:.8125rem;font-weight:500;color:var(--color-muted);transition:background .2s ease,color .2s ease}.oir-nav-item:hover{background:rgba(148,163,199,.06);color:var(--color-foreground)}.oir-nav-item--active{background:rgba(94,135,232,.1);color:var(--color-accent-soft);box-shadow:inset 0 0 0 1px rgba(94,135,232,.12)}.oir-main{margin-left:15.5rem;flex:1;min-width:0;display:flex;flex-direction:column}.oir-header{position:sticky;top:0;z-index:30;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--color-line);background:rgba(11,15,26,.85);padding:.875rem 1.5rem;backdrop-filter:blur(14px)}.oir-header,.oir-search{display:flex;align-items:center}.oir-search{gap:.5rem;border-radius:.5rem;border:1px solid var(--color-line);background:rgba(26,34,56,.5);padding:.4375rem .75rem;min-width:16rem}.oir-search input{flex:1;border:none;background:transparent;font-size:.8125rem;color:var(--color-foreground);outline:none}.oir-search input::placeholder{color:var(--color-faint)}.oir-runtime-badge{display:inline-flex;align-items:center;gap:.375rem;border-radius:999px;border:1px solid rgba(62,207,168,.25);background:rgba(62,207,168,.06);padding:.25rem .625rem;font-family:var(--font-mono);font-size:.625rem;text-transform:uppercase;letter-spacing:.14em;color:var(--color-emerald-premium)}.oir-runtime-dot{width:5px;height:5px;border-radius:999px;background:var(--color-emerald-premium);animation:oir-pulse 2.5s ease-in-out infinite}@keyframes oir-pulse{0%,to{opacity:.5}50%{opacity:1}}.oir-content{flex:1;padding:1.5rem;background-image:linear-gradient(90deg,rgba(148,163,199,.03) 1px,transparent 0),linear-gradient(180deg,rgba(148,163,199,.03) 1px,transparent 0);background-size:48px 48px}.oir-metric-card{position:relative;overflow:hidden;border-radius:.75rem;border:1px solid var(--color-line);background:linear-gradient(165deg,rgba(26,34,56,.7),rgba(11,15,26,.85));padding:1.125rem 1.25rem;transition:border-color .3s ease,box-shadow .3s ease}.oir-metric-card:hover{border-color:var(--color-line-strong);box-shadow:0 8px 32px -12px rgba(94,135,232,.15)}.oir-metric-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 0 0,rgba(94,135,232,.06),transparent 55%);pointer-events:none}.oir-table-wrap{overflow:hidden;border-radius:.75rem;border:1px solid var(--color-line);background:rgba(18,24,42,.5)}.oir-table{width:100%;border-collapse:collapse;font-size:.8125rem}.oir-table th{padding:.75rem 1rem;text-align:left;font-family:var(--font-mono);font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--color-faint);background:rgba(11,15,26,.6)}.oir-table td,.oir-table th{border-bottom:1px solid var(--color-line)}.oir-table td{padding:.875rem 1rem;color:var(--color-muted)}.oir-table tbody tr{cursor:pointer;transition:background .2s ease}.oir-table tbody tr:hover{background:rgba(94,135,232,.04)}.oir-status{display:inline-flex;align-items:center;gap:.375rem;border-radius:999px;border:1px solid var(--color-line);padding:.1875rem .5rem;font-family:var(--font-mono);font-size:.625rem;text-transform:uppercase;letter-spacing:.08em}.oir-status-dot{width:4px;height:4px;border-radius:999px}.oir-panel{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end}.oir-panel-backdrop{position:absolute;inset:0;background:rgba(11,15,26,.65);backdrop-filter:blur(4px)}.oir-panel-drawer{position:relative;z-index:1;display:flex;width:100%;max-width:28rem;flex-direction:column;border-left:1px solid var(--color-line);background:linear-gradient(180deg,rgba(18,24,42,.98),rgba(11,15,26,.99));box-shadow:-24px 0 64px -16px rgba(0,0,0,.5)}.oir-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--color-line);padding:1.25rem 1.5rem}.oir-panel-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem}.oir-section-label{font-family:var(--font-mono);font-size:.625rem;text-transform:uppercase;letter-spacing:.16em;color:var(--color-faint)}.oir-pipeline-col{min-width:11rem;flex:1;border-radius:.75rem;border:1px solid var(--color-line);background:rgba(18,24,42,.4);padding:.75rem}.oir-pipeline-card{border-radius:.5rem;border:1px solid var(--color-line);background:rgba(26,34,56,.6);padding:.75rem;margin-bottom:.5rem;transition:border-color .2s ease}.oir-pipeline-card:hover{border-color:var(--color-line-strong)}.oir-card{border-radius:.75rem;border:1px solid var(--color-line);background:rgba(18,24,42,.45);padding:1.25rem}.oir-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;border:1px solid var(--color-line-strong);background:rgba(26,34,56,.8);padding:.5rem 1rem;font-size:.8125rem;font-weight:600;color:var(--color-foreground);transition:border-color .25s ease,box-shadow .25s ease}.oir-btn:hover{border-color:rgba(94,135,232,.35);box-shadow:0 4px 20px -8px rgba(94,135,232,.25)}.oir-btn--primary{border-color:rgba(94,135,232,.3);background:linear-gradient(180deg,rgba(94,135,232,.15),rgba(94,135,232,.05));color:var(--color-accent-soft)}.oir-governance-item{display:flex;align-items:center;justify-content:space-between;border-radius:.375rem;border:1px solid var(--color-line);padding:.5rem .75rem;font-size:.75rem}@media (prefers-reduced-motion:reduce){.oir-runtime-dot{animation:none}}