:root{--color-bg-deep: #0a0b0e;--color-bg-surface: #12141a;--color-bg-elevated: #1a1d26;--color-accent: #3385ff;--color-accent-dim: rgba(51, 133, 255, .1);--color-text-primary: #f0f2f5;--color-text-secondary: #9ba3af;--color-border: #262a36;--header-height: 64px}body{background-color:var(--color-bg-deep);color:var(--color-text-primary);font-family:Inter,-apple-system,sans-serif;margin:0;overflow:hidden}.app-container{display:flex;flex-direction:column;height:100vh}.main-header{height:var(--header-height);background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 1.5rem;justify-content:space-between}.logo{display:flex;align-items:center;gap:.75rem}.logo-icon{color:var(--color-accent)}.brand{font-weight:800;font-size:1.25rem}.sub{display:block;font-size:.7rem;color:var(--color-text-secondary);text-transform:uppercase}.dashboard{flex:1;display:grid;grid-template-columns:280px 1fr 320px;overflow:hidden}aside{background-color:var(--color-bg-surface);border-right:1px solid var(--color-border);padding:1.5rem;display:flex;flex-direction:column;gap:2rem}.analysis-panel{border-right:none;border-left:1px solid var(--color-border)}.search-box{display:flex;align-items:center;gap:.5rem;background-color:var(--color-bg-deep);border:1px solid var(--color-border);padding:.6rem;border-radius:8px}.search-box input{background:none;border:none;color:#fff;outline:none;font-size:.85rem;width:100%}.group-title{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:1rem}.chip-list{display:flex;flex-wrap:wrap;gap:.5rem}.chip{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:.4rem .8rem;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .2s}.chip.active{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.device-check-list{display:flex;flex-direction:column;gap:.5rem}.device-item{display:flex;align-items:center;gap:.75rem;padding:.6rem;border-radius:8px;cursor:pointer;font-size:.85rem;color:var(--color-text-secondary);border:1px solid transparent}.device-item.checked{background-color:var(--color-bg-elevated);color:#fff;border-color:var(--color-border)}.intelligence-hub{padding:2rem;overflow-y:auto;display:flex;flex-direction:column;gap:2.5rem}.hub-header{display:flex;justify-content:space-between;align-items:center}.hub-header h2{font-size:1.5rem;margin:0}.metric-toggle{display:flex;background-color:var(--color-bg-surface);padding:4px;border-radius:8px}.metric-toggle button{background:none;border:none;color:var(--color-text-secondary);padding:.5rem 1rem;font-size:.8rem;border-radius:6px;cursor:pointer}.metric-toggle button.active{background-color:var(--color-bg-elevated);color:#fff}.data-table-container h3{font-size:1rem;margin-bottom:1rem}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:1rem;font-size:.75rem;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.data-table td{padding:1rem;border-bottom:1px solid var(--color-border);font-size:.9rem}.metric-val{font-family:JetBrains Mono,monospace;font-weight:700;color:var(--color-accent)}.tag{padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:800}.tag.int8{background-color:#10b981;color:#fff}.tag.fp16{background-color:#f59e0b;color:#fff}.analysis-content{display:flex;flex-direction:column;gap:1.5rem}.panel-header{display:flex;align-items:center;gap:.5rem}.ai-icon{color:var(--color-accent)}.insight-card{background-color:var(--color-accent-dim);border:1px solid var(--color-accent);padding:1.25rem;border-radius:12px}.insight-text{font-size:.9rem;line-height:1.6;margin:0}.recommendation-section h4{font-size:.8rem;color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:1rem}.rec-item{display:flex;gap:.75rem;margin-bottom:1rem;align-items:flex-start}.rec-text{font-size:.85rem}.rec-text strong{display:block;color:var(--color-text-secondary);font-size:.7rem;text-transform:uppercase}.loading-state{font-size:.8rem;color:var(--color-accent);animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}