@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap";html,body,#root{box-sizing:border-box;width:100%;min-height:100vh;margin:0;padding:0}*,:before,:after{box-sizing:inherit}:root{--bg-dark:#090a0f;--bg-terminal:#050609;--border-color:#1a1c24;--text-primary:#f8f8f2;--text-secondary:#8f93a2;--text-dim:#434756;--terminal-green:#50fa7b;--terminal-yellow:#f1fa8c;--terminal-red:#f55;--terminal-blue:#8be9fd;font-family:Fira Code,monospace}body{background-color:var(--bg-dark);color:var(--text-primary);box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;display:flex}#root{justify-content:center;align-items:center;width:100%;padding:1rem;display:flex}.terminal-window{background:var(--bg-terminal);border:1px solid var(--border-color);border-radius:8px;width:95%;max-width:960px;transition:max-width .25s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 25px 60px #000000b3}.terminal-titlebar{border-bottom:1px solid var(--border-color);background:#0f1016;align-items:center;padding:.75rem 1rem;display:flex;position:relative}.window-buttons{z-index:2;gap:.5rem;display:flex}.window-btn{border-radius:50%;width:12px;height:12px}.window-btn.close{background:var(--terminal-red);opacity:.85}.window-btn.minimize{background:var(--terminal-yellow);opacity:.85}.window-btn.maximize{background:var(--terminal-green);opacity:.85}.window-title{text-align:center;color:var(--text-secondary);letter-spacing:.5px;pointer-events:none;font-size:.8rem;font-weight:500;position:absolute;left:0;right:0}.terminal-body{box-sizing:border-box;padding:1.5rem}.prompt-line{color:var(--text-primary);margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.prompt-user{color:var(--terminal-green);font-weight:600}.prompt-host{color:#bd93f9;font-weight:600}.prompt-symbol{color:var(--text-primary)}.blinking-cursor{background:var(--text-primary);vertical-align:middle;width:8px;height:15px;margin-left:5px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.terminal-table-container{border:1px solid var(--border-color);border-radius:6px;margin-top:1rem;overflow:hidden}.terminal-table{border-collapse:collapse;text-align:left;width:100%}.terminal-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.75px;border-bottom:1px solid var(--border-color);background:#0d0e14;padding:.85rem 1.25rem;font-size:.8rem;font-weight:600}.terminal-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:.9rem 1.25rem;font-size:.9rem}.terminal-table tr:last-child td{border-bottom:none}.terminal-table tr:hover{background:#ffffff04}.model-badge{color:var(--text-primary);font-weight:500}.active-row td{color:var(--text-primary)}.active-row .model-badge{color:var(--terminal-blue);font-weight:600}.token-count{font-weight:700}.req-count{font-family:inherit}.terminal-statusbar{border-top:1px solid var(--border-color);color:var(--text-secondary);box-sizing:border-box;background:#0d0e14;justify-content:space-between;padding:.6rem 1.25rem;font-size:.75rem;display:flex}.status-left{align-items:center;gap:.75rem;display:flex}.status-dot{background-color:var(--terminal-green);width:6px;height:6px;box-shadow:0 0 8px var(--terminal-green);border-radius:50%;animation:2s infinite alternate pulse;display:inline-block}@keyframes pulse{0%{opacity:.8;transform:scale(.9)}to{opacity:1;box-shadow:0 0 12px var(--terminal-green);transform:scale(1.1)}}.status-right a{color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;padding:.2rem .5rem;text-decoration:none;transition:all .15s}.status-right a:hover{background:var(--text-primary);color:var(--bg-terminal)}@media (width>=2000px){.terminal-window{max-width:1540px}.terminal-body{padding:2.25rem}.terminal-table th,.terminal-table td{padding:1.1rem 1.5rem;font-size:.95rem}.prompt-line{font-size:1.05rem}}@media (width>=1400px) and (width<=1999px){.terminal-window{max-width:1200px}.terminal-body{padding:2rem}.terminal-table th,.terminal-table td{padding:1rem 1.4rem;font-size:.925rem}}@media (width>=1024px) and (width<=1399px){.terminal-window{max-width:960px}}@media (width<=1023px){.terminal-window{width:95%;max-width:calc(100% - 2rem)}.terminal-body{padding:1.25rem}.terminal-table th,.terminal-table td{padding:.75rem 1rem;font-size:.85rem}}@media (width<=600px){.terminal-window{width:95%;max-width:calc(100% - 1rem)}.terminal-body{padding:1rem}.terminal-table th,.terminal-table td{padding:.6rem .75rem;font-size:.75rem}.prompt-line{font-size:.85rem}}
