.Tab{justify-content:center;align-items:center;gap:var(--spacing-2);cursor:pointer;width:100%;padding:var(--spacing-2) var(--spacing-4);display:flex}.Tab--active{border-bottom:2px solid var(--color-primary)}
.TabList{width:100%;box-shadow:var(--shadow-md);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background-color:var(--color-surface);justify-content:space-between;align-items:center;display:flex}
.TabPanel{box-shadow:var(--shadow-md);margin-top:var(--spacing-0);border-radius:var(--radius-xl);background-color:var(--color-surface)}
.ListWrapper{padding:var(--spacing-4)}.ListWrapper__Header{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);display:flex}
.List{width:100%}.ListItem{justify-content:space-between;align-items:center;gap:var(--spacing-2);width:100%;color:var(--color-text);padding:var(--spacing-2);box-shadow:var(--shadow-xs);border-radius:var(--radius-md);display:flex}.ListItem__Content{align-items:center;gap:var(--spacing-2);display:flex}.ListItem__Index{width:var(--spacing-6);height:var(--spacing-6);border-radius:var(--radius-md);background-color:var(--color-bg);justify-content:center;align-items:center;display:flex}@media (max-width:600px){.ListItem__Index{display:none}}.ListItem__Icon{align-items:center;display:flex}
.HomeContainer{width:50%;margin:0 auto}@media (max-width:768px){.HomeContainer{width:90%}}