@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--pri:#00fce8;--pri-mid:#00d4c0;--pri-dim:#00897a;--pri-border:#00fce826;--pri-glow:#00fce880;--pri-ghost:#00fce80a;--acc:#ffaa20;--acc-glow:#ffaa2080;--bg:#000;--panel:#000404cc;--text-bright:#e0fffc;--text-dim:#00a99a;--green:#0f8;--red:#f46;--orange:#ffaa20;--blue:#3b82f6;--bracket:#00fce84d;--bracket-glow:#00fce866;--sidebar-w:220px;--hud-h:38px;--status-h:28px;--sp-1:2px;--sp-2:4px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:24px;--sp-7:32px;--font:"Inter", -apple-system, sans-serif;--font-mono:"IBM Plex Mono", "Courier New", monospace;--fs-xs:11px;--fs-sm:12px;--fs-base:14px;--fs-md:15px;--fs-lg:18px;--fs-xl:22px;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.12s;--dur-normal:.2s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:inherit}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);font-size:var(--fs-base);color:var(--text-bright);background:var(--bg);font-feature-settings:"cv01", "cv02", "ss01";height:100vh;line-height:1.6;overflow:hidden}#root{height:100vh}::selection{color:var(--text-bright);background:#00fce840}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--pri-border)}::-webkit-scrollbar-thumb:hover{background:var(--pri-dim)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}.crt-scanlines{pointer-events:none;z-index:99999;background:repeating-linear-gradient(0deg,#0000,#0000 1px,#00000014 1px 2px);position:fixed;inset:0}.crt-vignette{pointer-events:none;z-index:99998;background:radial-gradient(#0000 50%,#0000004d 78%,#0009 100%);position:fixed;inset:0}.app{flex-direction:column;height:100vh;display:flex}.hud-top{height:var(--hud-h);background:var(--bg);border-bottom:1px solid var(--pri-border);padding:0 var(--sp-5);align-items:center;gap:var(--sp-5);flex-shrink:0;display:flex;position:relative}.hud-top:after{content:"";background:linear-gradient(90deg, transparent, var(--pri-glow), transparent);opacity:.4;height:1px;position:absolute;bottom:-1px;left:0;right:0}.hud-brand{font-size:var(--fs-md);letter-spacing:4px;text-transform:uppercase;color:var(--pri);text-shadow:0 0 8px var(--pri-glow);font-weight:400;text-decoration:none}.hud-project{font-size:var(--fs-sm);letter-spacing:2px;text-transform:uppercase;color:var(--text-dim)}.hud-sep{background:var(--pri-border);width:1px;height:16px}.hud-right{align-items:center;gap:var(--sp-4);margin-left:auto;display:flex}.hud-clock{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-dim);letter-spacing:1px;font-feature-settings:"tnum"}.hud-user{font-size:var(--fs-sm);color:var(--pri-mid);letter-spacing:1px;text-transform:uppercase}.main{flex:1;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--bg);border-right:1px solid var(--pri-border);flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow-y:auto}.sidebar:after{content:"";background:linear-gradient(180deg, var(--pri-glow), transparent 50%, var(--pri-glow));opacity:.2;pointer-events:none;width:1px;position:absolute;top:0;bottom:0;right:-1px}.sidebar-section{padding:var(--sp-4) var(--sp-5)}.sidebar-label{font-size:var(--fs-xs);letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);margin-bottom:var(--sp-3);opacity:.7}.sidebar-item{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);letter-spacing:1px;text-transform:uppercase;color:#777;cursor:pointer;transition:all var(--dur-fast) ease;border:1px solid #0000;text-decoration:none;display:flex}.sidebar-item:hover{color:var(--text-bright);background:var(--pri-ghost);border-color:var(--pri-border)}.sidebar-item.active{color:var(--pri);text-shadow:0 0 6px var(--pri-glow);border-color:var(--pri-border);background:var(--pri-ghost)}.sidebar-item .icon{opacity:.6;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;line-height:1;display:inline-flex}.sidebar-item.active .icon{opacity:1}.sidebar-count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);opacity:.5;margin-left:auto}.content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.content-header{padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--pri-border);align-items:center;gap:var(--sp-5);flex-shrink:0;display:flex}.content-title{font-size:var(--fs-lg);letter-spacing:3px;text-transform:uppercase;color:var(--text-bright)}.content-subtitle{font-size:var(--fs-sm);letter-spacing:1px;color:var(--text-dim)}.content-actions{gap:var(--sp-3);margin-left:auto;display:flex}.content-body{padding:var(--sp-6);flex:1;overflow-y:auto}.view-tabs{border-bottom:1px solid var(--pri-border);padding:0 var(--sp-6);gap:0;display:flex}.view-tab{padding:var(--sp-3) var(--sp-5);font-size:var(--fs-sm);letter-spacing:1.5px;text-transform:uppercase;color:#555;cursor:pointer;transition:all var(--dur-fast) ease;background:0 0;border:none;border-bottom:1px solid #0000;margin-bottom:-1px}.view-tab:hover{color:var(--text-dim)}.view-tab.active{color:var(--pri);border-bottom-color:var(--pri);text-shadow:0 0 6px var(--pri-glow)}.btn{padding:var(--sp-2) var(--sp-4);font-family:var(--font);font-size:var(--fs-sm);letter-spacing:1px;text-transform:uppercase;border:1px solid var(--pri-border);color:#888;cursor:pointer;transition:all var(--dur-fast) ease;background:0 0;font-weight:700}.btn:hover{color:var(--text-bright);border-color:var(--pri-dim);background:var(--pri-ghost)}.btn-primary{color:var(--pri);border-color:#00fce84d}.btn-primary:hover{color:var(--text-bright);border-color:var(--pri);box-shadow:0 0 12px var(--pri-glow);background:#00fce814}.badge{font-size:var(--fs-xs);letter-spacing:1px;text-transform:uppercase;border:1px solid;padding:1px 6px;display:inline-block}.badge-approved{color:var(--green);background:#00ff880f;border-color:#00ff884d}.badge-progress{color:var(--pri);border-color:var(--pri-border);background:var(--pri-ghost)}.badge-review{color:var(--orange);background:#ffaa200f;border-color:#ffaa204d}.badge-blocked{color:var(--red);background:#ff44660f;border-color:#ff44664d}.search-input{font-family:var(--font);font-size:var(--fs-sm);letter-spacing:1px;padding:var(--sp-2) var(--sp-4);border:1px solid var(--pri-border);color:var(--text-bright);transition:all var(--dur-fast) ease;background:#ffffff05;outline:none;width:200px}.search-input::placeholder{color:#444;text-transform:uppercase;letter-spacing:1.5px}.search-input:focus{border-color:var(--pri-dim);box-shadow:0 0 8px #00fce81a}.status-bar{height:var(--status-h);background:var(--bg);border-top:1px solid var(--pri-border);padding:0 var(--sp-5);align-items:center;gap:var(--sp-5);flex-shrink:0;display:flex;position:relative}.status-bar:before{content:"";background:linear-gradient(90deg, transparent, var(--pri-glow), transparent);opacity:.3;height:1px;position:absolute;top:-1px;left:0;right:0}.status-item{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);letter-spacing:1px;font-feature-settings:"tnum";align-items:center;display:inline-flex}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:4px}.status-dot-green{background:var(--green);box-shadow:0 0 6px #00ff8880}.status-dot-orange{background:var(--orange);box-shadow:0 0 6px var(--acc-glow)}.status-dot-red{background:var(--red);box-shadow:0 0 6px #ff446680}.placeholder-page{justify-content:center;align-items:center;gap:var(--sp-4);flex-direction:column;height:100%;display:flex}.placeholder-icon{opacity:.15;font-size:48px}.placeholder-label{font-size:var(--fs-xs);letter-spacing:3px;text-transform:uppercase;color:#333}