:root{--bg-primary: #070709;--bg-secondary: #0c0c0f;--bg-tertiary: #141419;--bg-glass: rgba(12, 12, 15, .9);--border-color: #222228;--border-active: #9d7cff;--border-glow: rgba(157, 124, 255, .4);--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-muted: #52525b;--color-primary: #9d7cff;--color-secondary: #8b5cf6;--color-success: #10b981;--color-warning: #fbbf24;--color-danger: #ef4444;--shadow-neon: 0 0 15px rgba(157, 124, 255, .25);--shadow-card: 0 4px 20px rgba(0, 0, 0, .8);--radius-sm: 2px;--radius-md: 4px;--radius-lg: 4px;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:JetBrains Mono,Courier New,Courier,monospace;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.avatar-studio{display:flex;height:100%;min-height:0;overflow:hidden}.avatar-camarim{width:350px;flex:0 0 350px;background:#09090b;border-right:1px solid #27272a;display:flex;flex-direction:column;padding:1.5rem;overflow-y:auto}.avatar-palco{flex:1;min-width:0;display:flex;flex-direction:column;background:#000;padding:2rem;overflow-y:auto}@media (max-width: 980px){.avatar-studio{display:block;overflow-y:auto}.avatar-camarim{width:100%;max-height:none;border-right:0;border-bottom:1px solid #27272a}.avatar-palco{padding:1.25rem;overflow:visible}}.voice-direction-panel{background:linear-gradient(145deg,#111113,#17121f);border:1px solid #352844;border-radius:12px;padding:14px;display:grid;gap:14px}.voice-context-input{width:100%;background:#09090b;color:#fafafa;border:1px solid #3f3f46;border-radius:8px;padding:10px;font-size:12px}.voice-control-label{display:block;color:#d4d4d8;font-size:11px;font-weight:700;margin-bottom:7px;text-transform:uppercase;letter-spacing:.04em}.voice-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.voice-preset-grid button,.voice-pace-grid button{background:#09090b;color:#a1a1aa;border:1px solid #303036;border-radius:7px;padding:8px 6px;cursor:pointer;text-transform:capitalize}.voice-preset-grid button.active,.voice-pace-grid button.active{color:#fff;background:#a855f733;border-color:#a855f7;box-shadow:0 0 0 1px #a855f72e}.voice-pace-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.voice-pace-grid small{display:block;color:#71717a;margin-top:3px}.voice-stability{background:#09090b;border:1px solid #27272a;border-radius:8px;padding:10px}.voice-stability>div{display:flex;justify-content:space-between;color:#71717a;font-size:10px}.voice-stability input{width:100%;margin:8px 0;accent-color:#a855f7}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.app-container{display:flex;min-height:100vh}.sidebar{width:250px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.25rem;z-index:10}.brand{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.brand-icon{color:var(--color-primary);filter:drop-shadow(0 0 5px var(--color-primary))}.brand-name{font-size:1.15rem;font-weight:800;letter-spacing:.5px;color:#fff;text-transform:uppercase}.nav-menu{list-style:none;display:flex;flex-direction:column;gap:.35rem;flex-grow:1}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);font-size:.9rem;cursor:pointer;transition:var(--transition);border:1px solid transparent}.nav-item:hover,.nav-item.active{color:#fff;background:#9d7cff0a;border-color:#9d7cff33}.nav-item.active{background:#9d7cff14;border-left:2px solid var(--color-primary);border-color:#9d7cff4d}.sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color)}.system-mode-tag{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.75rem}.mode-dot{width:6px;height:6px;border-radius:50%;box-shadow:0 0 5px currentColor}.mode-dot.server{color:var(--color-success)}.mode-dot.desktop{color:var(--color-secondary)}.main-content{flex-grow:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;background-color:var(--bg-primary)}.header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.header-title h1{font-size:1.35rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff}.header-title p{color:var(--text-secondary);font-size:.8rem;margin-top:.25rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.metric-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:.5rem;position:relative;transition:var(--transition)}.metric-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-card),var(--shadow-neon)}.metric-header{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);font-size:.75rem;font-weight:700;text-transform:uppercase}.metric-value{font-size:1.5rem;font-weight:700;color:#fff}.metric-footer{font-size:.75rem;color:var(--text-muted)}.glass-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-card)}.glass-card:hover{border-color:#9d7cff26}.card-title{font-size:.95rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;text-transform:uppercase;color:#fff}.tabs-container{display:flex;gap:.25rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.tab-btn{background:none;border:1px solid transparent;border-bottom:none;color:var(--text-secondary);padding:.5rem 1rem;font-family:inherit;font-weight:700;font-size:.8rem;cursor:pointer;text-transform:uppercase;transition:var(--transition);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.tab-btn:hover{color:#fff;background:#ffffff05}.tab-btn.active{color:var(--color-primary);border-color:var(--border-color);background-color:var(--bg-secondary);position:relative}.tab-btn.active:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background-color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-sm);font-family:inherit;font-weight:700;font-size:.8rem;cursor:pointer;transition:var(--transition);border:1px solid var(--border-color);text-transform:uppercase}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){opacity:.9;box-shadow:var(--shadow-neon)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background:#ffffff08;border-color:var(--text-secondary)}.btn-icon{padding:.4rem;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.btn-icon:hover{color:var(--color-primary);border-color:var(--color-primary)}.btn:disabled,.btn-icon:disabled{opacity:.4;cursor:not-allowed}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.form-group label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.input-control{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.5rem .75rem;color:var(--text-primary);font-family:inherit;font-size:.85rem;transition:var(--transition)}.input-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 5px #9d7cff33}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase;border:1px solid transparent}.status-badge.running{background:#10b9810d;color:var(--color-success);border-color:#10b98133}.status-badge.stopped{background:#ef44440d;color:var(--color-danger);border-color:#ef444433}.status-badge.restarting{background:#fbbf240d;color:var(--color-warning);border-color:#fbbf2433}.table-container{overflow-x:auto}.custom-table{width:100%;border-collapse:collapse;text-align:left}.custom-table th{padding:.75rem;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;border-bottom:1px solid var(--border-color);font-weight:700}.custom-table td{padding:.85rem .75rem;border-bottom:1px solid var(--border-color);font-size:.8rem;color:var(--text-primary)}.custom-table tbody tr:hover{background:#ffffff03}.terminal-console{background-color:#030304;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:1rem;font-family:JetBrains Mono,monospace;font-size:.75rem;color:#38bdf8;height:250px;overflow-y:auto;white-space:pre-wrap;margin-top:.5rem}.env-row{display:grid;grid-template-columns:1fr 1fr auto;gap:.5rem;align-items:center;margin-bottom:.5rem}.switch{position:relative;display:inline-block;width:44px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-tertiary);transition:.2s;border-radius:22px;border:1px solid var(--border-color)}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:var(--text-secondary);transition:.2s;border-radius:50%}input:checked+.slider{background-color:#9d7cff26;border-color:var(--color-primary)}input:checked+.slider:before{transform:translate(22px);background-color:var(--color-primary)}.markdown-prose h1,.markdown-prose h2,.markdown-prose h3{color:#f3f4f6;margin-top:1em;margin-bottom:.5em;font-family:JetBrains Mono,monospace}.markdown-prose p{margin-bottom:1em;font-family:Inter,sans-serif}.markdown-prose code{background:#111;padding:.2em .4em;border-radius:3px;font-family:JetBrains Mono,monospace;color:#39ff14}.markdown-prose pre{background:#000;padding:1em;border:1px solid #1a1a1a;border-radius:6px;overflow-x:auto}.markdown-prose pre code{background:none;padding:0;color:#e5e7eb}.markdown-prose ul,.markdown-prose ol{padding-left:2em;margin-bottom:1em}.markdown-prose li{margin-bottom:.25em}
