*{box-sizing:border-box;padding:0;margin:0}:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--border-color:#30363d;--text-primary:#f0f6fc;--text-secondary:#8b949e;--accent-color:#58a6ff;--accent-hover:#79b8ff;--success-color:#3fb950;--danger-color:#f85149}body,html{max-width:100vw;min-height:100vh;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-primary);color:var(--text-primary)}a{color:var(--accent-color);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:2rem}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.header h1{font-size:1.5rem;font-weight:600}.header-actions{gap:1rem}.header-actions,.user-info{display:flex;align-items:center}.user-info{gap:.75rem;padding:.5rem 1rem;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-color)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-color);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.btn,.user-name{font-weight:500}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.btn,.btn:hover{text-decoration:none}.btn-primary{background:var(--accent-color);color:var(--bg-primary)}.btn-primary:hover{background:var(--accent-hover);color:var(--bg-primary)}.btn-danger{background:transparent;color:var(--danger-color);border-color:var(--danger-color)}.btn-danger:hover{background:var(--danger-color);color:var(--text-primary)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.main{padding:2rem}.welcome-section{text-align:center;padding:3rem 0}.welcome-section h2{font-size:2rem;margin-bottom:.5rem}.welcome-section p{color:var(--text-secondary);font-size:1.125rem}.workspaces-section{margin-top:3rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{font-size:1.25rem;font-weight:600}.workspaces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1rem;gap:1rem}.workspace-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:all .15s ease}.workspace-card:hover{border-color:var(--accent-color);transform:translateY(-2px)}.workspace-card h4{font-size:1.125rem;margin-bottom:.5rem}.workspace-card p{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.workspace-card .btn{width:100%;justify-content:center}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500}.status-badge.online{background:rgba(63,185,80,.15);color:var(--success-color)}.status-badge.online:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--success-color)}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 80px);padding:2rem}.login-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:2rem;text-align:center;max-width:400px;width:100%}.login-logo{width:64px;height:64px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--accent-color),#a855f7);border-radius:16px;display:flex;align-items:center;justify-content:center}.login-logo svg{width:32px;height:32px;color:#fff}.login-box h2{margin-bottom:.5rem;font-size:1.5rem}.login-box p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}.github-btn{background:#238636;color:#fff;width:100%;justify-content:center;padding:.75rem 1rem;font-size:1rem}.github-btn:hover{background:#2ea043;color:#fff}.login-features{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.feature{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--text-secondary);font-size:.875rem}.feature-icon{font-size:1rem}.github-icon{width:20px;height:20px}.footer{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.875rem;border-top:1px solid var(--border-color);margin-top:auto}.loading{display:flex;align-items:center;justify-content:center;min-height:200px}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error-message{background:rgba(248,81,73,.1);border:1px solid var(--danger-color);color:var(--danger-color);padding:1rem;border-radius:6px;margin-bottom:1rem}