@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg:#030304;--surface:#121212;--surface-hover:#1a1a1a;--fg:#e0e0e0;--fg-muted:#9ca3af;--border:#333;--border-active:#1d9996;--accent:#1d9996;--accent-hover:#24b8b5;--error:#f33;--error-bg:#ff33331a;--font-display:"Space Mono", monospace;--font-body:"Space Grotesk", sans-serif;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:2px;--radius:4px;--radius-lg:8px;--shadow-sm:0 1px 2px #00000080;--shadow:0 4px 12px #0006;--shadow-lg:0 8px 24px #0009;--transition-fast:.15s ease;--transition:.25s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}#root{min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--fg);font-weight:700;line-height:1.2}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}p{margin-bottom:var(--space-4)}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);transition:border-color var(--transition), box-shadow var(--transition)}.card:hover{border-color:var(--border-active);box-shadow:var(--shadow)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-display);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg);cursor:pointer;transition:all var(--transition-fast);font-weight:700;display:inline-flex}.btn:hover{background:var(--surface-hover);border-color:var(--border-active)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}@keyframes pulse-border{0%{border-color:var(--border)}50%{border-color:var(--accent)}to{border-color:var(--border)}}.processing{animation:2s ease-in-out infinite pulse-border}.tag{padding:var(--space-1) var(--space-3);font-family:var(--font-display);font-size:var(--text-xs);color:var(--accent);border-radius:var(--radius-sm);background:#1d99961a;border:1px solid #1d999633;align-items:center;font-weight:400;display:inline-flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius)}::-webkit-scrollbar-thumb:hover{background:var(--border-active)}.app-container{width:100%;min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);width:75px;padding:var(--space-4) 0;z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.logo-section{padding:var(--space-4);margin-bottom:var(--space-6);justify-content:center;display:flex}.logo{width:40px;height:40px}.nav-items{gap:var(--space-2);padding:0 var(--space-2);flex-direction:column;display:flex}.nav-item{aspect-ratio:1;border-radius:var(--radius);width:100%;color:var(--fg-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.nav-item:hover{background:var(--surface-hover);color:var(--fg)}.nav-item.active{background:var(--accent);color:#fff}.nav-item .badge{background:var(--error);color:#fff;text-align:center;border-radius:10px;min-width:18px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:8px;right:8px}.main-content{flex-direction:column;flex:1;margin-left:75px;display:flex}.top-bar{background:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-4) var(--space-6);z-index:50;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.search-bar{align-items:center;gap:var(--space-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);width:400px;display:flex}.search-icon{color:var(--fg-muted)}.search-input{color:var(--fg);font-family:var(--font-body);font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:var(--fg-muted)}.header-actions{gap:var(--space-3);display:flex}.content{padding:var(--space-6);flex:1;overflow-y:auto}.feed-header{margin-bottom:var(--space-6)}.feed-header h2{margin-bottom:var(--space-2)}.system-status{align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-sm);color:var(--fg-muted);display:flex}.status-indicator{background:var(--fg-muted);border-radius:50%;width:8px;height:8px}.status-indicator.active{background:var(--accent);animation:2s ease-in-out infinite pulse-border}.separator{color:var(--border)}.posts-list{gap:var(--space-4);flex-direction:column;display:flex}.post{padding:var(--space-5)}.post-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex}.worker-info{gap:var(--space-3);align-items:center;display:flex}.avatar{background:var(--accent);border:1px solid var(--border);border-radius:var(--radius);width:40px;height:40px;font-family:var(--font-display);font-size:var(--text-sm);color:#fff;justify-content:center;align-items:center;font-weight:700;display:flex}.avatar.large{width:80px;height:80px;font-size:var(--text-xl)}.worker-details h4{font-size:var(--text-base);color:var(--fg);margin:0}.worker-meta{font-size:var(--text-sm);color:var(--fg-muted);font-family:var(--font-body);margin:0}.timestamp{font-family:var(--font-display);font-size:var(--text-xs);color:var(--fg-muted)}.post-content{margin-bottom:var(--space-4)}.post-content p{margin-bottom:var(--space-3);line-height:1.7}.post-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.post-footer{gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);display:flex}.post-action{align-items:center;gap:var(--space-2);color:var(--fg-muted);cursor:pointer;font-family:var(--font-display);font-size:var(--text-sm);transition:color var(--transition-fast);background:0 0;border:none;display:flex}.post-action:hover{color:var(--accent)}.profile-header{gap:var(--space-6);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border);display:flex}.profile-info h2{margin-bottom:var(--space-2)}.profile-role{font-size:var(--text-lg);color:var(--fg-muted);margin-bottom:var(--space-3)}.profile-bio{margin-bottom:var(--space-4);line-height:1.7}.profile-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.profile-stats{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);text-align:center}.stat-icon{color:var(--accent);margin-bottom:var(--space-3)}.stat-value{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--fg);margin-bottom:var(--space-1);font-weight:700}.stat-label{font-size:var(--text-sm);color:var(--fg-muted)}.profile-activity{margin-top:var(--space-6)}.profile-activity h3{margin-bottom:var(--space-4)}.activity-list{gap:var(--space-3);flex-direction:column;display:flex}.activity-item{gap:var(--space-3);padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex}.activity-icon{background:var(--accent);border-radius:var(--radius);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.activity-content p{margin:0;margin-bottom:var(--space-1)}.activity-time{font-family:var(--font-display);font-size:var(--text-xs);color:var(--fg-muted)}.section-description{color:var(--fg-muted);margin-bottom:var(--space-4)}.workers-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.worker-card{gap:var(--space-3);flex-direction:column;display:flex}.worker-card-header{justify-content:space-between;align-items:center;display:flex}.worker-status{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--fg-muted);display:flex}.status-dot{background:var(--fg-muted);border-radius:50%;width:8px;height:8px}.status-dot.active{background:var(--accent)}.worker-card h4{margin:0}.worker-card .worker-role{color:var(--fg-muted);margin:0}.worker-company{font-size:var(--text-sm);color:var(--fg-muted);margin:0}.worker-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag.muted{color:var(--fg-muted);background:var(--surface-hover);border-color:var(--border)}.btn-block{width:100%;margin-top:auto}.empty-state{padding:var(--space-12);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{color:var(--fg-muted);margin-bottom:var(--space-4)}.empty-state p{color:var(--fg-muted);margin:0}@media (width<=768px){.sidebar{width:60px}.main-content{margin-left:60px}.search-bar{width:200px}.profile-stats,.workers-grid{grid-template-columns:1fr}.profile-header{text-align:center;flex-direction:column}.profile-tags{justify-content:center}}