#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.app-container{height:100vh;display:flex;flex-direction:column}.top-bar{height:64px;background:#0f172a;color:#fff;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid #1e293b}.user-info{display:flex;align-items:center;gap:12px}.avatar{width:40px;height:40px;background:#2563eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.user-name{font-weight:600}.user-email{font-size:.85rem;color:#cbd5f5}.content-container{flex:1;display:flex;overflow:hidden}.sidebar{width:240px;background:#2563eb;color:#e5e7eb;padding:16px;border-right:1px solid #1e293b}.sidebar-title{margin-bottom:12px;font-size:.9rem;text-transform:uppercase;color:#94a3b8}.org-dropdown{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #1e293b;background:#020617;color:#e5e7eb;font-size:.9rem}.org-dropdown:focus{outline:none;border-color:#2563eb}.org-details{margin-top:16px;padding:12px;background:#020617;border:1px solid #1e293b;border-radius:8px;font-size:.85rem}.org-details h4{margin-bottom:12px;font-size:.95rem;color:#e5e7eb}.org-detail{display:flex;justify-content:space-between;margin-bottom:6px;color:#cbd5f5}.org-detail span:first-child{color:#94a3b8}.org-list{list-style:none}.org-item{padding:10px 12px;border-radius:6px;cursor:pointer;margin-bottom:6px}.org-item:hover{background:#1e293b}.org-item.active{background:#2563eb;color:#fff}.main-content{flex:1;padding:24px;background:#97c6f5;overflow-y:auto}.workspace-grid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.workspace-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 4px #00000014;cursor:pointer}.workspace-card:hover{box-shadow:0 4px 10px #0000001f}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}