*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a1a2e;--bg-surface: #16213e;--bg-elevated: #0f3460;--text: #e0e0e0;--text-muted: #9e9e9e;--border: #2a2a4a;--green: #4caf50;--yellow: #ff9800;--red: #f44336;--blue: #2196f3;--font-mono: "Courier New", Courier, monospace}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:14px;line-height:1.5}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--bg-elevated);padding:12px 24px;border-bottom:1px solid var(--border)}.header h1{font-size:18px;font-weight:700;color:var(--text)}.tabs{display:flex;background:var(--bg-surface);border-bottom:1px solid var(--border);padding:0 24px}.tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;font-family:var(--font-mono);font-size:13px;padding:10px 16px}.tab:hover{color:var(--text)}.tab-active{border-bottom-color:var(--blue);color:var(--text)}.content{flex:1;padding:24px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}