:root{--color-bg: #050505;--color-primary: #00ff00;--color-cicada: #a9ffa9;--color-primary-dim: #008800;--color-text: #ccffcc;--color-text-dim: #88aa88;--color-border: #00ff00;--font-mono: "Courier New", Courier, monospace;--glow-text: 0 0 5px var(--color-primary), 0 0 10px var(--color-primary-dim);--glow-box: 0 0 5px var(--color-primary-dim);--surface-1: rgba(0, 10, 0, .3);--surface-2: rgba(0, 20, 0, .4);--surface-3: rgba(0, 30, 0, .6);--surface-4: rgba(0, 40, 0, .5);--opacity-locked: .5;--border-separator: 1px dashed var(--color-primary-dim);--card-border: 1px solid var(--color-primary-dim);--card-border-hover: 1px solid var(--color-primary);--page-padding: 2.5rem}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);overflow:hidden;height:100vh;width:100vw}#root{height:100%;width:100%;display:flex}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg);border-left:1px solid var(--color-primary-dim)}::-webkit-scrollbar-thumb{background:var(--color-primary-dim)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.scanline{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;pointer-events:none;z-index:9999;opacity:.15}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 60%,black 100%);pointer-events:none;z-index:9998;opacity:.6}.glow-text{text-shadow:var(--glow-text)}.box-panel{border:var(--card-border);box-shadow:var(--glow-box);background:var(--surface-1);padding:1rem}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline;text-shadow:var(--glow-text)}button{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);font-family:var(--font-mono);padding:.5rem 1rem;cursor:pointer;transition:all .2s}button:hover{background:var(--color-primary);color:var(--color-bg);box-shadow:var(--glow-text)}.page-title{color:var(--color-primary);font-size:1.2rem;letter-spacing:2px;font-weight:700;border-bottom:1px solid var(--color-primary);padding-bottom:.8rem;margin-bottom:2rem;text-shadow:var(--glow-text);text-transform:uppercase}.status-badge{font-size:.8rem;padding:.2rem .5rem;border:1px solid currentColor;letter-spacing:1px}.status-badge.active{color:var(--color-primary);background:#00ff001a}.status-badge.locked,.status-badge.pending{color:var(--color-text-dim)}.card{border:var(--card-border);background:var(--surface-1);padding:1.2rem;transition:all .3s ease}.card:hover{border-color:var(--color-primary);box-shadow:var(--glow-box);transform:translate(5px)}.card.locked{opacity:var(--opacity-locked);border-color:var(--color-text-dim)}.progress-bar-track{height:20px;background:#00ff001a;overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-primary);box-shadow:0 0 10px var(--color-primary);transition:width .5s ease}.page-section{padding:var(--page-padding);height:100%;overflow-y:auto}